@syncfusion/ej2-dropdowns 31.2.3 → 31.2.5

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

@@ -1617,6 +1617,11 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                 if (_this.isVirtualizationEnabled && (e.count !== 0 && e.count < (_this.itemCount * 2))) {
                                     if (newQuery) {
                                         for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
+                                            if (_this.getModuleName() === 'multiselect' && _this.isCheckBoxSelection && (newQuery.queries[queryElements].e && (newQuery.queries[queryElements].e.operator === 'notequal' ||
+                                                newQuery.queries[queryElements].e.operator === 'equal' || newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.condition === 'and') && !_this.isCustomFiltering)) {
+                                                isReOrder = false;
+                                                break;
+                                            }
                                             if (newQuery.queries[queryElements].fn === 'onTake') {
                                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                                 newQuery.queries[queryElements].e.nos = e.count;
@@ -1728,6 +1733,11 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                 listItems.count < (_this.itemCount * 2)) && !_this.appendUncheckList) {
                                 if (newQuery) {
                                     for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
+                                        if (_this.getModuleName() === 'multiselect' && _this.isCheckBoxSelection && (newQuery.queries[queryElements].e && (newQuery.queries[queryElements].e.operator === 'notequal' ||
+                                            newQuery.queries[queryElements].e.operator === 'equal' || newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.condition === 'and') && !_this.isCustomFiltering)) {
+                                            isReOrder = false;
+                                            break;
+                                        }
                                         if (newQuery.queries[queryElements].fn === 'onTake') {
                                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                             newQuery.queries[queryElements].e.nos = listItems.count;
@@ -3674,6 +3684,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.onChangeEvent(e);
         }
         this.floatLabelChange();
+        this.updateFloatLabelOverflowWidth();
         this.dispatchEvent(this.hiddenElement, 'change');
         if (this.getModuleName() === 'dropdownlist' && this.element.tagName !== 'INPUT') {
             this.dispatchEvent(this.inputElement, 'blur');
@@ -3690,6 +3701,12 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.trigger('focus', args);
         }
         this.updateIconState();
+        if (this.floatLabelType !== 'Never' && this.inputWrapper && this.inputWrapper.container) {
+            var label = this.inputWrapper.container.querySelector('.e-float-text');
+            if (label) {
+                label.removeAttribute('style');
+            }
+        }
         this.isFocused = true;
     };
     DropDownList.prototype.resizingWireEvent = function () {
@@ -5519,7 +5536,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                                 _this.checkFieldValue(x, fieldValue_1) === value_1 : x[checkField_1] === value_1;
                         });
                     }
