@syncfusion/ej2-dropdowns 33.2.15 → 34.1.30

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

@@ -540,49 +540,154 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.getForQuery = function (valuecheck, isCheckbox) {
         var predicate;
         var field = this.isPrimitiveData ? '' : this.fields.value;
-        if (this.enableVirtualization && valuecheck) {
-            if (isCheckbox) {
-                var startindex = this.viewPortInfo.startIndex;
-                var endindex = (((startindex + this.viewPortInfo.endIndex) <= (valuecheck.length)) &&
-                    valuecheck[(startindex + this.viewPortInfo.endIndex)]) &&
-                    (this.dataSource instanceof DataManager && this.totalItemCount !== 0 && this.totalItemCount > (this.itemCount * 2))
-                    ? (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 === startindex) {
-                        predicate = new Predicate(field, 'equal', (value));
+        if (valuecheck && valuecheck.length >= 3000) {
+            // Batch size to prevent stack overflow with large preselected values (EJ2-Fix-MaxCallStack)
+            var BATCH_SIZE = 100;
+            if (this.enableVirtualization) {
+                if (isCheckbox) {
+                    var startindex = this.viewPortInfo.startIndex;
+                    var endindex = (((startindex + this.viewPortInfo.endIndex) <= (valuecheck.length)) &&
+                        valuecheck[(startindex + this.viewPortInfo.endIndex)]) &&
+                        (this.dataSource instanceof DataManager && this.totalItemCount !== 0 && this.totalItemCount > (this.itemCount * 2))
+                        ? (startindex + this.viewPortInfo.endIndex)
+                        : (valuecheck.length);
+                    // Build predicates in batches to prevent stack overflow
+                    var predicateBatches = [];
+                    for (var batchStart = startindex; batchStart < endindex; batchStart += BATCH_SIZE) {
+                        var batchPredicate = void 0;
+                        var batchEnd = Math.min(batchStart + BATCH_SIZE, endindex);
+                        for (var i = batchStart; i < batchEnd; i++) {
+                            var itemAtIndex = valuecheck[i];
+                            var value = this.allowObjectBinding ? getValue((this.fields.value) ?
+                                this.fields.value : '', itemAtIndex) : itemAtIndex;
+                            if (i === batchStart) {
+                                batchPredicate = new Predicate(field, 'equal', (value));
+                            }
+                            else {
+                                batchPredicate = batchPredicate.or(field, 'equal', (value));
+                            }
+                        }
+                        predicateBatches.push(batchPredicate);
                     }
-                    else {
-                        predicate = predicate.or(field, 'equal', (value));
+                    // Combine all batch predicates
+                    predicate = predicateBatches[0];
+                    for (var i = 1; i < predicateBatches.length; i++) {
+                        predicate = predicate.or(predicateBatches[i]);
+                    }
+                    return new Query().where(predicate);
+                }
+                else {
+                    // Build predicates in batches to prevent stack overflow
+                    var predicateBatches = [];
+                    var isAddNonPresentItems = this.isaddNonPresentItems;
+                    for (var batchStart = 0; batchStart < valuecheck.length; batchStart += BATCH_SIZE) {
+                        var batchPredicate = void 0;
+                        var batchEnd = Math.min(batchStart + BATCH_SIZE, valuecheck.length);
+                        for (var i = batchStart; i < batchEnd; i++) {
+                            var itemAtIndex = valuecheck[i];
+                            var value = this.allowObjectBinding ? getValue((this.fields.value) ?
+                                this.fields.value : '', itemAtIndex) : itemAtIndex;
+                            if (i === batchStart) {
+                                if (isAddNonPresentItems) {
+                                    batchPredicate = new Predicate(field, 'equal', itemAtIndex);
+                                }
+                                else {
+                                    batchPredicate = new Predicate(field, 'notequal', (value));
+                                }
+                            }
+                            else {
+                                if (isAddNonPresentItems) {
+                                    batchPredicate = batchPredicate.or(field, 'equal', itemAtIndex);
+                                }
+                                else {
+                                    batchPredicate = batchPredicate.and(field, 'notequal', (value));
+                                }
+                            }
+                        }
+                        predicateBatches.push(batchPredicate);
+                    }
+                    // Combine batch predicates
+                    predicate = predicateBatches[0];
+                    for (var i = 1; i < predicateBatches.length; i++) {
+                        if (isAddNonPresentItems) {
+                            predicate = predicate.or(predicateBatches[i]);
+                        }
+                        else {
+                            predicate = predicate.and(predicateBatches[i]);
+                        }
                     }
+                    return new Query().where(predicate);
                 }
-                return new Query().where(predicate);
             }
             else {
-                for (var i = 0; i < valuecheck.length; i++) {
-                    var value = this.allowObjectBinding ? getValue((this.fields.value) ?
-                        this.fields.value : '', valuecheck[i]) : valuecheck[i];
-                    if (this.isaddNonPresentItems) {
-                        predicate = i === 0 ? new Predicate(field, 'equal', valuecheck[i])
-                            : predicate.or(field, 'equal', valuecheck[i]);
-                    }
-                    else {
-                        predicate = i === 0 ? predicate = new Predicate(field, 'notequal', (value))
-                            : predicate.and(field, 'notequal', (value));
+                // Build predicates in batches to prevent stack overflow with large preselected values
+                var predicateBatches = [];
+                for (var batchStart = 0; batchStart < valuecheck.length; batchStart += BATCH_SIZE) {
+                    var batchPredicate = void 0;
+                    var batchEnd = Math.min(batchStart + BATCH_SIZE, valuecheck.length);
+                    for (var i = batchStart; i < batchEnd; i++) {
+                        var itemAtIndex = valuecheck[i];
+                        if (i === batchStart) {
+                            batchPredicate = new Predicate(field, 'equal', itemAtIndex);
+                        }
+                        else {
+                            batchPredicate = batchPredicate.or(field, 'equal', itemAtIndex);
+                        }
                     }
+                    predicateBatches.push(batchPredicate);
+                }
+                // Combine all batch predicates
+                predicate = predicateBatches[0];
+                for (var i = 1; i < predicateBatches.length; i++) {
+                    predicate = predicate.or(predicateBatches[i]);
                 }
-                return new Query().where(predicate);
             }
         }
         else {
-            for (var i = 0; i < valuecheck.length; i++) {
-                if (i === 0) {
-                    predicate = new Predicate(field, 'equal', valuecheck[i]);
+            if (this.enableVirtualization && valuecheck) {
+                if (isCheckbox) {
+                    var startindex = this.viewPortInfo.startIndex;
+                    var endindex = (((startindex + this.viewPortInfo.endIndex) <= (valuecheck.length)) &&
+                        valuecheck[(startindex + this.viewPortInfo.endIndex)]) &&
+                        (this.dataSource instanceof DataManager && this.totalItemCount !== 0 && this.totalItemCount > (this.itemCount * 2))
+                        ? (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 === startindex) {
+                            predicate = new Predicate(field, 'equal', (value));
+                        }
+                        else {
+                            predicate = predicate.or(field, 'equal', (value));
+                        }
+                    }
+                    return new Query().where(predicate);
                 }
                 else {
-                    predicate = predicate.or(field, 'equal', valuecheck[i]);
+                    for (var i = 0; i < valuecheck.length; i++) {
+                        var value = this.allowObjectBinding ? getValue((this.fields.value) ?
+                            this.fields.value : '', valuecheck[i]) : valuecheck[i];
+                        if (this.isaddNonPresentItems) {
+                            predicate = i === 0 ? new Predicate(field, 'equal', valuecheck[i])
+                                : predicate.or(field, 'equal', valuecheck[i]);
+                        }
+                        else {
+                            predicate = i === 0 ? predicate = new Predicate(field, 'notequal', (value))
+                                : predicate.and(field, 'notequal', (value));
+                        }
+                    }
+                    return new Query().where(predicate);
+                }
+            }
+            else {
+                for (var i = 0; i < valuecheck.length; i++) {
+                    if (i === 0) {
+                        predicate = new Predicate(field, 'equal', valuecheck[i]);
+                    }
+                    else {
+                        predicate = predicate.or(field, 'equal', valuecheck[i]);
+                    }
                 }
             }
         }
@@ -1817,7 +1922,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.isKeyBoardAction = false;
     };
     MultiSelect.prototype.onKeyDown = function (e) {
-        if (this.readonly || !this.enabled && this.mode !== 'CheckBox') {
+        if (this.readonly || !this.enabled && this.mode !== 'CheckBox' || this.preventKeyboardInteraction) {
             return;
         }
         this.preventSetCurrentData = false;
@@ -2858,6 +2963,9 @@ var MultiSelect = /** @class */ (function (_super) {
             }
         }
     };
+    MultiSelect.prototype.isFilteringWithRemoteData = function () {
+        return !isNullOrUndefined(this.mainData) && this.mainData.length > 0 && this.allowFiltering;
+    };
     MultiSelect.prototype.removeChip = function (value, isClearAll) {
         if (this.chipCollectionWrapper) {
             if (!(this.enableVirtualization && isClearAll)) {
@@ -3689,9 +3797,6 @@ var MultiSelect = /** @class */ (function (_super) {
             this.search(e);
         }
     };
-    MultiSelect.prototype.onWheelScroll = function (e) {
-        this.scrollEvent = e;
-    };
     MultiSelect.prototype.pasteHandler = function (event) {
         var _this = this;
         setTimeout(function () {
@@ -3699,6 +3804,9 @@ var MultiSelect = /** @class */ (function (_super) {
             _this.search(event);
         });
     };
+    MultiSelect.prototype.onWheelScroll = function (e) {
+        this.scrollEvent = e;
+    };
     MultiSelect.prototype.performFiltering = function (e) {
         var _this = this;
         var eventArgs = {
@@ -4072,6 +4180,9 @@ var MultiSelect = /** @class */ (function (_super) {
                         getValue(((this.fields.value) ? this.fields.value : ''), this.value[index]) :
                         this.value[index];
                     element = this.findListElement(this.hideSelectedItem ? this.ulElement : this.list, 'li', 'data-value', value_2);
+                    if (!element && !isNullOrUndefined(this.mainList) && this.isFilteringWithRemoteData()) {
+                        element = this.findListElement(this.mainList, 'li', 'data-value', value_2);
+                    }
                     var isCustomData = false;
                     if (this.enableVirtualization) {
                         text = null;
@@ -4118,6 +4229,12 @@ var MultiSelect = /** @class */ (function (_super) {
                     }
                     else {
                         text = this.getTextByValue(value_2);
+                        if (text === value_2 && this.isFilteringWithRemoteData()) {
+                            var savedListData = this.listData;
+                            this.listData = this.mainData;
+                            text = this.getTextByValue(value_2);
+                            this.listData = savedListData;
+                        }
                     }
                     if (((element && (element.getAttribute('aria-selected') !== 'true')) ||
                         (element && (element.getAttribute('aria-selected') === 'true' && this.hideSelectedItem) &&
@@ -5040,6 +5157,7 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.selectAllItem = function (state, event, list) {
         var li;
+        this.isSelectAllClicked = state;
         if (!isNullOrUndefined(this.list)) {
             li = this.list.querySelectorAll(state ?
                 'li.e-list-item:not([aria-selected="true"]):not(.e-reorder-hide):not(.e-disabled):not(.e-virtual-list)' :
@@ -5168,13 +5286,37 @@ var MultiSelect = /** @class */ (function (_super) {
                     }
                     index++;
                 }
+                var contentEl_1 = null;
+                var selectAllEl_1 = null;
+                var inputEl_1 = null;
                 if (length > 50) {
                     createSpinner({ target: this.filterParent, width: Browser.isDevice ? '16px' : '14px' }, this.createElement);
                     showSpinner(this.filterParent);
-                    if (this.popupObj && this.filterParent) {
-                        [this.popupObj.element.querySelector('.e-content'), this.popupObj.element.querySelector('.e-selectall-parent'), this.filterParent].forEach(function (el) { return el && (el.style.opacity = '0.5'); });
-                        this.filterParent.querySelector('.e-input').setAttribute('readonly', 'true');
+                    this.preventKeyboardInteraction = true;
+                    if (this.popupObj && this.popupObj.element && this.filterParent) {
+                        contentEl_1 = this.popupObj.element.querySelector('.e-content');
+                        selectAllEl_1 = this.popupObj.element.querySelector('.e-selectall-parent');
+                        inputEl_1 = this.filterParent.querySelector('.e-input');
+                        [contentEl_1, selectAllEl_1, this.filterParent].forEach(function (el) {
+                            if (el) {
+                                el.style.opacity = '0.5';
+                            }
+                        });
+                        if (inputEl_1) {
+                            inputEl_1.setAttribute('readonly', 'true');
+                        }
                         this.filterParent.style.cursor = 'progress';
+                        [contentEl_1, selectAllEl_1].forEach(function (el) {
+                            if (!el) {
+                                return;
+                            }
+                            el.style.pointerEvents = 'none';
+                            el.style.userSelect = 'none';
+                            el.style.touchAction = 'none';
+                            if (el === contentEl_1) {
+                                el.style.overflow = 'hidden';
+                            }
+                        });
                     }
                     setTimeout(function () {
                         var dataArray = _this.virtualSelectAllData;
@@ -5203,6 +5345,7 @@ var MultiSelect = /** @class */ (function (_super) {
                                 requestAnimationFrame(processBatch);
                             }
                             else {
+                                _this.preventKeyboardInteraction = false;
                                 _this.updatedataValueItems(event);
                                 _this.isSelectAllLoop = false;
                                 if (!_this.changeOnBlur) {
@@ -5219,9 +5362,26 @@ var MultiSelect = /** @class */ (function (_super) {
                                 _this.checkSelectAll();
                                 hideSpinner(_this.filterParent);
                                 if (_this.popupObj && _this.filterParent) {
-                                    [_this.popupObj.element.querySelector('.e-content'), _this.popupObj.element.querySelector('.e-selectall-parent'), _this.filterParent].forEach(function (el) { return el && (el.style.opacity = ''); });
+                                    [contentEl_1, selectAllEl_1, _this.filterParent].forEach(function (el) {
+                                        if (el) {
+                                            el.style.opacity = '';
+                                        }
+                                    });
+                                    if (contentEl_1) {
+                                        contentEl_1.style.pointerEvents = 'auto';
+                                        contentEl_1.style.userSelect = 'auto';
+                                        contentEl_1.style.touchAction = 'auto';
+                                        contentEl_1.style.overflow = 'auto';
+                                    }
+                                    if (selectAllEl_1) {
+                                        selectAllEl_1.style.pointerEvents = 'auto';
+                                        selectAllEl_1.style.userSelect = 'auto';
+                                        selectAllEl_1.style.touchAction = 'auto';
+                                    }
+                                    if (inputEl_1) {
+                                        inputEl_1.removeAttribute('readonly');
+                                    }
                                     _this.filterParent.style.cursor = '';
-                                    _this.filterParent.querySelector('.e-input').removeAttribute('readonly');
                                 }
                             }
                         };
@@ -5245,10 +5405,34 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.isProcessingVirtualSelectAll = true;
                 createSpinner({ target: this.filterParent, width: Browser.isDevice ? '16px' : '14px' }, this.createElement);
                 showSpinner(this.filterParent);
-                if (this.popupObj && this.filterParent) {
-                    [this.popupObj.element.querySelector('.e-content'), this.popupObj.element.querySelector('.e-selectall-parent'), this.filterParent].forEach(function (el) { return el && (el.style.opacity = '0.5'); });
-                    this.filterParent.querySelector('.e-input').setAttribute('readonly', 'true');
+                this.preventKeyboardInteraction = true;
+                var contentEl_2 = null;
+                var selectAllEl_2 = null;
+                var inputEl_2 = null;
+                if (this.popupObj && this.popupObj.element && this.filterParent) {
+                    contentEl_2 = this.popupObj.element.querySelector('.e-content');
+                    selectAllEl_2 = this.popupObj.element.querySelector('.e-selectall-parent');
+                    inputEl_2 = this.filterParent.querySelector('.e-input');
+                    [contentEl_2, selectAllEl_2, this.filterParent].forEach(function (el) {
+                        if (el) {
+                            el.style.opacity = '0.5';
+                        }
+                    });
+                    if (inputEl_2) {
+                        inputEl_2.setAttribute('readonly', 'true');
+                    }
                     this.filterParent.style.cursor = 'progress';
+                    [contentEl_2, selectAllEl_2].forEach(function (el) {
+                        if (!el) {
+                            return;
+                        }
+                        el.style.pointerEvents = 'none';
+                        el.style.userSelect = 'none';
+                        el.style.touchAction = 'none';
+                        if (el === contentEl_2) {
+                            el.style.overflow = 'hidden';
+                        }
+                    });
                 }
                 var processBatch_1 = function () {
                     var endIndex = Math.min(currentIndex_1 + batchSize_1, dataArray_1.length);
@@ -5266,10 +5450,28 @@ var MultiSelect = /** @class */ (function (_super) {
                     else {
                         // All batches completed
                         _this.isProcessingVirtualSelectAll = false;
+                        _this.preventKeyboardInteraction = false;
                         hideSpinner(_this.filterParent);
                         if (_this.popupObj && _this.filterParent) {
-                            [_this.popupObj.element.querySelector('.e-content'), _this.popupObj.element.querySelector('.e-selectall-parent'), _this.filterParent].forEach(function (el) { return el && (el.style.opacity = ''); });
-                            _this.filterParent.querySelector('.e-input').removeAttribute('readonly');
+                            [contentEl_2, selectAllEl_2, _this.filterParent].forEach(function (el) {
+                                if (el) {
+                                    el.style.opacity = '';
+                                }
+                            });
+                            if (contentEl_2) {
+                                contentEl_2.style.pointerEvents = 'auto';
+                                contentEl_2.style.userSelect = 'auto';
+                                contentEl_2.style.touchAction = 'auto';
+                                contentEl_2.style.overflow = 'auto';
+                            }
+                            if (selectAllEl_2) {
+                                selectAllEl_2.style.pointerEvents = 'auto';
+                                selectAllEl_2.style.userSelect = 'auto';
+                                selectAllEl_2.style.touchAction = 'auto';
+                            }
+                            if (inputEl_2) {
+                                inputEl_2.removeAttribute('readonly');
+                            }
                             _this.filterParent.style.cursor = '';
                         }
                         if (!_this.isSelectAllClicked) {
@@ -5359,10 +5561,34 @@ var MultiSelect = /** @class */ (function (_super) {
                     if (length > 50) {
                         createSpinner({ target: this.filterParent, width: Browser.isDevice ? '16px' : '14px' }, this.createElement);
                         showSpinner(this.filterParent);
-                        if (this.popupObj && this.filterParent) {
-                            [this.popupObj.element.querySelector('.e-content'), this.popupObj.element.querySelector('.e-selectall-parent'), this.filterParent].forEach(function (el) { return el && (el.style.opacity = '0.5'); });
-                            this.filterParent.querySelector('.e-input').setAttribute('readonly', 'true');
+                        this.preventKeyboardInteraction = true;
+                        var contentEl_3 = null;
+                        var selectAllEl_3 = null;
+                        var inputEl_3 = null;
+                        if (this.popupObj && this.popupObj.element && this.filterParent) {
+                            contentEl_3 = this.popupObj.element.querySelector('.e-content');
+                            selectAllEl_3 = this.popupObj.element.querySelector('.e-selectall-parent');
+                            inputEl_3 = this.filterParent.querySelector('.e-input');
+                            [contentEl_3, selectAllEl_3, this.filterParent].forEach(function (el) {
+                                if (el) {
+                                    el.style.opacity = '0.5';
+                                }
+                            });
+                            if (inputEl_3) {
+                                inputEl_3.setAttribute('readonly', 'true');
+                            }
                             this.filterParent.style.cursor = 'progress';
+                            [contentEl_3, selectAllEl_3].forEach(function (el) {
+                                if (!el) {
+                                    return;
+                                }
+                                el.style.pointerEvents = 'none';
+                                el.style.userSelect = 'none';
+                                el.style.touchAction = 'none';
+                                if (el === contentEl_3) {
+                                    el.style.overflow = 'hidden';
+                                }
+                            });
                         }
                         this.isProcessingVirtualSelectAll = !this.isSelectAllClicked;
                         var indexLocal_1 = index; // preserve original index value
@@ -5389,9 +5615,27 @@ var MultiSelect = /** @class */ (function (_super) {
                                         }
                                     }
                                     hideSpinner(this.filterParent);
+                                    this.preventKeyboardInteraction = false;
                                     if (this.popupObj && this.filterParent) {
-                                        [this.popupObj.element.querySelector('.e-content'), this.popupObj.element.querySelector('.e-selectall-parent'), this.filterParent].forEach(function (el) { return el && (el.style.opacity = ''); });
-                                        this.filterParent.querySelector('.e-input').removeAttribute('readonly');
+                                        [contentEl_3, selectAllEl_3, this.filterParent].forEach(function (el) {
+                                            if (el) {
+                                                el.style.opacity = '';
+                                            }
+                                        });
+                                        if (contentEl_3) {
+                                            contentEl_3.style.pointerEvents = 'auto';
+                                            contentEl_3.style.userSelect = 'auto';
+                                            contentEl_3.style.touchAction = 'auto';
+                                            contentEl_3.style.overflow = 'auto';
+                                        }
+                                        if (selectAllEl_3) {
+                                            selectAllEl_3.style.pointerEvents = 'auto';
+                                            selectAllEl_3.style.userSelect = 'auto';
+                                            selectAllEl_3.style.touchAction = 'auto';
+                                        }
+                                        if (inputEl_3) {
+                                            inputEl_3.removeAttribute('readonly');
+                                        }
                                         this.filterParent.style.cursor = '';
                                     }
                                     return;
@@ -6273,6 +6517,8 @@ var MultiSelect = /** @class */ (function (_super) {
             this.chipCollectionWrapper = this.createElement('span', {
                 className: CHIP_WRAPPER
             });
+            this.chipCollectionWrapper.setAttribute('role', 'listbox');
+            this.chipCollectionWrapper.setAttribute('aria-label', 'multiselect');
             this.chipCollectionWrapper.style.display = 'none';
             if (this.mode === 'Default') {
                 this.chipCollectionWrapper.setAttribute('id', getUniqueID('chip_default'));

package/styles/auto-complete/_bootstrap4-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@forward 'ej2-base/styles/definition/bootstrap4';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 

package/styles/auto-complete/_bootstrap5-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/auto-complete/_fluent-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/auto-complete/_material3-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/auto-complete/_tailwind-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/auto-complete/_variables.scss

@@ -0,0 +1,2 @@
+@forward '@syncfusion/ej2-base/styles/common/_base-variables';
+@forward '_material3-definition';

package/styles/auto-complete/bds.css

@@ -1,75 +1 @@
-
-
-
-
-.e-ddl.e-control-wrapper .e-ddl-icon::before {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-dropdownbase .e-list-item.e-active.e-hover {
-  color: var(--color-sf-text-primary);
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-input-group:not(.e-disabled) .e-back-icon:hover,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
-  background: transparent;
-}
-
-.e-input-group .e-ddl-icon:not(:active)::after {
-  -webkit-animation: none;
-          animation: none;
-}
-
-.e-ddl.e-popup {
-  border: 0;
-  border-radius: 8px;
-  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-  margin-top: 4px;
-}
-
-.e-small .e-ddl.e-popup,
-.e-small.e-ddl.e-popup {
-  border-radius: 4px;
-  margin-top: 2px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-  padding: 4px 6px;
-}
-
-.e-input-group.e-ddl,
-.e-input-group.e-ddl .e-input,
-.e-input-group.e-ddl .e-ddl-icon {
-  background: var(--color-sf-bg-primary);
-}
-
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
-  border-bottom-width: 0;
-}
-
-.e-ddl.e-popup.e-outline .e-filter-parent {
-  padding: 4px 8px;
-}
-
 /* stylelint-disable-line no-empty-source */

package/styles/auto-complete/bds.scss

@@ -1,4 +1,2 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use '../drop-down-list/bds-definition' as *;
 @use 'bds-definition' as *;
-@use 'all.bds' as *;
+@use 'all' as *;

package/styles/auto-complete/bootstrap-dark.css

@@ -1,59 +1 @@
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
-          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
-  margin-top: 3px;
-}
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: transparent;
-  color: #f0f0f0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-filter-parent {
-  border-bottom: 1px solid #484848;
-}
-
 /* stylelint-disable-line no-empty-source */