@syncfusion/ej2-dropdowns 26.2.7 → 26.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.7
+*  version : 26.2.9
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@26.2.4",
+  "_id": "@syncfusion/ej2-dropdowns@26.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-rYtFrunryOtJIvcg6Izb0ZowqYEWuLASJHoM/wmI3KYUvkCbSlCarJKXOdgr+bybY/Y15ptJM3CW8f7LaHK6Zg==",
+  "_integrity": "sha512-DQLnhkatnSJgyHGcXmwjX+wlmjsQrqdoHCm1tsKmwfxiTvQBdxt/8VExLp/8b5ZhLPnCbNQwnwa9/BS2RMx52Q==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -35,8 +35,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.2.4.tgz",
-  "_shasum": "905bcd69a60c92c8eb1203b485d3dbb5373f8ccf",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.2.8.tgz",
+  "_shasum": "5b456592bed019698a0cc42ff02b5f84b64acb5d",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -45,12 +45,12 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-data": "~26.2.5",
+    "@syncfusion/ej2-data": "~26.2.9",
     "@syncfusion/ej2-inputs": "~26.2.5",
     "@syncfusion/ej2-lists": "~26.2.5",
-    "@syncfusion/ej2-navigations": "~26.2.7",
+    "@syncfusion/ej2-navigations": "~26.2.8",
     "@syncfusion/ej2-notifications": "~26.2.5",
-    "@syncfusion/ej2-popups": "~26.2.5"
+    "@syncfusion/ej2-popups": "~26.2.8"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -75,7 +75,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "26.2.7",
+  "version": "26.2.9",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/combo-box/combo-box.js

