@syncfusion/ej2-dropdowns 28.2.6 → 28.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.6
+*  version : 28.2.9
 *  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@28.2.5",
+  "_id": "@syncfusion/ej2-dropdowns@28.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-PEYRLr+QeaImw6iVHWRMDP1EndPRaamD7tIxEYFXUClMXROKTg3Qg8CW4Wn3h+KhF+xt2N+TFlpxlMjzEcgsgg==",
+  "_integrity": "sha512-Ew/dlXc+nbDcLpV6Em2DsyfzozVI6pHhayqjDZ4AzhbPU3RtZpwE7tPIm8xaF42NiC2Ry7GL5nUxZndGhmgJyg==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -36,8 +36,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-28.2.5.tgz",
-  "_shasum": "254f237a6d180239a7288b2413ae5dbcfe4186ec",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-28.2.7.tgz",
+  "_shasum": "5f705d29d985d77200b2901750fae10804621267",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -45,13 +45,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.5",
+    "@syncfusion/ej2-base": "~28.2.9",
     "@syncfusion/ej2-data": "~28.2.3",
-    "@syncfusion/ej2-inputs": "~28.2.3",
+    "@syncfusion/ej2-inputs": "~28.2.9",
     "@syncfusion/ej2-lists": "~28.2.3",
     "@syncfusion/ej2-navigations": "~28.2.6",
     "@syncfusion/ej2-notifications": "~28.2.3",
