@syncfusion/ej2-dropdowns 28.1.33 → 28.1.36

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

@@ -1234,7 +1234,7 @@ let DropDownBase = class DropDownBase extends Component {
             for (let i = 0; i < totalSkeletonCount; i++) {
                 const liElement = this.createElement('li', { className: dropDownBaseClasses.virtualList, styles: 'overflow: inherit' });
                 if (this.isVirtualizationEnabled && this.itemTemplate) {
-                    liElement.style.height = this.listItemHeight + 'px';
+                    liElement.style.height = (this.listItemHeight - parseInt(window.getComputedStyle(this.getItems()[1]).marginBottom, 10)) + 'px';
                 }
                 const skeleton = new Skeleton({
                     shape: 'Text',
@@ -4634,6 +4634,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                     if (this.isFiltering() && this.getModuleName() === 'combobox' && isNullOrUndefined(this.list)) {
                         this.getInitialData = true;
                         this.renderList();
+                        if (!this.isSecondClick && !this.isDropDownClick) {
+                            this.executeCloneElements();
+                        }
                     }
                     this.typedString = this.filterInput.value;
                     this.preventAutoFill = false;
@@ -4891,6 +4894,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.getFilteringSkeletonCount();
             }
             this.renderReactTemplates();
+            if (this.filterInput && this.filterInput.value === '' && this.getModuleName() === 'combobox') {
+                this.executeCloneElements();
+            }
         }
     }
     setSearchBox(popupElement) {
@@ -6755,10 +6761,15 @@ let DropDownList = class DropDownList extends DropDownBase {
                 isOpen: true
             });
         }
+        if (!this.isSecondClick && !this.isDropDownClick) {
+            this.executeCloneElements();
+        }
+    }
+    executeCloneElements() {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         const proxy = this;
         const duration = (this.element.tagName === this.getNgDirective() && this.itemTemplate) ? 500 : 100;
-        if (!this.isSecondClick && this.isReact && !this.isDropDownClick && this.isFiltering() && this.itemTemplate != null) {
+        if (this.isReact && this.isFiltering() && this.itemTemplate != null) {
             setTimeout(() => {
                 proxy.cloneElements();
                 proxy.isSecondClick = true;
@@ -7293,6 +7304,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.selectedData = [];
         this.filterDelayTime = 300;
         this.isClicked = false;
+        this.documentClickContext = this.onDocumentClick.bind(this);
         // Specifies if the checkAll method has been called
         this.isCheckAllCalled = false;
         this.isFromFilterChange = false;
@@ -7582,6 +7594,7 @@ let DropDownTree = class DropDownTree extends Component {
                 }
                 else if (args.preventDefaultAction) {
                     fields = args.fields;
+                    this.treeObj.element.classList.add('e-filtering');
                 }
                 else {
                     if (this.treeDataType === 1) {
@@ -7803,7 +7816,7 @@ let DropDownTree = class DropDownTree extends Component {
         if (this.showSelectAll && this.checkAllParent) {
             EventHandler.remove(this.checkAllParent, 'mouseup', this.clickHandler);
         }
-        EventHandler.remove(document, 'mousedown', this.onDocumentClick);
+        document.removeEventListener('mousedown', this.documentClickContext);
     }
     /* Trigger when the dropdown is clicked */
     dropDownClick(e) {
@@ -8817,7 +8830,7 @@ let DropDownTree = class DropDownTree extends Component {
                 if (this.treeObj.checkedNodes.length > 0 && !this.isFilterRestore) {
                     const nodes = this.treeObj.element.querySelectorAll('li');
                     const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
-                    if ((checkedNodes.length === nodes.length || this.checkSelectAll) && this.checkBoxElement) {
+                    if ((checkedNodes.length === nodes.length) && this.checkBoxElement) {
                         const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
                         this.changeState(wrap, 'check');
                         this.checkSelectAll = false;
@@ -8879,7 +8892,7 @@ let DropDownTree = class DropDownTree extends Component {
                     this.isPopupOpen = false;
                 },
                 open: () => {
-                    EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
+                    document.addEventListener('mousedown', this.documentClickContext);
                     this.isPopupOpen = true;
                 },
                 targetExitViewport: () => {
@@ -8986,7 +8999,9 @@ let DropDownTree = class DropDownTree extends Component {
         }
         if (this.isFilterRestore) {
             this.restoreFilterSelection();
-            this.isFilterRestore = false;
+            if (!this.showSelectAll) {
+                this.isFilterRestore = false;
+            }
         }
     }
     restoreFilterSelection() {
@@ -9249,15 +9264,18 @@ let DropDownTree = class DropDownTree extends Component {
             this.ensurePlaceHolder();
         }
         if (this.showSelectAll && this.checkBoxElement) {
+            const nodes = this.treeObj.element.querySelectorAll('li');
             const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
             const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
+            if ((wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 ||
+                (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) || !args.isInteracted && this.isFilterRestore) {
+                this.isFilterRestore = false;
                 this.isReverseUpdate = true;
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
             else if (wrap && args.action === 'check'
-                && checkedNodes.length === this.fields.dataSource.length
+                && checkedNodes.length === nodes.length
                 && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
                 this.isReverseUpdate = true;
                 this.isCheckAllCalled = false;
@@ -11148,6 +11166,7 @@ let ComboBox = class ComboBox extends DropDownList {
             super.clearAll(e);
         }
         if (this.isFiltering() && !isNullOrUndefined(e) && e.target === this.inputWrapper.clearButton) {
+            this.typedString = this.filterInput.value;
             this.searchLists(e);
         }
     }
@@ -15607,7 +15626,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 this.list.scrollTop = 0;
                 this.virtualListInfo = null;
                 this.previousStartIndex = 0;
-                this.previousEndIndex = 0;
+                this.previousEndIndex = this.itemCount;
             }
             this.isClearAllAction = false;
         }
@@ -17780,7 +17799,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             this.viewPortInfo.endIndex : this.itemCount;
                         this.virtualListInfo = this.viewPortInfo;
                         this.previousStartIndex = 0;
-                        this.previousEndIndex = 0;
+                        this.previousEndIndex = this.itemCount;
                     }
                     let dataSourceCount;
                     if (this.dataSource instanceof DataManager) {
@@ -21202,7 +21221,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                     ctrlKey: e.ctrlKey, shiftKey: e.shiftKey
                 });
             }
-            else if (e.keyCode === 65 && e.ctrlKey) {
+            else if (e.keyCode === 65 && e.ctrlKey && this.selectionSettings.mode === 'Multiple') {
                 this.selectAll();
             }
             else if ((e.keyCode === 38 || e.keyCode === 40) && e.ctrlKey && e.shiftKey) {