@syncfusion/ej2-dropdowns 26.2.5 → 26.2.8

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

@@ -10069,10 +10069,41 @@ let ComboBox = class ComboBox extends DropDownList {
         value = this.allowObjectBinding && !isNullOrUndefined(value) ? getValue((this.fields.value) ? this.fields.value : '', value) : value;
         const inputValue = isNullOrUndefined(value) ? null : value.toString();
         Input.setValue(inputValue, this.inputElement, this.floatLabelType, this.showClearButton);
+        let changeData = {};
         if (this.allowObjectBinding) {
             value = this.getDataByValue(value);
+            if (isNullOrUndefined(value)) {
+                const fields = this.fields;
+                let isvalidTextField = false;
+                let isValidValue = false;
+                if (this.allowObjectBinding) {
+                    let keys = Object.keys(this.value);
+                    keys.forEach((key) => {
+                        if (key === fields.value) {
+                            isValidValue = true;
+                            return;
+                        }
+                    });
+                    keys.forEach((key) => {
+                        if (key === fields.text) {
+                            isvalidTextField = true;
+                            return;
+                        }
+                    });
+                }
+                changeData = {
+                    text: isValidValue ? isvalidTextField ? getValue(fields.text, this.value) : getValue(fields.value, this.value) : null,
+                    value: isValidValue ? this.value : null,
+                    index: null
+                };
+            }
+        }
+        if (this.allowObjectBinding) {
+            this.setProperties(changeData, true);
+        }
+        else {
+            this.setProperties({ value: value, text: value, index: null }, true);
         }
-        this.setProperties({ value: value, text: value, index: null }, true);
         this.activeIndex = this.index;
         const fields = this.fields;
         const dataItem = {};
@@ -10609,7 +10640,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 }
             }
         }
-        else if (this.allowCustom) {
+        else if (this.allowCustom && this.isInteracted) {
             this.isSelectCustom = true;
         }
     }
@@ -12984,7 +13015,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     expandTextbox() {
         let size = 5;
         if (this.placeholder) {
-            size = size > this.inputElement.placeholder.length ? size : this.inputElement.placeholder.length;
+            let codePoint = this.placeholder.charCodeAt(0);
+            let sizeMultiplier = (0xAC00 <= codePoint && codePoint <= 0xD7AF) ? 1.5 : (0x4E00 <= codePoint && codePoint <= 0x9FFF) ? 2 : 1;
+            size = size > this.inputElement.placeholder.length ? size : this.inputElement.placeholder.length * sizeMultiplier;
         }
         if (this.inputElement.value.length > size) {
             this.inputElement.size = this.inputElement.value.length;
@@ -14650,7 +14683,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (this.mode === 'CheckBox') {
             this.refreshPlaceHolder();
             this.refreshInputHight();
-            if (!this.changeOnBlur && isClearAll && (isNullOrUndefined(this.value) || this.value.length === 0)) {
+            if (this.changeOnBlur && isClearAll && (isNullOrUndefined(this.value) || this.value.length === 0)) {
                 this.updateValueState(e, this.value, this.tempValues);
             }
         }
@@ -16360,6 +16393,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     if (!this.closePopupOnSelect && this.isPopupOpen()) {
                         this.refreshPopup();
                     }
+                    if (this.isPopupOpen() && this.mode === 'CheckBox' && this.list && this.list.querySelector('.e-active.e-disable')) {
+                        const activeItems = this.list.querySelectorAll('li.' + dropDownBaseClasses.li + '.e-active' + '.e-disable');
+                        removeClass(activeItems, 'e-disable');
+                    }
                     this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
                     break;
                 case 'width':
@@ -17928,7 +17965,9 @@ class CheckBoxSelection {
             if (l10n.getConstant('selectAllText') === '') {
                 l10n = new L10n('dropdowns', l10nLocale, this.parent.locale);
             }
-            this.selectAllSpan.textContent = unSelect ? l10n.getConstant('unSelectAllText') : l10n.getConstant('selectAllText');
+            if (!isNullOrUndefined(this.selectAllSpan)) {
+                this.selectAllSpan.textContent = unSelect ? l10n.getConstant('unSelectAllText') : l10n.getConstant('selectAllText');
+            }
         }
     }
     getActiveList(args) {
@@ -18114,7 +18153,6 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.list.setAttribute('role', 'listbox');
         attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
         this.updateSelectionSettings();
-        this.resizeHandler();
     }
     updateSelectionSettings() {
         if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -18360,7 +18398,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 filterElem = this.list.getElementsByClassName('e-input-filter')[0];
                 filterElem.selectionStart = txtLength;
                 filterElem.selectionEnd = txtLength;
-                filterElem.focus();
+                if (filterElem.value !== '') {
+                    filterElem.focus();
+                }
             }
         }
         if (this.toolbarSettings.items.length && this.scope && this.scope.indexOf('#') > -1 && !isNullOrUndefined(e)) {
@@ -18804,33 +18844,22 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             items = (items instanceof Array ? items : [items]);
             const fields = this.fields;
             let dataValue;
-            let objValue;
+            let objValue = {};
             const dupData = [];
-            let itemIdx;
             extend(dupData, [], this.jsonData);
             const removeIdxes = [];
             const removeLiIdxes = [];
+            for (let i = 0; i < dupData.length; i++) {
+                const value = (dupData[i] instanceof Object) ? dupData[i][fields.value] : dupData[i].toString();
+                objValue[value] = i;
+            }
             for (let j = 0; j < items.length; j++) {
-                if (items[j] instanceof Object) {
-                    dataValue = getValue(fields.value, items[j]);
-                }
-                else {
-                    dataValue = items[j].toString();
-                }
-                for (let i = 0, len = dupData.length; i < len; i++) {
-                    if (dupData[i] instanceof Object) {
-                        objValue = getValue(fields.value, dupData[i]);
-                    }
-                    else {
-                        objValue = dupData[i].toString();
-                    }
-                    if (objValue === dataValue) {
-                        itemIdx = this.getIndexByValue(dataValue);
-                        const idx = itemIdx === i ? itemIdx : i;
-                        liCollections.push(liElement[idx]);
-                        removeIdxes.push(idx);
-                        removeLiIdxes.push(idx);
-                    }
+                dataValue = (items[j] instanceof Object) ? items[j][fields.value] : items[j].toString();
+                if (objValue.hasOwnProperty(dataValue)) {
+                    const idx = objValue[dataValue];
+                    liCollections.push(liElement[idx]);
+                    removeIdxes.push(idx);
+                    removeLiIdxes.push(idx);
                 }
             }
             for (let k = removeIdxes.length - 1; k >= 0; k--) {
@@ -21790,10 +21819,10 @@ let Mention = class Mention extends DropDownBase {
         }
         if (this.isContentEditable(this.inputElement)) {
             if (Browser.isAndroid) {
-                return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+                return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }
             else {
-                return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+                return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }
         }
         else {