@syncfusion/ej2-dropdowns 30.2.5 → 31.1.17

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

@@ -1404,11 +1404,13 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             else {
                 item = this.typeOfData(this.listData);
             }
-            if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
+            if (!isNullOrUndefined(item.item) &&
+                typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
                 item.typeof === 'number') {
                 return parseFloat(value);
             }
-            if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
+            if (!isNullOrUndefined(item.item) &&
+                typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
                 item.typeof === 'boolean') {
                 return ((value === 'true') || ('' + value === 'true'));
             }
@@ -2293,7 +2295,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         this.renderGroupTemplate(this.fixedHeaderElement);
     };
     DropDownBase.prototype.updateGroupFixedHeader = function (element, target) {
-        if (this.fixedHeaderElement) {
+        if (this.fixedHeaderElement && this.list && this.list.parentElement) {
             if (!isNullOrUndefined(element.innerHTML)) {
                 if (this.groupTemplate && this.isAngular && this.getModuleName() === 'multiselect') {
                     this.updateFixedGroupTemplateHader(element);
@@ -3043,7 +3045,13 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
      */
     DropDownBase.prototype.destroy = function () {
         if (document) {
-            EventHandler.remove(document, 'scroll', this.updateGroupFixedHeader);
+            if (this.fields && this.fields.groupBy) {
+                var elements = this.getScrollableParent();
+                for (var i = 0; i < elements.length; i++) {
+                    var ele = elements[i];
+                    EventHandler.remove(ele, 'scroll', this.updateGroupFixedHeader);
+                }
+            }
             if (document.body.contains(this.list)) {
                 EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
                 if (!isNullOrUndefined(this.rippleFun)) {
@@ -5691,6 +5699,13 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             this.removeFocus();
+            if (this.allowFiltering && this.actionCompleteData && this.actionCompleteData.ulElement &&
+                this.dataSource instanceof DataManager) {
+                var focus_1 = this.actionCompleteData.ulElement.querySelector('.e-item-focus');
+                if (focus_1) {
+                    removeClass(focus_1, dropDownListClasses.focus);
+                }
+            }
             this.list.querySelector('.' + dropDownBaseClasses.li).classList.add(dropDownListClasses.focus);
         }
     };
@@ -8381,6 +8396,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
     };
     /* Handles touch events specifically for iOS devices */
     DropDownTree.prototype.handleIosTouch = function (e) {
+        var target = e.target;
+        if (target && target.classList.contains('e-clear-icon')) {
+            return;
+        }
         e.preventDefault();
         this.dropDownClick(e);
     };
@@ -9611,11 +9630,15 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownTree.prototype.restoreFilterSelection = function () {
+        if (this.treeObj.checkedNodes) {
+            this.treeObj.checkedNodes = [];
+        }
+        var nodeIds = Array.isArray(this.value) ? this.value : [];
         if (this.showCheckBox) {
-            this.treeObj.checkedNodes = this.value ? this.value : [];
+            this.treeObj.checkedNodes = nodeIds;
         }
         else {
-            this.treeObj.selectedNodes = this.value ? this.value : [];
+            this.treeObj.selectedNodes = nodeIds;
         }
     };
     /* To set cssclass for the dropdowntree */
@@ -10143,12 +10166,16 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         if (!this.valueTemplate) {
             return null;
         }
-        if (this.valueTemplateContainer) {
+        if (this.isReact && !isNullOrUndefined(this.valueTemplateContainer)) {
+            detach(this.valueTemplateContainer);
+            this.valueTemplateContainer = null;
+        }
+        else if (this.valueTemplateContainer) {
             while (this.valueTemplateContainer.firstChild) {
                 this.valueTemplateContainer.removeChild(this.valueTemplateContainer.firstChild);
             }
         }
-        else {
+        if (isNullOrUndefined(this.valueTemplateContainer)) {
             this.valueTemplateContainer = this.createElement('span', { className: OVERFLOW_VIEW + ' ' + SHOW_TEXT + ' ' + 'e-input-value' + ' ' + HIDEICON });
         }
         this.inputWrapper.insertBefore(this.valueTemplateContainer, this.inputEle);
@@ -11456,13 +11483,16 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 if (this.dataSource instanceof DataManager) {
                     this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', currentValue_1)))
                         .then(function (e) {
-                        if (e.result.length > 0) {
+                        if (e && e.result && e.result.length > 0) {
                             _this.itemData = e.result[0];
                             var dataItem = _this.getItemData();
                             var value = _this.allowObjectBinding ?
-                                _this.getDataByValue(dataItem.value) : dataItem.value;
-                            if ((_this.value === dataItem.value && _this.text !== dataItem.text.toString()) ||
-                                (_this.value !== dataItem.value && _this.text === dataItem.text.toString())) {
+                                _this.itemData : dataItem.value;
+                            var valueFieldValue = _this.allowObjectBinding &&
+                                !isNullOrUndefined(_this.value) ? getValue((_this.fields.value) ?
+                                _this.fields.value : '', _this.value) : _this.value;
+                            if ((valueFieldValue === dataItem.value && _this.text !== dataItem.text.toString()) ||
+                                (valueFieldValue !== dataItem.value && _this.text === dataItem.text.toString())) {
                                 _this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
                             }
                         }
@@ -11512,7 +11542,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 this.customValue();
             }
         }
-        else {
+        else if (!isNullOrUndefined(this.activeIndex) && !isNullOrUndefined(this.liCollections[this.activeIndex])) {
             this.setSelection(this.liCollections[this.activeIndex], null);
         }
         this.setHiddenValue();
@@ -14052,7 +14082,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.dataUpdater = function (dataSource, query, fields) {
         this.isDataFetched = false;
         var isNoData = this.list.classList.contains(dropDownBaseClasses.noData);
-        if (this.targetElement().trim() === '') {
+        if (this.targetElement().trim() === '' && (!this.allowCustomValue || this.mode === 'CheckBox' || this.targetElement() === '')) {
             var list = this.enableVirtualization ? this.list.cloneNode(true) : this.mainList.cloneNode ?
                 this.mainList.cloneNode(true) : this.mainList;
             if (this.backCommand || (this.enableVirtualization && this.mode === 'CheckBox' && this.value && this.value.length > 0)) {
@@ -16261,7 +16291,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             var ulElement = _this.list.querySelector('ul');
                             if (ulElement) {
                                 if (!(_this.mode !== 'CheckBox' && (_this.allowFiltering || _this.allowCustomValue) &&
-                                    _this.targetElement().trim() !== '')) {
+                                    (_this.targetElement().trim() !== '' || (_this.targetElement() !== '' && _this.allowCustomValue)))) {
                                     _this.mainList = ulElement.cloneNode ? ulElement.cloneNode(true) : ulElement;
                                 }
                             }
@@ -16269,7 +16299,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         }
                         _this.popupObj.wireScrollEvents();
                         if (!(_this.mode !== 'CheckBox' && (_this.allowFiltering || _this.allowCustomValue) &&
-                            _this.targetElement().trim() !== '') && !_this.enableVirtualization) {
+                            (_this.targetElement().trim() !== '' || (_this.targetElement() !== '' && _this.allowCustomValue))) && !_this.enableVirtualization) {
                             _this.loadTemplate();
                             if (_this.enableVirtualization && _this.mode === 'CheckBox') {
                                 _this.UpdateSkeleton();