-    "@syncfusion/ej2-popups": "~28.2.6"
+    "@syncfusion/ej2-popups": "~28.2.9"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -76,7 +76,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "28.2.6",
+  "version": "28.2.9",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -2382,7 +2382,7 @@ var DropDownList = /** @class */ (function (_super) {
                     && ((this.dataSource instanceof DataManager)
                         || (!isNullOrUndefined(this.dataSource) && !isNullOrUndefined(this.dataSource.length) &&
                             this.dataSource.length !== 0)))) {
-                    if (this.itemTemplate && this.element.tagName === 'EJS-COMBOBOX' && this.allowFiltering) {
+                    if (this.itemTemplate && (this.element.tagName === 'EJS-COMBOBOX' || this.isReact) && this.allowFiltering) {
                         setTimeout(function () {
                             _this.updateActionCompleteDataValues(ulElement, list);
                         }, 0);

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

@@ -1746,6 +1746,10 @@ var DropDownTree = /** @class */ (function (_super) {
                     _this.updateFocus(focusedElement);
                 }
                 if (_this.allowFiltering) {
+                    var focusedElement = _this.treeObj.element.querySelector('li.e-node-focus');
+                    if (!isNOU(focusedElement)) {
+                        removeClass([focusedElement], 'e-node-focus');
+                    }
                     removeClass([_this.inputWrapper], [INPUTFOCUS]);
                     _this.filterObj.element.focus();
                 }
@@ -2605,7 +2609,7 @@ var DropDownTree = /** @class */ (function (_super) {
         this.chipCollection.appendChild(chip);
         if (this.showClearButton) {
             chip.appendChild(chipClose);
-            EventHandler.add(chipClose, 'mousedown', this.removeChip, this);
+            EventHandler.add(chipClose, 'mouseup', this.removeChip, this);
         }
     };
     DropDownTree.prototype.setTagValues = function () {
@@ -2738,6 +2742,10 @@ var DropDownTree = /** @class */ (function (_super) {
         if (!this.enabled || this.readonly) {
             return;
         }
+        if (e.target.classList.contains('e-chips-close') && !this.isPopupOpen) {
+            e.stopPropagation();
+            e.preventDefault();
+        }
         var element = e.target.parentElement;
         var value = element.getAttribute('data-value');
         if (this.chipCollection) {
@@ -3297,7 +3305,7 @@ var DropDownTree = /** @class */ (function (_super) {
             var chipsIcons = selectAll('.e-chips-close', this.chipCollection);
             for (var _i = 0, chipsIcons_1 = chipsIcons; _i < chipsIcons_1.length; _i++) {
                 var element = chipsIcons_1[_i];
-                EventHandler.remove(element, 'mousedown', this.removeChip);
+                EventHandler.remove(element, 'mouseup', this.removeChip);
             }
         }
         this.chipWrapper = null;

package/src/list-box/list-box.js

@@ -2049,7 +2049,8 @@ var ListBox = /** @class */ (function (_super) {
         }
         var char = String.fromCharCode(e.keyCode);
         var isWordCharacter = char.match(/\w/);
-        if (!isNullOrUndefined(isWordCharacter)) {
+        var isWordAccentCharacter = char.match(/[A-Za-z0-9\u00C0-\u024F ]/);
+        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)) {
             this.isValidKey = true;
         }
         this.isBackSpace = e.keyCode === 8;

package/src/mention/mention.js

@@ -1306,8 +1306,7 @@ var Mention = /** @class */ (function (_super) {
             if (lastNode) {
                 range = range.cloneRange();
                 if (this.isRTE) {
-                    range.setStart(lastNode, 0);
-                    range.setEnd(lastNode, lastNode.textContent.length);
+                    range.setStart(lastNode, lastNode.textContent.length);
                 }
                 else {
                     range.setStartAfter(lastNode);
@@ -1530,6 +1529,7 @@ var Mention = /** @class */ (function (_super) {
             this.range = this.getCurrentRange();
         }
         var currentRange = this.getTextRange();
+        this.queryString = text;
         var lastWordRange = this.getLastLetter(currentRange);
         if ((this.ignoreCase && (text === lastWordRange || text === lastWordRange.toLowerCase()))
             || !this.ignoreCase && text === lastWordRange) {
@@ -1545,8 +1545,8 @@ var Mention = /** @class */ (function (_super) {
             this.renderList();
             this.renderPopup();
         }
-        else {
-            this.showPopup();
+        else if (!this.isPopupOpen) {
+            this.renderPopup();
         }
         this.popupObj.element.style.left = formatUnit(positionX);
         this.popupObj.element.style.top = formatUnit(positionY);

package/src/multi-select/multi-select.d.ts

@@ -73,6 +73,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private isBlurDispatching;
     private isFilterPrevented;
     private isFilteringAction;
+    private isVirtualReorder;
     /**
      * The `fields` property maps the columns of the data table and binds the data to the component.
      * * text - Maps the text column from data table for each list item.

package/src/multi-select/multi-select.js

@@ -106,6 +106,7 @@ var MultiSelect = /** @class */ (function (_super) {
         _this.isBlurDispatching = false;
         _this.isFilterPrevented = false;
         _this.isFilteringAction = false;
+        _this.isVirtualReorder = false;
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
@@ -303,12 +304,14 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.updateVirtualReOrderList = function (isCheckBoxUpdate) {
         var query = this.getForQuery(this.value, true).clone();
+        this.isVirtualReorder = true;
         if (this.enableVirtualization && this.dataSource instanceof DataManager) {
             this.resetList(this.selectedListData, this.fields, query);
         }
         else {
             this.resetList(this.dataSource, this.fields, query);
         }
+        this.isVirtualReorder = false;
         this.UpdateSkeleton();
         this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
         this.virtualItemCount = this.itemCount;
@@ -517,10 +520,14 @@ var MultiSelect = /** @class */ (function (_super) {
         var field = this.isPrimitiveData ? '' : this.fields.value;
         if (this.enableVirtualization && valuecheck) {
             if (isCheckbox) {
-                for (var i = 0; i < valuecheck.length; i++) {
+                var startindex = this.viewPortInfo.startIndex;
+                var endindex = (((startindex + this.viewPortInfo.endIndex) <= (valuecheck.length)) &&
+                    valuecheck[(startindex + this.viewPortInfo.endIndex)]) ? (startindex + this.viewPortInfo.endIndex)
+                    : (valuecheck.length);
+                for (var i = startindex; i < endindex; i++) {
                     var value = this.allowObjectBinding ? getValue((this.fields.value) ?
                         this.fields.value : '', valuecheck[i]) : valuecheck[i];
-                    if (i === 0) {
+                    if (i === startindex) {
                         predicate = new Predicate(field, 'equal', (value));
                     }
                     else {
@@ -951,7 +958,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 }
             }
         }
-        if ((this.allowFiltering && isSkip) || !isReOrder || (!this.allowFiltering && isSkip)) {
+        if ((this.allowFiltering && isSkip) || !isReOrder || (!this.allowFiltering && isSkip) && !this.isVirtualReorder) {
             if (!isReOrder) {
                 filterQuery.skip(this.viewPortInfo.startIndex);
             }
@@ -3669,7 +3676,8 @@ var MultiSelect = /** @class */ (function (_super) {
                             }
                             else {
                                 temp = isInitialVirtualData && delim ? this_1.text : this_1.getTextByValue(value);
-                                var textValues = this_1.isDynamicRemoteVirtualData && value != null && value !== '' ? this_1.getTextByValue(value) : isInitialVirtualData ? this_1.text : (this_1.text && this_1.text !== '' ? this_1.text + this_1.delimiterChar + temp : temp);
+                                var textValues = this_1.isDynamicRemoteVirtualData && value != null && value !== '' && !isInitialVirtualData ?
+                                    this_1.getTextByValue(value) : isInitialVirtualData ? this_1.text : (this_1.text && this_1.text !== '' ? this_1.text + this_1.delimiterChar + temp : temp);
                                 data += temp + delimiterChar + ' ';
                                 text.push(textValues);
                                 hiddenElementContent = this_1.hiddenElement.innerHTML;
@@ -3837,7 +3845,7 @@ var MultiSelect = /** @class */ (function (_super) {
                             (this.mode === 'Box' || this.mode === 'Default'))) ||
                         (this.enableVirtualization && value != null && text != null && !isCustomData)) {
                         var currentText = [];
-                        var textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' ? text : this.text != null && this.text !== '' && !this.text.includes(text) ? this.text + this.delimiterChar + text : text;
+                        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);

package/styles/bds-lite.css

@@ -1031,7 +1031,7 @@ ejs-dropdownlist {
   display: block;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 27px;
   white-space: nowrap;
   width: 100%;
   padding: 8px 12px;
@@ -1042,6 +1042,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 0;
 }
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
   margin-top: -3px;
@@ -1049,7 +1050,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
   font-size: 14px;
-  margin: 0 12px;
+  margin: 0 7px;
   line-height: 22px;
 }
 .e-ddt.e-popup .e-filter-wrap {
@@ -1154,6 +1155,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 15px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 7px;
+}
 
 .e-ddt-icon-hide {
   display: none;

package/styles/bds.css

@@ -1264,7 +1264,7 @@ ejs-dropdownlist {
   display: block;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 27px;
   white-space: nowrap;
   width: 100%;
   padding: 8px 12px;
@@ -1275,6 +1275,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 0;
 }
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
   margin-top: -3px;
@@ -1282,7 +1283,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
   font-size: 14px;
-  margin: 0 12px;
+  margin: 0 7px;
   line-height: 22px;
 }
 .e-ddt.e-popup .e-filter-wrap {
@@ -1387,6 +1388,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 15px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 7px;
+}
 
 .e-ddt-icon-hide {
   display: none;
@@ -1519,14 +1526,14 @@ ejs-dropdownlist {
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent,
 .e-ddt.e-bigger.e-popup .e-selectall-parent {
-  text-indent: 0;
+  text-indent: 33px;
   padding: 12px 16px;
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
 .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
   font-size: 16px;
   line-height: 24px;
-  margin: 0 16px;
+  margin: 0 12px;
 }
 .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
 .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
@@ -1567,6 +1574,14 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   right: auto;
 }
+.e-bigger .e-ddt.e-rtl .e-selectall-parent,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent {
+  text-indent: 16px;
+}
+.e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
+  margin: 0 12px;
+}
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */

package/styles/bootstrap-dark-lite.css

@@ -844,6 +844,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 2px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
@@ -955,6 +956,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 38px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 10px;
+}
 
 .e-ddt-icon-hide {
   display: none;

package/styles/bootstrap-dark.css

@@ -1021,6 +1021,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 2px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
@@ -1132,6 +1133,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 38px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 10px;
+}
 
 .e-ddt-icon-hide {
   display: none;
@@ -1214,6 +1221,13 @@ ejs-dropdownlist {
 .e-bigger .e-ddt.e-popup .e-selectall-parent,
 .e-ddt.e-bigger.e-popup .e-selectall-parent {
   text-indent: 43px;
+  padding: 0;
+}
+.e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0 10px;
 }
 .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
 .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -1240,6 +1254,14 @@ ejs-dropdownlist {
   left: 38px;
   right: auto;
 }
+.e-bigger .e-ddt.e-rtl .e-selectall-parent,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent {
+  text-indent: 43px;
+}
+.e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
+  margin: 0 10px;
+}
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */

package/styles/bootstrap-lite.css

@@ -840,6 +840,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 2px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
@@ -951,6 +952,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 38px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 10px;
+}
 
 .e-ddt-icon-hide {
   display: none;

package/styles/bootstrap.css

@@ -1017,6 +1017,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 2px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
@@ -1128,6 +1129,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 38px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 10px;
+}
 
 .e-ddt-icon-hide {
   display: none;
@@ -1210,6 +1217,13 @@ ejs-dropdownlist {
 .e-bigger .e-ddt.e-popup .e-selectall-parent,
 .e-ddt.e-bigger.e-popup .e-selectall-parent {
   text-indent: 43px;
+  padding: 0px;
+}
+.e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0 10px;
 }
 .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
 .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -1236,6 +1250,14 @@ ejs-dropdownlist {
   left: 38px;
   right: auto;
 }
+.e-bigger .e-ddt.e-rtl .e-selectall-parent,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent {
+  text-indent: 43px;
+}
+.e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
+  margin: 0 9px;
+}
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */

package/styles/bootstrap4-lite.css

@@ -872,11 +872,12 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 1px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
   font-size: 14px;
-  margin: 10px;
+  margin: 8px;
 }
 .e-ddt.e-popup .e-filter-wrap {
   border-top-width: 0;
@@ -984,6 +985,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 38px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;

package/styles/bootstrap4.css

@@ -1067,11 +1067,12 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 1px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
   font-size: 14px;
-  margin: 10px;
+  margin: 8px;
 }
 .e-ddt.e-popup .e-filter-wrap {
   border-top-width: 0;
@@ -1179,6 +1180,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 38px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;
@@ -1281,7 +1288,14 @@ ejs-dropdownlist {
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent,
 .e-ddt.e-bigger.e-popup .e-selectall-parent {
-  text-indent: 43px;
+  text-indent: 31px;
+  padding: 3px 12px;
+}
+.e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0 12px;
 }
 .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
 .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -1308,6 +1322,14 @@ ejs-dropdownlist {
   left: 32px;
   right: auto;
 }
+.e-bigger .e-ddt.e-rtl .e-selectall-parent,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent {
+  text-indent: 31px;
+}
+.e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
+  margin: 0 11px;
+}
 
 .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
   font-size: 8px;

package/styles/bootstrap5-dark-lite.css

@@ -886,7 +886,7 @@ ejs-dropdownlist {
   line-height: 34px;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 32px;
   white-space: nowrap;
   width: 100%;
   padding: 0 8px;
@@ -897,6 +897,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 0;
 }
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
   margin-top: -3px;
@@ -1003,6 +1004,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 32px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;

package/styles/bootstrap5-dark.css

@@ -1073,7 +1073,7 @@ ejs-dropdownlist {
   line-height: 34px;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 32px;
   white-space: nowrap;
   width: 100%;
   padding: 0 8px;
@@ -1084,6 +1084,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 0;
 }
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
   margin-top: -3px;
@@ -1190,6 +1191,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 32px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;
@@ -1311,7 +1318,7 @@ ejs-dropdownlist {
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent,
 .e-ddt.e-bigger.e-popup .e-selectall-parent {
-  text-indent: 0;
+  text-indent: 41px;
   padding: 3px 12px;
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
@@ -1355,6 +1362,14 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   right: auto;
 }
+.e-bigger .e-ddt.e-rtl .e-selectall-parent,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent {
+  text-indent: 40px;
+}
+.e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
+  margin: 0 12px;
+}
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */

package/styles/bootstrap5-lite.css

@@ -886,7 +886,7 @@ ejs-dropdownlist {
   line-height: 34px;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 32px;
   white-space: nowrap;
   width: 100%;
   padding: 0 8px;
@@ -897,6 +897,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 0;
 }
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
   margin-top: -3px;
@@ -1003,6 +1004,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 32px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;