@syncfusion/ej2-dropdowns 28.1.33 → 28.1.36

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

@@ -1315,7 +1315,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             for (var i = 0; i < totalSkeletonCount; i++) {
                 var 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';
                 }
                 var skeleton = new Skeleton({
                     shape: 'Text',
@@ -4744,6 +4744,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     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;
@@ -5003,6 +5006,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 this.getFilteringSkeletonCount();
             }
             this.renderReactTemplates();
+            if (this.filterInput && this.filterInput.value === '' && this.getModuleName() === 'combobox') {
+                this.executeCloneElements();
+            }
         }
     };
     DropDownList.prototype.setSearchBox = function (popupElement) {
@@ -6893,10 +6899,15 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 isOpen: true
             });
         }
+        if (!this.isSecondClick && !this.isDropDownClick) {
+            this.executeCloneElements();
+        }
+    };
+    DropDownList.prototype.executeCloneElements = function () {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         var proxy = this;
         var 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(function () {
                 proxy.cloneElements();
                 proxy.isSecondClick = true;
@@ -7456,6 +7467,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         _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;
@@ -7749,6 +7761,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 }
                 else if (args.preventDefaultAction) {
                     fields = args.fields;
+                    _this.treeObj.element.classList.add('e-filtering');
                 }
                 else {
                     if (_this.treeDataType === 1) {
@@ -7975,7 +7988,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         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 */
     DropDownTree.prototype.dropDownClick = function (e) {
@@ -9002,7 +9015,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 if (_this.treeObj.checkedNodes.length > 0 && !_this.isFilterRestore) {
                     var nodes = _this.treeObj.element.querySelectorAll('li');
                     var 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) {
                         var wrap = closest(_this.checkBoxElement, '.' + CHECKBOXWRAP);
                         _this.changeState(wrap, 'check');
                         _this.checkSelectAll = false;
@@ -9065,7 +9078,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     _this.isPopupOpen = false;
                 },
                 open: function () {
-                    EventHandler.add(document, 'mousedown', _this.onDocumentClick, _this);
+                    document.addEventListener('mousedown', _this.documentClickContext);
                     _this.isPopupOpen = true;
                 },
                 targetExitViewport: function () {
@@ -9172,7 +9185,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.isFilterRestore) {
             this.restoreFilterSelection();
-            this.isFilterRestore = false;
+            if (!this.showSelectAll) {
+                this.isFilterRestore = false;
+            }
         }
     };
     DropDownTree.prototype.restoreFilterSelection = function () {
@@ -9435,15 +9450,18 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             this.ensurePlaceHolder();
         }
         if (this.showSelectAll && this.checkBoxElement) {
+            var nodes = this.treeObj.element.querySelectorAll('li');
             var checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
             var 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;
@@ -11358,6 +11376,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
             _super.prototype.clearAll.call(this, e);
         }
         if (this.isFiltering() && !isNullOrUndefined(e) && e.target === this.inputWrapper.clearButton) {
+            this.typedString = this.filterInput.value;
             this.searchLists(e);
         }
     };
@@ -15873,7 +15892,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.list.scrollTop = 0;
                 this.virtualListInfo = null;
                 this.previousStartIndex = 0;
-                this.previousEndIndex = 0;
+                this.previousEndIndex = this.itemCount;
             }
             this.isClearAllAction = false;
         }
@@ -18065,7 +18084,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             _this.viewPortInfo.endIndex : _this.itemCount;
                         _this.virtualListInfo = _this.viewPortInfo;
                         _this.previousStartIndex = 0;
-                        _this.previousEndIndex = 0;
+                        _this.previousEndIndex = _this.itemCount;
                     }
                     var dataSourceCount = void 0;
                     if (_this.dataSource instanceof DataManager) {
@@ -21549,7 +21568,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                     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) {