@syncfusion/ej2-querybuilder 31.1.22 → 31.2.4

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

@@ -206,6 +206,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         _this.cloneRuleBtnClick = false;
         _this.isValueEmpty = false;
         _this.isPropChange = false;
+        _this.isRuleClicked = false;
         MultiSelect.Inject(CheckBoxSelection);
         return _this;
     }
@@ -570,6 +571,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 case target.className.indexOf('e-clone-rule-btn') > -1:
                     this.actionButton = target;
                     this.cloneRuleBtnClick = true;
+                    this.isRuleClicked = true;
                     this.ruleClone(target);
                     break;
                 case target.className.indexOf('e-lock-rule-btn') > -1:
@@ -583,6 +585,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 case target.className.indexOf('e-clone-grp-btn') > -1:
                     this.actionButton = target;
                     this.cloneGrpBtnClick = true;
+                    this.isRuleClicked = true;
                     this.groupClone(closest(target, '.e-group-container'));
                     break;
                 case target.className.indexOf('e-deletegroup') > -1:
@@ -742,9 +745,11 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else if (event.element.children[0].className.indexOf('e-addrule') > -1) {
+            this.isRuleClicked = true;
             this.addRuleElement(closest(target, '.e-group-container'), {});
         }
         else if (event.element.children[0].className.indexOf('e-addgroup') > -1) {
+            this.isRuleClicked = true;
             this.addGroupElement(true, closest(target, '.e-group-container'), '', true);
         }
     };
@@ -945,6 +950,10 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             if (!this.isImportRules) {
                 this.updateAddedRule(trgt, rule, newRule, isRlTmp, pId, this.enableSeparateConnector ? true : null);
             }
+            if (this.rule.condition === '' && (this.isRuleClicked || this.rule.rules.length > 1)) {
+                this.rule.condition = 'and';
+            }
+            this.isRuleClicked = false;
             var ruleCount = this.rule.rules.length;
             if (!column || (column && !column.ruleTemplate) || !rule.field) {
                 if (ruleCount > 20) {
@@ -2336,11 +2345,46 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     QueryBuilder.prototype.changeValueSuccessCallBack = function (args, element, i, groupID, ruleID) {
         if (!args.cancel) {
             this.updateRules(element, args.value, i);
+            this.setSecondDateMinFromFirst(element, i);
             if (!this.isImportRules) {
                 this.trigger('change', { groupID: groupID, ruleID: ruleID, value: args.value, cancel: false, type: 'value' });
             }
         }
     };
+    QueryBuilder.prototype.setSecondDateMinFromFirst = function (element, valueIndex) {
+        if (valueIndex !== 0) {
+            return;
+        }
+        var ruleElem = closest(element, '.e-rule-container');
+        if (!ruleElem) {
+            return;
+        }
+        var operatorDropdownElement = ruleElem.querySelector('.e-rule-operator .e-dropdownlist');
+        if (!operatorDropdownElement) {
+            return;
+        }
+        var operatorDropdown = getComponent(operatorDropdownElement, 'dropdownlist');
+        var operatorValue = operatorDropdown && operatorDropdown.value ? operatorDropdown.value.toString().toLowerCase() : '';
+        if (operatorValue.indexOf('between') < 0) {
+            return;
+        }
+        var firstDateElement = document.getElementById(ruleElem.id + '_valuekey0');
+        var secondDateElement = document.getElementById(ruleElem.id + '_valuekey1');
+        if (!firstDateElement || !secondDateElement) {
+            return;
+        }
+        var firstDatePicker = getComponent(firstDateElement, 'datepicker');
+        var secondDatePicker = getComponent(secondDateElement, 'datepicker');
+        if (!firstDatePicker || !secondDatePicker || !(firstDatePicker.value instanceof Date)) {
+            return;
+        }
+        var nextDay = new Date(firstDatePicker.value.getTime());
+        nextDay.setDate(nextDay.getDate() + 1);
+        secondDatePicker.min = nextDay;
+        if (secondDatePicker.value instanceof Date && secondDatePicker.value.getTime() < nextDay.getTime()) {
+            secondDatePicker.value = nextDay;
+        }
+    };
     QueryBuilder.prototype.fieldClose = function (id) {
         if (this.isFieldChange || this.isDestroy) {
             return;
@@ -3327,6 +3371,12 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                                     selVal = (length_1 > 1) ? rule.value[i] : rule.value;
                                     selectedValue = this.parseDate(selVal, format) || new Date();
                                 }
+                                if (!isNullOrUndefined(itemData) && itemData.value && !isTemplate) {
+                                    var parsedDate = this.parseDate(itemData.value.toString(), itemData.format);
+                                    if (parsedDate && !isNaN(parsedDate.getTime())) {
+                                        selectedValue = parsedDate;
+                                    }
+                                }
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 if (!itemData.field && !itemData.key && itemData.value) {
                                     if (itemData.value instanceof Date) {
@@ -3368,6 +3418,19 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                                             value: selectedValue, locale: this.getLocale(), placeholder: place,
                                             format: formatObj.format, change: this.changeValue.bind(this, i)
                                         };
+                                        if (!isNullOrUndefined(column) && !isNullOrUndefined(column.values) && column.values.length > 0) {
+                                            var parsedDate = this.parseDate(column.values[i], format);
+                                            if (!isNullOrUndefined(parsedDate) && parsedDate instanceof Date) {
+                                                datePicker.value = parsedDate;
+                                                if (i === 1) {
+                                                    var parsedMinDate = this.parseDate(column.values[0], format);
+                                                    if (parsedMinDate instanceof Date && !isNaN(parsedMinDate.getTime())) {
+                                                        parsedMinDate.setDate(parsedMinDate.getDate() + 1);
+                                                        datePicker.min = parsedMinDate;
+                                                    }
+                                                }
+                                            }
+                                        }
                                         if (this.valueModel && this.valueModel.datePickerModel) {
                                             datePicker = __assign({}, datePicker, this.valueModel.datePickerModel);
                                         }
@@ -4098,6 +4161,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         }
         classList(this.element, [], ['e-rtl', 'e-responsive', 'e-device']);
         this.isDestroy = false;
+        _super.prototype.destroy.call(this);
     };
     /**
      * Adds single or multiple rules.
@@ -7494,6 +7558,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Event()
     ], QueryBuilder.prototype, "created", void 0);
+    __decorate([
+        Event()
+    ], QueryBuilder.prototype, "destroyed", void 0);
     __decorate([
         Event()
     ], QueryBuilder.prototype, "actionBegin", void 0);