-                    if (!checkVal) {
+                    if (!checkVal && !this.enableVirtualization) {
                         this.dataSource.executeQuery(this.getQuery(this.query).where(new Predicate(checkField_1, 'equal', value_1)))
                             .then(function (e) {
                             if (e.result.length > 0) {
@@ -6667,6 +6684,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.inputWrapper.container.getElementsByClassName('e-float-text-content')[0] && this.floatLabelType !== 'Never') {
             this.inputWrapper.container.getElementsByClassName('e-float-text-content')[0].classList.add('e-icon');
         }
+        this.updateFloatLabelOverflowWidth();
         this.wireEvent();
         this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
         this.element.removeAttribute('tabindex');
@@ -7236,6 +7254,24 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             Input.setCssClass(newClass, [this.popupObj.element], oldClass);
         }
     };
+    DropDownList.prototype.getRightIconsWidth = function () {
+        var container = this.inputWrapper.container;
+        var width = 0;
+        var iconSelectors = '.e-input-group-icon, .e-clear-icon';
+        var icons = container.querySelectorAll(iconSelectors);
+        for (var index = 0; index < icons.length; index++) {
+            width += icons[index].offsetWidth;
+        }
+        return width;
+    };
+    DropDownList.prototype.updateFloatLabelOverflowWidth = function () {
+        var container = this.inputWrapper.container;
+        var label = container.querySelector('.e-float-text');
+        var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
+        if (label && calculateWidth) {
+            label.style.width = calculateWidth + 'px';
+        }
+    };
     /**
      * Return the module name of this component.
      *
@@ -11524,7 +11560,9 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                                 _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 });
+                                _this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value }, true);
+                                _this.setHiddenValue();
+                                Input.setValue(_this.text, _this.inputElement, _this.floatLabelType, _this.showClearButton);
                             }
                         }
                         else if (_this.allowCustom) {
@@ -13500,6 +13538,27 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             this.scrollBottom(focusedItem, undefined, false, null, true);
         }
     };
+    MultiSelect.prototype.updatePopupHeightOnFilter = function () {
+        if (this.allowFiltering && this.allowResize && this.keyboardEvent) {
+            if (this.allowResize && this.popupObj && this.list) {
+                var filterText = this.inputElement && this.inputElement.value;
+                var filteredItems = this.list.querySelectorAll('li.e-list-item:not(.e-hide-listitem):not(.e-disabled)');
+                var isFiltering = filterText && filterText.length > 0;
+                if (isFiltering && filteredItems.length > 0) {
+                    var itemHeight = filteredItems[0].offsetHeight;
+                    var newHeight = filteredItems.length * itemHeight;
+                    this.popupObj.element.style.maxHeight = newHeight + 16 + 'px';
+                    this.list.style.maxHeight = newHeight + 'px';
+                }
+                else if (!isFiltering) {
+                    var restoreHeight = this.resizeHeight || parseInt(this.popupHeight, 10);
+                    this.popupObj.element.style.maxHeight = restoreHeight + 'px';
+                    this.list.style.maxHeight = restoreHeight + 'px';
+                    this.setResize();
+                }
+            }
+        }
+    };
     MultiSelect.prototype.focusAtFirstListItem = function (isOpen) {
         if (this.ulElement && this.ulElement.querySelector('li.'
             + dropDownBaseClasses.li)) {
@@ -14227,7 +14286,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             this.getFilteringSkeletonCount();
         }
         this.refreshPopup();
-        if (this.allowResize) {
+        if (this.allowResize && !this.isFilteringAction) {
             this.setResize();
         }
         if (this.mode === 'CheckBox') {
@@ -14414,6 +14473,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     };
     MultiSelect.prototype.onBlurHandler = function (eve, isDocClickFromCheck) {
         var target;
+        this.updatePopupHeightOnFilter();
         if (this.isBlurDispatching && this.isAngular) {
             this.isBlurDispatching = false;
             return;
@@ -14494,6 +14554,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             Input.createSpanElement(this.overAllWrapper, this.createElement);
         }
         this.calculateWidth();
+        this.updateFloatLabelOverflowWidth();
         if (!isNullOrUndefined(this.overAllWrapper) && !isNullOrUndefined(this.overAllWrapper.getElementsByClassName('e-ddl-icon')[0] &&
             this.overAllWrapper.getElementsByClassName('e-float-text-content')[0] && this.floatLabelType !== 'Never')) {
             this.overAllWrapper.getElementsByClassName('e-float-text-content')[0].classList.add('e-icon');
@@ -14696,6 +14757,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.searchWrapper.classList.remove(ZERO_SIZE);
             }
             this.checkPlaceholderSize();
+            if (this.floatLabelType !== 'Never' && this.overAllWrapper) {
+                var label = this.overAllWrapper.querySelector('.e-float-text');
+                if (label) {
+                    label.removeAttribute('style');
+                }
+            }
             if (this.focused) {
                 var args = { isInteracted: e ? true : false, event: e };
                 this.trigger('focus', args);
@@ -15006,7 +15073,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         if (!(this.mode === 'CheckBox' && this.showSelectAll)) {
             this.refreshPopup();
         }
-        if (this.allowResize) {
+        if (this.allowResize && !this.isFilterAction) {
             this.setResize();
         }
         this.isKeyBoardAction = false;
@@ -16728,6 +16795,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         });
+        this.updatePopupHeightOnFilter();
     };
     MultiSelect.prototype.search = function (e) {
         this.preventSetCurrentData = false;
@@ -17052,28 +17120,29 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.wireListEvents();
     };
     MultiSelect.prototype.initialValueUpdate = function (listItems, isInitialVirtualData) {
+        var _this = this;
         if (this.list) {
             var text = void 0;
             var element = void 0;
-            var value = void 0;
+            var value_2;
             if (this.chipCollectionWrapper) {
                 this.chipCollectionWrapper.innerHTML = '';
             }
             this.removeListSelection();
             if (!isNullOrUndefined(this.value)) {
                 for (var index = 0; !isNullOrUndefined(this.value[index]); index++) {
-                    value = this.allowObjectBinding ?
+                    value_2 = this.allowObjectBinding ?
                         getValue(((this.fields.value) ? this.fields.value : ''), this.value[index]) :
                         this.value[index];
-                    element = this.findListElement(this.hideSelectedItem ? this.ulElement : this.list, 'li', 'data-value', value);
+                    element = this.findListElement(this.hideSelectedItem ? this.ulElement : this.list, 'li', 'data-value', value_2);
                     var isCustomData = false;
                     if (this.enableVirtualization) {
                         text = null;
                         if (listItems != null && listItems.length > 0) {
                             for (var i = 0; i < listItems.length; i++) {
-                                if ((this.isPrimitiveData && listItems[i] === value) || (!this.isPrimitiveData
+                                if ((this.isPrimitiveData && listItems[i] === value_2) || (!this.isPrimitiveData
                                     && getValue((this.fields.value ? this.fields.value :
-                                        'value'), listItems[i]) === value)) {
+                                        'value'), listItems[i]) === value_2)) {
                                     text = this.isPrimitiveData ? listItems[i] :
                                         getValue(this.fields.text, listItems[i]);
                                     if (this.enableVirtualization) {
@@ -17099,7 +17168,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         if ((isNullOrUndefined(text) && this.allowCustomValue) &&
                             ((!(this.dataSource instanceof DataManager)) ||
                                 (this.dataSource instanceof DataManager && isInitialVirtualData))) {
-                            text = this.getTextByValue(value);
+                            text = this.getTextByValue(value_2);
                             isCustomData = true;
                         }
                         else if ((isNullOrUndefined(text) && !this.allowCustomValue) &&
@@ -17110,30 +17179,39 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                     else {
-                        text = this.getTextByValue(value);
+                        text = this.getTextByValue(value_2);
                     }
                     if (((element && (element.getAttribute('aria-selected') !== 'true')) ||
                         (element && (element.getAttribute('aria-selected') === 'true' && this.hideSelectedItem) &&
                             (this.mode === 'Box' || this.mode === 'Default'))) ||
-                        (this.enableVirtualization && value != null && text != null && !isCustomData)) {
+                        (this.enableVirtualization && value_2 != null && text != null && !isCustomData)) {
                         var currentText = [];
                         var textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' && index === 0 ? text : this.text != null && this.text !== '' && !this.text.includes(text) ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
-                        this.addChip(text, value);
+                        this.addChip(text, value_2);
                         this.addListSelection(element);
                     }
-                    else if ((!this.enableVirtualization && value && this.allowCustomValue) ||
+                    else if ((!this.enableVirtualization && value_2 && this.allowCustomValue) ||
                         (this.enableVirtualization &&
-                            value &&
+                            value_2 &&
                             this.allowCustomValue &&
                             ((!(this.dataSource instanceof DataManager)) ||
                                 (this.dataSource instanceof DataManager && isInitialVirtualData)))) {
                         var indexItem = this.listData.length;
                         var newValue = {};
-                        setValue(this.fields.text, value, newValue);
-                        setValue(this.fields.value, value, newValue);
+                        setValue(this.fields.text, value_2, newValue);
+                        setValue(this.fields.value, value_2, newValue);
                         var noDataEle = this.popupWrapper.querySelector('.' + dropDownBaseClasses.noData);
+                        if (newValue && this.allowObjectBinding && this.allowCustomValue && this.value.length > 0 && typeof this.value[0] === 'object') {
+                            var valueArray = this.value;
+                            var filteredItems = valueArray.filter(function (valObj) {
+                                return valObj[_this.fields.value] === value_2;
+                            });
+                            if (filteredItems.length > 0) {
+                                newValue = filteredItems[0]; // Take the first matching item
+                            }
+                        }
                         if (!this.enableVirtualization) {
                             this.addItem(newValue, indexItem);
                         }
@@ -17146,7 +17224,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             }
                         }
                         element = element ? element : this.findListElement(this.hideSelectedItem ?
-                            this.ulElement : this.list, 'li', 'data-value', value);
+                            this.ulElement : this.list, 'li', 'data-value', value_2);
                         if (this.popupWrapper.contains(noDataEle)) {
                             this.list.setAttribute('style', noDataEle.getAttribute('style'));
                             this.popupWrapper.replaceChild(this.list, noDataEle);
@@ -17156,7 +17234,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         var textValues = this.text != null && this.text !== '' ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
-                        this.addChip(text, value);
+                        this.addChip(text, value_2);
                         this.addListSelection(element);
                     }
                 }
@@ -18993,6 +19071,24 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.isSelectAll = true;
         this.selectAllItems(state);
     };
+    MultiSelect.prototype.getRightIconsWidth = function () {
+        var container = this.overAllWrapper;
+        var width = 0;
+        var iconSelectors = '.e-input-group-icon, .e-clear-icon';
+        var icons = container.querySelectorAll(iconSelectors);
+        for (var index = 0; index < icons.length; index++) {
+            width += icons[index].offsetWidth;
+        }
+        return width;
+    };
+    MultiSelect.prototype.updateFloatLabelOverflowWidth = function () {
+        var container = this.overAllWrapper;
+        var label = container.querySelector('.e-float-text');
+        var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
+        if (label && calculateWidth) {
+            label.style.width = calculateWidth + 'px';
+        }
+    };
     /**
      * Return the module name of this component.
      *
@@ -19157,6 +19253,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
+        this.updateFloatLabelOverflowWidth();
         this.wireEvent();
         this.enable(this.enabled);
         this.enableRTL(this.enableRtl);
@@ -23571,7 +23668,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 : lastWordRange.replace(this.mentionChar, '');
         }
         if (this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0) &&
-            this.queryString !== '' && e.keyCode !== 38 && e.keyCode !== 40 && !this.lineBreak) {
+            this.queryString !== '' && e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 8 && !this.lineBreak) {
             this.searchLists(e);
             if (!this.isPopupOpen && this.queryString.length >= this.minLength) {
                 if (!this.isContentEditable(this.inputElement)) {