@syncfusion/ej2-dropdowns 27.1.50 → 27.1.52

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

@@ -1964,7 +1964,7 @@ let DropDownBase = class DropDownBase extends Component {
                 }
                 dataSource = ListBase.groupDataSource(dataSource, fields.properties, this.sortOrder);
             }
-            else {
+            else if (this.getModuleName() !== 'listbox' || (this.getModuleName() === 'listbox' && !this.preventDefActionFilter)) {
                 dataSource = this.getSortedDataSource(dataSource);
             }
             this.sortedData = dataSource;
@@ -1972,21 +1972,23 @@ let DropDownBase = class DropDownBase extends Component {
                 new DataManager(dataSource).executeLocal(new Query().take(100))
                 : dataSource;
             ulElement = this.templateListItem((this.getModuleName() === 'autocomplete') ? spliceData : dataSource, fields);
-            const oldUlElement = this.list.querySelector('.e-list-parent');
-            const virtualUlElement = this.list.querySelector('.e-virtual-ddl-content');
-            if ((listData.length >= this.virtualizedItemsCount && oldUlElement && virtualUlElement) || (oldUlElement && virtualUlElement && this.isAllowFiltering) || (oldUlElement && virtualUlElement && this.getModuleName() === 'autocomplete')) {
-                virtualUlElement.replaceChild(ulElement, oldUlElement);
-                const reOrderList = this.list.querySelectorAll('.e-reorder');
-                if (this.list.querySelector('.e-virtual-ddl-content') && reOrderList && reOrderList.length > 0 && !isCheckBoxUpdate) {
-                    this.list.querySelector('.e-virtual-ddl-content').removeChild(reOrderList[0]);
+            if (this.isVirtualizationEnabled) {
+                const oldUlElement = this.list.querySelector('.e-list-parent');
+                const virtualUlElement = this.list.querySelector('.e-virtual-ddl-content');
+                if ((listData.length >= this.virtualizedItemsCount && oldUlElement && virtualUlElement) || (oldUlElement && virtualUlElement && this.isAllowFiltering) || (oldUlElement && virtualUlElement && this.getModuleName() === 'autocomplete')) {
+                    virtualUlElement.replaceChild(ulElement, oldUlElement);
+                    const reOrderList = this.list.querySelectorAll('.e-reorder');
+                    if (this.list.querySelector('.e-virtual-ddl-content') && reOrderList && reOrderList.length > 0 && !isCheckBoxUpdate) {
+                        this.list.querySelector('.e-virtual-ddl-content').removeChild(reOrderList[0]);
+                    }
+                    this.updateListElements(listData);
+                }
+                else if (!virtualUlElement) {
+                    this.list.innerHTML = '';
+                    this.createVirtualContent();
+                    this.list.querySelector('.e-virtual-ddl-content').appendChild(ulElement);
+                    this.updateListElements(listData);
                 }
-                this.updateListElements(listData);
-            }
-            else if ((!virtualUlElement)) {
-                this.list.innerHTML = '';
-                this.createVirtualContent();
-                this.list.querySelector('.e-virtual-ddl-content').appendChild(ulElement);
-                this.updateListElements(listData);
             }
         }
         else {
@@ -2764,6 +2766,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.preventChange = false;
         this.isTouched = false;
         this.isFocused = false;
+        this.autoFill = false;
     }
     /**
      * Initialize the event handler.
@@ -3034,12 +3037,20 @@ let DropDownList = class DropDownList extends DropDownBase {
             removeClass([this.inputWrapper.container], dropDownListClasses.disable);
             this.inputElement.setAttribute('aria-disabled', 'false');
             this.targetElement().setAttribute('tabindex', this.tabIndex);
+            if (this.inputWrapper && this.inputWrapper.container) {
+                this.inputWrapper.container.setAttribute('aria-disabled', 'false');
+                this.inputWrapper.container.removeAttribute('disabled');
+            }
         }
         else {
             this.hidePopup();
             addClass([this.inputWrapper.container], dropDownListClasses.disable);
             this.inputElement.setAttribute('aria-disabled', 'true');
             this.targetElement().tabIndex = -1;
+            if (this.inputWrapper && this.inputWrapper.container) {
+                this.inputWrapper.container.setAttribute('aria-disabled', 'true');
+                this.inputWrapper.container.setAttribute('disabled', '');
+            }
         }
     }
     /**
@@ -4793,6 +4804,9 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
     }
     onInput(e) {
+        if (!isNullOrUndefined(e) && !isNullOrUndefined(e.data) && e.data.length > 1 && this.autoFill && (this.getModuleName() === 'combobox' || this.getModuleName() === 'autocomplete')) {
+            this.inputElement.value = e.data;
+        }
         this.isValidKey = true;
         if (this.getModuleName() === 'combobox') {
             this.updateIconState();
@@ -8530,8 +8544,8 @@ let DropDownTree = class DropDownTree extends Component {
                     }
                     else {
                         const oldFocussedNode = this.treeObj.element.querySelector('.e-node-focus');
-                        focusedElement = this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable):not(.e-prevent)') ||
-                            this.treeObj.element.querySelector('li:not(.e-disable):not(.e-prevent)');
+                        focusedElement = this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable)') ||
+                            this.treeObj.element.querySelector('li:not(.e-disable)');
                         if (oldFocussedNode && oldFocussedNode !== focusedElement) {
                             oldFocussedNode.setAttribute('tabindex', '-1');
                             removeClass([oldFocussedNode], 'e-node-focus');
@@ -11150,6 +11164,7 @@ let ComboBox = class ComboBox extends DropDownList {
         super.render();
         this.setSearchBox();
         this.renderComplete();
+        this.autoFill = this.autofill;
     }
     /**
      * Return the module name of this component.
@@ -14441,10 +14456,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.currentRemoveValue = this.allowObjectBinding ? getValue(((this.fields.value) ?
                         this.fields.value : ''), value) : value;
                     this.virtualSelectAll = false;
-                    let removeVal = this.value.slice(0);
-                    if (this.enableVirtualization && isClearAll) {
-                        removeVal = [];
-                    }
+                    const removeVal = this.value.slice(0);
                     removeVal.splice(index, 1);
                     if (this.enableVirtualization && this.mode === 'CheckBox') {
                         this.selectedListData.splice(index, 1);
@@ -16700,7 +16712,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 this.isSelectAll = this.isSelectAll ? !this.isSelectAll : this.isSelectAll;
             }
             this.updateHiddenElement();
-            this.value = [];
+            this.setProperties({ value: [] }, true);
             this.virtualSelectAll = false;
             if (!isNullOrUndefined(this.viewPortInfo.startIndex) && !isNullOrUndefined(this.viewPortInfo.endIndex)) {
                 this.notify('setCurrentViewDataAsync', {
@@ -19434,6 +19446,17 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 li.setAttribute('aria-disabled', 'true');
             }
         });
+        if (this.allowFiltering && this.filterInput.value !== '' && this.toolbarSettings.items.length > 0) {
+            let canDisable = false;
+            this.liCollections.forEach((li) => { if (!li.classList.contains('e-disabled')) {
+                canDisable = true;
+            } });
+            if (!canDisable) {
+                const wrap = this.list.parentElement.getElementsByClassName('e-listbox-tool')[0];
+                const btn = wrap.querySelector('[data-value="moveAllTo"]');
+                btn.disabled = true;
+            }
+        }
     }
     /**
      * Based on the state parameter, specified list item will be selected/deselected.
@@ -20279,6 +20302,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (fListBox.value.length === 1 && fListBox.getSelectedItems().length) {
             fListBox.value[0] = fListBox.getFormattedValue(fListBox.getSelectedItems()[0].getAttribute('data-value'));
         }
+        if (fListBox.liCollections.length === fListBox.ulElement.querySelectorAll('.e-disabled').length) {
+            const wrap = this.list.parentElement.getElementsByClassName('e-listbox-tool')[0];
+            const toolbarAction = this.toolbarAction === 'moveFrom' ? 'moveAllFrom' : 'moveAllTo';
+            const btn = wrap.querySelector('[data-value="' + toolbarAction + '"]');
+            btn.disabled = true;
+        }
     }
     selectNextList(elems, dataLiIdx, dataIdx, inst) {
         const childCnt = inst.ulElement.querySelectorAll('.e-list-item').length;
@@ -20402,7 +20431,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             if (tempLiColl.length > 0) {
                 for (let i = 0; i < tempLiColl.length; i++) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    disabledData.push(this.getDataByValue(tempLiColl[i].getAttribute('data-value')));
+                    disabledData.push(fListBox.getDataByValue(tempLiColl[i].getAttribute('data-value')));
                 }
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 fListBox.listData = fListBox.listData.filter((obj1) => !disabledData.some((obj2) => obj1 === obj2));
@@ -20424,9 +20453,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
         if (isRefresh) {
             const sourceElem = tListBox.renderItems(listData, tListBox.fields);
-            if (!this.itemTemplate) {
-                tListBox.updateListItems(sourceElem, tListBox.ulElement);
-            }
+            tListBox.updateListItems(sourceElem, tListBox.ulElement);
         }
         else {
             tListBox.sortedData = listData;
@@ -20867,6 +20894,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             }
         }
         else {
+            if (inst.ulElement.querySelectorAll('.e-disabled').length > 0) {
+                return inst.liCollections.length === inst.ulElement.querySelectorAll('.e-disabled').length;
+            }
             return inst.ulElement.querySelectorAll('.' + cssClass.li).length === 0;
         }
     }