@@ -128,10 +128,41 @@ var ComboBox = /** @class */ (function (_super) {
         value = this.allowObjectBinding && !isNullOrUndefined(value) ? getValue((this.fields.value) ? this.fields.value : '', value) : value;
         var inputValue = isNullOrUndefined(value) ? null : value.toString();
         Input.setValue(inputValue, this.inputElement, this.floatLabelType, this.showClearButton);
+        var changeData = {};
         if (this.allowObjectBinding) {
             value = this.getDataByValue(value);
+            if (isNullOrUndefined(value)) {
+                var fields_1 = this.fields;
+                var isvalidTextField_1 = false;
+                var isValidValue_1 = false;
+                if (this.allowObjectBinding) {
+                    var keys = Object.keys(this.value);
+                    keys.forEach(function (key) {
+                        if (key === fields_1.value) {
+                            isValidValue_1 = true;
+                            return;
+                        }
+                    });
+                    keys.forEach(function (key) {
+                        if (key === fields_1.text) {
+                            isvalidTextField_1 = true;
+                            return;
+                        }
+                    });
+                }
+                changeData = {
+                    text: isValidValue_1 ? isvalidTextField_1 ? getValue(fields_1.text, this.value) : getValue(fields_1.value, this.value) : null,
+                    value: isValidValue_1 ? 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;
         var fields = this.fields;
         var dataItem = {};
@@ -671,7 +702,7 @@ var ComboBox = /** @class */ (function (_super) {
                 }
             }
         }
-        else if (this.allowCustom) {
+        else if (this.allowCustom && this.isInteracted) {
             this.isSelectCustom = true;
         }
     };

package/src/common/virtual-scroll.js

@@ -450,10 +450,8 @@ var VirtualScroll = /** @class */ (function () {
             else if (this.parent.isScrollActionTriggered) {
                 this.parent.isPreventKeyAction = false;
                 this.parent.isScrollActionTriggered = false;
-                var virtualListCount = this.parent.list.querySelectorAll('.e-virtual-list').length;
-                var listElement = this.parent.list.querySelector('.' + 'e-list-item');
-                var translateY = scrollArgs.offset.top - (listElement.offsetHeight * virtualListCount);
-                this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style.transform = "translate(0px," + translateY + "px)";
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.parent.getTransformValues();
             }
             this.parent.previousInfo = this.parent.viewPortInfo;
         }
@@ -487,13 +485,13 @@ var VirtualScroll = /** @class */ (function () {
             }
         }
         else if (infoType.direction === 'up') {
-            if (infoType.startIndex && infoType.endIndex) {
+            if ((infoType.startIndex && infoType.endIndex) || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
                 var loadAtIndex = Math.round(((infoType.startIndex * rowHeight) + (pageSizeBy4 * rowHeight)) / rowHeight);
-                if (exactTopIndex < loadAtIndex) {
+                if (exactTopIndex < loadAtIndex || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
                     var idxAddedToExactTop = (pageSizeBy4) > infoViewIndices ? pageSizeBy4 :
                         (infoViewIndices + infoViewIndices / 4);
                     var eIndex = Math.round(exactTopIndex + idxAddedToExactTop);
-                    infoType.endIndex = (eIndex < totalItemCount || this.component == "multiselect") ? eIndex : totalItemCount;
+                    infoType.endIndex = (eIndex < totalItemCount) ? eIndex : totalItemCount;
                     var sIndex = infoType.endIndex - this.parent.virtualItemCount;
                     infoType.startIndex = sIndex > 0 ? sIndex : 0;
                     infoType.endIndex = sIndex < 0 ? this.parent.virtualItemCount : infoType.endIndex;

package/src/drop-down-base/drop-down-base.js

@@ -337,7 +337,7 @@ var DropDownBase = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        if (noDataElement[i] instanceof HTMLElement || noDataElement[i] instanceof Text) {
+                        if (noDataElement[i] instanceof HTMLElement || ((noDataElement[i] instanceof Text) && (noDataElement[i]).textContent !== '')) {
                             ele.appendChild(noDataElement[i]);
                         }
                     }
@@ -1152,10 +1152,15 @@ var DropDownBase = /** @class */ (function (_super) {
         }
     };
     DropDownBase.prototype.getPageCount = function (returnExactCount) {
-        var liHeight = this.list.classList.contains(dropDownBaseClasses.noData) ? null :
-            getComputedStyle(this.getItems()[0], null).getPropertyValue('height');
-        var pageCount = Math.round(this.list.getBoundingClientRect().height / parseInt(liHeight, 10));
-        return returnExactCount ? pageCount : Math.round(pageCount);
+        if (this.list) {
+            var liHeight = this.list.classList.contains(dropDownBaseClasses.noData) ? null :
+                getComputedStyle(this.getItems()[0], null).getPropertyValue('height');
+            var pageCount = Math.round(this.list.getBoundingClientRect().height / parseInt(liHeight, 10));
+            return returnExactCount ? pageCount : Math.round(pageCount);
+        }
+        else {
+            return 0;
+        }
     };
     DropDownBase.prototype.updateGroupHeader = function (index, liCollections, target) {
         if (!isNullOrUndefined(liCollections[index]) && liCollections[index].classList.contains(dropDownBaseClasses.group)) {

package/src/drop-down-list/drop-down-list.js

@@ -3305,9 +3305,12 @@ var DropDownList = /** @class */ (function (_super) {
     DropDownList.prototype.checkData = function (newProp) {
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource)) && this.itemTemplate && this.allowFiltering &&
             !(this.isListSearched && (newProp.dataSource instanceof DataManager))) {
-            if (this.list) {
+            if (this.list && !(this.isReact)) {
                 this.list.innerHTML = '';
             }
+            else {
+                this.list = null;
+            }
             this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
         }
         this.isListSearched = false;

package/src/list-box/list-box.js

@@ -184,7 +184,6 @@ var ListBox = /** @class */ (function (_super) {
         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();
     };
     ListBox.prototype.updateSelectionSettings = function () {
         if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -432,7 +431,9 @@ var ListBox = /** @class */ (function (_super) {
                 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)) {
@@ -883,33 +884,22 @@ var ListBox = /** @class */ (function (_super) {
             items = (items instanceof Array ? items : [items]);
             var fields = this.fields;
             var dataValue = void 0;
-            var objValue = void 0;
+            var objValue = {};
             var dupData = [];
-            var itemIdx = void 0;
             extend(dupData, [], this.jsonData);
             var removeIdxes = [];
             var removeLiIdxes = [];
+            for (var i = 0; i < dupData.length; i++) {
+                var value = (dupData[i] instanceof Object) ? dupData[i][fields.value] : dupData[i].toString();
+                objValue[value] = i;
+            }
             for (var j = 0; j < items.length; j++) {
-                if (items[j] instanceof Object) {
-                    dataValue = getValue(fields.value, items[j]);
-                }
-                else {
-                    dataValue = items[j].toString();
-                }
-                for (var 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);
-                        var 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)) {
+                    var idx = objValue[dataValue];
+                    liCollections.push(liElement[idx]);
+                    removeIdxes.push(idx);
+                    removeLiIdxes.push(idx);
                 }
             }
             for (var k = removeIdxes.length - 1; k >= 0; k--) {
@@ -1268,6 +1258,7 @@ var ListBox = /** @class */ (function (_super) {
             }
             this.inputString = this.filterInput.value;
             this.filterWireEvents();
+            this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
             return filterInputObj;
         }
     };
@@ -2084,11 +2075,8 @@ var ListBox = /** @class */ (function (_super) {
     };
     ListBox.prototype.resizeHandler = function () {
         if (this.list && !(this.cssClass && this.cssClass.indexOf('e-horizontal-listbox') > -1)) {
-            if (this.list.scrollWidth > this.list.offsetWidth) {
-                this.list.querySelector('.e-list-parent').style.display = 'inline-block';
-            }
-            else {
-                this.list.querySelector('.e-list-parent').style.display = 'block';
+            if (this.list.getElementsByClassName('e-filter-parent').length > 0 && this.allowFiltering) {
+                this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
             }
         }
     };
@@ -2431,7 +2419,9 @@ var ListBox = /** @class */ (function (_super) {
                         this.initDraggable();
                     }
                     else {
-                        getComponent(this.ulElement, 'sortable').destroy();
+                        if (this.ulElement.classList.contains("e-sortable")) {
+                            getComponent(this.ulElement, 'sortable').destroy();
+                        }
                     }
                     break;
                 case 'allowFiltering':

package/src/mention/mention.js

@@ -1308,10 +1308,10 @@ var Mention = /** @class */ (function (_super) {
         }
         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 {

package/src/multi-select/checkbox-selection.js

@@ -493,7 +493,9 @@ var CheckBoxSelection = /** @class */ (function () {
             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');
+            }
         }
     };
     CheckBoxSelection.prototype.getActiveList = function (args) {

package/src/multi-select/multi-select.js

@@ -1406,7 +1406,9 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.expandTextbox = function () {
         var size = 5;
         if (this.placeholder) {
-            size = size > this.inputElement.placeholder.length ? size : this.inputElement.placeholder.length;
+            var codePoint = this.placeholder.charCodeAt(0);
+            var 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;
@@ -3087,7 +3089,7 @@ var MultiSelect = /** @class */ (function (_super) {
         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);
             }
         }
@@ -4806,6 +4808,10 @@ var MultiSelect = /** @class */ (function (_super) {
                     if (!this.closePopupOnSelect && this.isPopupOpen()) {
                         this.refreshPopup();
                     }
+                    if (this.isPopupOpen() && this.mode === 'CheckBox' && this.list && this.list.querySelector('.e-active.e-disable')) {
+                        var 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':
@@ -5464,8 +5470,10 @@ var MultiSelect = /** @class */ (function (_super) {
                         if (e.result.length > 0) {
                             listItems_2 = e.result;
                             _this.initStatus = false;
-                            _this.initialValueUpdate(listItems_2, true);
-                            _this.initialUpdate();
+                            setTimeout(function () {
+                                _this.initialValueUpdate(listItems_2, true);
+                                _this.initialUpdate();
+                            }, 100);
                             _this.initStatus = true;
                         }
                     });