@syncfusion/ej2-dropdowns 30.2.5 → 31.1.17

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

@@ -1323,11 +1323,13 @@ let DropDownBase = class DropDownBase extends Component {
             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'));
             }
@@ -2205,7 +2207,7 @@ let DropDownBase = class DropDownBase extends Component {
         this.renderGroupTemplate(this.fixedHeaderElement);
     }
     updateGroupFixedHeader(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);
@@ -2952,7 +2954,13 @@ let DropDownBase = class DropDownBase extends Component {
      */
     destroy() {
         if (document) {
-            EventHandler.remove(document, 'scroll', this.updateGroupFixedHeader);
+            if (this.fields && this.fields.groupBy) {
+                const elements = this.getScrollableParent();
+                for (let i = 0; i < elements.length; i++) {
+                    const 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)) {
@@ -5568,6 +5576,13 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         else {
             this.removeFocus();
+            if (this.allowFiltering && this.actionCompleteData && this.actionCompleteData.ulElement &&
+                this.dataSource instanceof DataManager) {
+                const focus = this.actionCompleteData.ulElement.querySelector('.e-item-focus');
+                if (focus) {
+                    removeClass(focus, dropDownListClasses.focus);
+                }
+            }
             this.list.querySelector('.' + dropDownBaseClasses.li).classList.add(dropDownListClasses.focus);
         }
     }
@@ -8206,6 +8221,10 @@ let DropDownTree = class DropDownTree extends Component {
     }
     /* Handles touch events specifically for iOS devices */
     handleIosTouch(e) {
+        const target = e.target;
+        if (target && target.classList.contains('e-clear-icon')) {
+            return;
+        }
         e.preventDefault();
         this.dropDownClick(e);
     }
@@ -9422,11 +9441,15 @@ let DropDownTree = class DropDownTree extends Component {
         }
     }
     restoreFilterSelection() {
+        if (this.treeObj.checkedNodes) {
+            this.treeObj.checkedNodes = [];
+        }
+        const 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 */
@@ -9953,12 +9976,16 @@ let DropDownTree = class DropDownTree extends Component {
         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);
@@ -11243,13 +11270,16 @@ let ComboBox = class ComboBox extends DropDownList {
                 if (this.dataSource instanceof DataManager) {
                     this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', currentValue)))
                         .then((e) => {
-                        if (e.result.length > 0) {
+                        if (e && e.result && e.result.length > 0) {
                             this.itemData = e.result[0];
                             const dataItem = this.getItemData();
                             const 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;
+                            const 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 });
                             }
                         }
@@ -11299,7 +11329,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 this.customValue();
             }
         }
-        else {
+        else if (!isNullOrUndefined(this.activeIndex) && !isNullOrUndefined(this.liCollections[this.activeIndex])) {
             this.setSelection(this.liCollections[this.activeIndex], null);
         }
         this.setHiddenValue();
@@ -13796,7 +13826,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     dataUpdater(dataSource, query, fields) {
         this.isDataFetched = false;
         const isNoData = this.list.classList.contains(dropDownBaseClasses.noData);
-        if (this.targetElement().trim() === '') {
+        if (this.targetElement().trim() === '' && (!this.allowCustomValue || this.mode === 'CheckBox' || this.targetElement() === '')) {
             const 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)) {
@@ -15988,7 +16018,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             const 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;
                                 }
                             }
@@ -15996,7 +16026,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         }
                         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();