@syncfusion/ej2-dropdowns 28.1.33 → 28.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.1.33
+*  version : 28.1.35
 *  Copyright Syncfusion Inc. 2001 - 2024. 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@18.66.23",
+  "_id": "@syncfusion/ej2-dropdowns@28.1.33",
   "_inBundle": false,
-  "_integrity": "sha512-jAMyUmtAEAvQCfxHM/xreP16YtFzyXq5WLDXNo7lm9OShq+TNU3ATXtJdWqG321zdB5Sjmf8PUQ41NZjPfJq9w==",
+  "_integrity": "sha512-YF/N6gzak5p8mSlO0jATbD2F7zvRtXy7f1FSAArLfDsGfphyb05cGkXSSDltP75YrGfnF5vKgqBBHH+7ALIczQ==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -36,8 +36,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.66.23.tgz",
-  "_shasum": "caae466fa776dcfc31bf6b912adb3791b40e4f00",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-28.1.33.tgz",
+  "_shasum": "69ac2cb1f2709d957d0821455f7e6730e18f1d5f",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -49,7 +49,7 @@
     "@syncfusion/ej2-data": "~28.1.33",
     "@syncfusion/ej2-inputs": "~28.1.33",
     "@syncfusion/ej2-lists": "~28.1.33",
-    "@syncfusion/ej2-navigations": "~28.1.33",
+    "@syncfusion/ej2-navigations": "~28.1.35",
     "@syncfusion/ej2-notifications": "~28.1.33",
     "@syncfusion/ej2-popups": "~28.1.33"
   },
@@ -76,7 +76,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "28.1.33",
+  "version": "28.1.35",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -553,6 +553,7 @@ var ComboBox = /** @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);
         }
     };

package/src/drop-down-list/drop-down-list.d.ts

@@ -657,6 +657,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
      * @returns {void}
      */
     showPopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
+    private executeCloneElements;
     private invokeRenderPopup;
     protected renderHightSearch(): void;
     /**

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

@@ -1916,6 +1916,9 @@ var DropDownList = /** @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;
@@ -2175,6 +2178,9 @@ var DropDownList = /** @class */ (function (_super) {
                 this.getFilteringSkeletonCount();
             }
             this.renderReactTemplates();
+            if (this.filterInput && this.filterInput.value === '' && this.getModuleName() === 'combobox') {
+                this.executeCloneElements();
+            }
         }
     };
     DropDownList.prototype.setSearchBox = function (popupElement) {
@@ -4067,10 +4073,15 @@ var DropDownList = /** @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;

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -332,6 +332,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private nestedTableUpdate;
     private clearIconWidth;
     private isClicked;
+    private documentClickContext;
     private isCheckAllCalled;
     private isFromFilterChange;
     private valueTemplateContainer;

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

@@ -171,6 +171,7 @@ var DropDownTree = /** @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;
@@ -690,7 +691,7 @@ var DropDownTree = /** @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) {
@@ -1735,7 +1736,7 @@ var DropDownTree = /** @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;
@@ -1798,7 +1799,7 @@ var DropDownTree = /** @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 () {

package/styles/bootstrap5-dark-lite.css

@@ -1445,6 +1445,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/bootstrap5-dark.css

@@ -1754,6 +1754,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/bootstrap5-lite.css

@@ -1445,6 +1445,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/bootstrap5.3-lite.css

@@ -1435,6 +1435,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/bootstrap5.3.css

@@ -1686,6 +1686,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/bootstrap5.css

@@ -1754,6 +1754,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/drop-down-list/_layout.scss

@@ -194,7 +194,7 @@
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
-    @if $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2' or $skin-name == 'tailwind4' {
+    @if $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2' or $skin-name == 'tailwind3' {
       color: $ddl-list-disable-item-color;
     }
   }

package/styles/drop-down-list/tailwind3.css

@@ -347,6 +347,7 @@
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
+  color: var(--color-sf-flyout-text-color-disabled);
 }
 
 ejs-autocomplete,

package/styles/fluent-dark-lite.css

@@ -1448,6 +1448,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/fluent-dark.css

@@ -1758,6 +1758,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/fluent-lite.css

@@ -1448,6 +1448,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/fluent.css

@@ -1758,6 +1758,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/multi-select/_layout.scss

@@ -414,9 +414,7 @@
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {

package/styles/multi-select/bootstrap5-dark.css

@@ -465,6 +465,7 @@
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/multi-select/bootstrap5.3.css

@@ -469,6 +469,7 @@
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/multi-select/bootstrap5.css

@@ -465,6 +465,7 @@
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/multi-select/fluent-dark.css

@@ -471,6 +471,7 @@
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/multi-select/fluent.css

@@ -471,6 +471,7 @@
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,

package/styles/tailwind3-lite.css

@@ -645,6 +645,7 @@
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
+  color: var(--color-sf-flyout-text-color-disabled);
 }
 
 ejs-autocomplete,

package/styles/tailwind3.css

@@ -716,6 +716,7 @@
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
+  color: var(--color-sf-flyout-text-color-disabled);
 }
 
 ejs-autocomplete,