@syncfusion/ej2-querybuilder 26.2.4 → 26.2.8

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

@@ -1,4 +1,4 @@
-import { ChildProperty, Property, Collection, Component, closest, isNullOrUndefined, extend, remove, getComponent, removeClass, Animation, addClass, select, append, detach, rippleEffect, getInstance, getValue, Browser, classList, Internationalization, getUniqueID, L10n, Draggable, compile, EventHandler, cldrData, Event, Complex, NotifyPropertyChanges } from '@syncfusion/ej2-base';
+import { ChildProperty, Property, Collection, Component, closest, isNullOrUndefined, extend, remove, getComponent, removeClass, Animation, addClass, select, append, detach, rippleEffect, getInstance, getValue, getNumericObject, Browser, classList, Internationalization, getUniqueID, L10n, Draggable, compile, EventHandler, cldrData, Event, Complex, NotifyPropertyChanges } from '@syncfusion/ej2-base';
 import { Button, CheckBox, RadioButton } from '@syncfusion/ej2-buttons';
 import { MultiSelect, CheckBoxSelection, DropDownList, DropDownTree } from '@syncfusion/ej2-dropdowns';
 import { Query, DataManager, Deferred, Predicate } from '@syncfusion/ej2-data';
@@ -159,6 +159,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         this.cloneGrpBtnClick = false;
         this.isMiddleGroup = false;
         this.cloneRuleBtnClick = false;
+        this.isValueEmpty = false;
         this.dragStopHandler = (e) => {
             if (this.isDragEventPrevent) {
                 return;
@@ -2232,6 +2233,11 @@ let QueryBuilder = class QueryBuilder extends Component {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 const elem = args.currentTarget;
                 const numericTextBoxObj = getInstance(elem, NumericTextBox);
+                const decimalSeparator = getValue('decimal', getNumericObject(this.locale));
+                if (isNaN(value) && elem.value.indexOf(decimalSeparator) !== -1) {
+                    let numberValue = parseFloat(args.currentTarget.value);
+                    value = numberValue;
+                }
                 numericTextBoxObj.value = value;
                 this.isNumInput = true;
             }
@@ -2607,7 +2613,15 @@ let QueryBuilder = class QueryBuilder extends Component {
                     operatorList = this.customOperators[this.selectedColumn.type + 'Operator'];
                 }
                 const height = (this.element.className.indexOf('e-device') > -1) ? '250px' : '200px';
-                let value = operatorList[0].value;
+                let operator;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                operatorList.forEach((obj) => {
+                    if ('value' in obj && typeof obj.value === 'string' && obj.value.toLowerCase() === rule.operator.toLowerCase()) {
+                        operator = obj.value;
+                    }
+                });
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                let value = operator ? operator : operatorList[0].value;
                 let ddlIdx = 0;
                 if (!this.autoSelectOperator) {
                     value = '';
@@ -5028,6 +5042,7 @@ let QueryBuilder = class QueryBuilder extends Component {
      * @returns {RuleModel} - Valid rule or rules collection
      */
     getValidRules(currentRule) {
+        this.isValueEmpty = true;
         if (!currentRule) {
             currentRule = this.getRules();
         }
@@ -5037,6 +5052,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         const rule = !isNullOrUndefined(currentRule.isLocked) ?
             this.getRuleCollection({ condition: ruleCondtion, rules: ruleColl, not: notCondition, isLocked: currentRule.isLocked }, true) :
             this.getRuleCollection({ condition: ruleCondtion, rules: ruleColl, not: notCondition }, true);
+        this.isValueEmpty = false;
         return rule;
     }
     getRuleCollection(rule, isValidRule) {
@@ -5066,8 +5082,9 @@ let QueryBuilder = class QueryBuilder extends Component {
                     rule.value = null;
                 }
             }
-            if ((this.isRefreshed && this.enablePersistence) || (rule.field !== '' && rule.operator !== '' && (rule.value !== '' &&
-                rule.value !== undefined)) || (customObj && customObj.isQuestion)) {
+            if ((this.isRefreshed && this.enablePersistence) || (rule.field !== '' && rule.operator !== '' &&
+                (this.isValueEmpty ? rule.value !== '' && rule.value !== undefined : rule.value !== undefined)) ||
+                (customObj && customObj.isQuestion)) {
                 const condition = rule.condition;
                 const lockedRule = rule.isLocked;
                 rule = { 'label': rule.label, 'field': rule.field, 'operator': rule.operator, 'type': rule.type, 'value': rule.value };