@syncfusion/ej2-dropdowns 32.1.23 → 32.1.24

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.23
+*  version : 32.1.24
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "32.1.23",
+  "version": "32.1.24",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.23",
-    "@syncfusion/ej2-data": "~32.1.23",
-    "@syncfusion/ej2-inputs": "~32.1.22",
-    "@syncfusion/ej2-lists": "~32.1.23",
-    "@syncfusion/ej2-navigations": "~32.1.19",
-    "@syncfusion/ej2-notifications": "~32.1.22",
-    "@syncfusion/ej2-popups": "~32.1.19"
+    "@syncfusion/ej2-base": "~32.1.24",
+    "@syncfusion/ej2-data": "~32.1.24",
+    "@syncfusion/ej2-inputs": "~32.1.24",
+    "@syncfusion/ej2-lists": "~32.1.24",
+    "@syncfusion/ej2-navigations": "~32.1.24",
+    "@syncfusion/ej2-notifications": "~32.1.24",
+    "@syncfusion/ej2-popups": "~32.1.24"
   },
   "devDependencies": {},
   "keywords": [

package/src/combo-box/combo-box-model.d.ts

@@ -88,7 +88,7 @@ export interface ComboBoxModel extends DropDownListModel{
 
     /**
      * Triggers on set a
-     * [`custom value`](../../combo-box/getting-started#custom-values) to this component.
+     * [`custom value`](https://ej2.syncfusion.com/javascript/documentation/combo-box/es5-getting-started#custom-values) to this component.
      *
      * @event customValueSpecifier
      */

package/src/combo-box/combo-box.d.ts

@@ -23,6 +23,7 @@ import { DataManager, Query } from '@syncfusion/ej2-data';
  * ```
  */
 export declare class ComboBox extends DropDownList {
+    private boundResizeHandler;
     /**
      * Specifies whether suggest a first matched item in input when searching. No action happens when no matches found.
      *
@@ -98,7 +99,7 @@ export declare class ComboBox extends DropDownList {
     showClearButton: boolean;
     /**
      * Triggers on set a
-     * [`custom value`](../../combo-box/getting-started#custom-values) to this component.
+     * [`custom value`](https://ej2.syncfusion.com/javascript/documentation/combo-box/es5-getting-started#custom-values) to this component.
      *
      * @event customValueSpecifier
      */

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

@@ -86,7 +86,8 @@ var ComboBox = /** @class */ (function (_super) {
             EventHandler.add(this.inputElement, 'keyup', this.onFilterUp, this);
             EventHandler.add(this.inputElement, 'keydown', this.onFilterDown, this);
             EventHandler.add(this.inputElement, 'paste', this.pasteHandler, this);
-            EventHandler.add(window, 'resize', this.windowResize, this);
+            this.boundResizeHandler = this.windowResize.bind(this);
+            window.addEventListener('resize', this.boundResizeHandler);
         }
         this.bindCommonEvent();
     };
@@ -652,7 +653,10 @@ var ComboBox = /** @class */ (function (_super) {
                 EventHandler.remove(this.inputElement, 'keyup', this.onFilterUp);
                 EventHandler.remove(this.inputElement, 'keydown', this.onFilterDown);
                 EventHandler.remove(this.inputElement, 'paste', this.pasteHandler);
-                EventHandler.remove(window, 'resize', this.windowResize);
+                if (this.boundResizeHandler) {
+                    window.removeEventListener('resize', this.boundResizeHandler);
+                    this.boundResizeHandler = null;
+                }
             }
         }
         this.unBindCommonEvent();

package/src/common/incremental-search.js

@@ -130,7 +130,7 @@ export function Search(inputVal, items, searchType, ignoreCase, dataSource, fiel
     if (inputVal && inputVal.length && items) {
         var strLength = inputVal.length;
         var queryStr = ignoreCase ? inputVal.toLocaleLowerCase() : inputVal;
-        queryStr = escapeCharRegExp(queryStr);
+        var escQueryString = escapeCharRegExp(queryStr);
         var _loop_1 = function (i, itemsData) {
             var item = itemsData[i];
             var filterValue;
@@ -152,8 +152,9 @@ export function Search(inputVal, items, searchType, ignoreCase, dataSource, fiel
             if (ignoreAccent && text && queryStr) {
                 text = text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
                 queryStr = queryStr.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+                escQueryString = queryStr.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
             }
-            if ((searchType === 'Equal' && text === queryStr) || (searchType === 'StartsWith' && text.substr(0, strLength) === queryStr) || (searchType === 'EndsWith' && text.substr(text.length - queryStr.length) === queryStr) || (searchType === 'Contains' && new RegExp(queryStr, 'g').test(text))) {
+            if ((searchType === 'Equal' && text === queryStr) || (searchType === 'StartsWith' && text.substr(0, strLength) === queryStr) || (searchType === 'EndsWith' && text.substr(text.length - queryStr.length) === queryStr) || (searchType === 'Contains' && new RegExp(escQueryString, 'g').test(text))) {
                 itemData.item = item;
                 itemData.index = i;
                 return { value: { item: item, index: i } };

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

@@ -875,7 +875,7 @@ var DropDownBase = /** @class */ (function (_super) {
                                     for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                         if (_this.getModuleName() === 'multiselect' && _this.isCheckBoxSelection && (newQuery.queries[queryElements].e && (newQuery.queries[queryElements].e.operator === 'notequal' ||
                                             newQuery.queries[queryElements].e.operator === 'equal' || newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.condition === 'and') && !_this.isCustomFiltering)) {
-                                            if (_this.totalItemCount > (_this.itemCount * 2)) {
+                                            if (_this.totalItemCount >= (_this.itemCount * 2)) {
                                                 isReOrder = false;
                                                 break;
                                             }

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

@@ -44,7 +44,7 @@ export interface DropDownListModel extends DropDownBaseModel{
     /**
      * Specifies the height of the popup list.
      * > For more details about the popup configuration refer to
-     * [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
+     * [`Popup Configuration`](https://ej2.syncfusion.com/javascript/documentation/drop-down-list/es5-getting-started#configure-the-popup-list) documentation.
      *
      * @default '300px'
      * @aspType string
@@ -55,7 +55,7 @@ export interface DropDownListModel extends DropDownBaseModel{
      * Specifies the width of the popup list. By default, the popup width sets based on the width of
      * the component.
      * > For more details about the popup configuration refer to
-     * [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
+     * [`Popup Configuration`](https://ej2.syncfusion.com/javascript/documentation/drop-down-list/es5-getting-started#configure-the-popup-list) documentation.
      *
      * @default '100%'
      * @aspType string

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

@@ -166,7 +166,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     /**
      * Specifies the height of the popup list.
      * > For more details about the popup configuration refer to
-     * [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
+     * [`Popup Configuration`](https://ej2.syncfusion.com/javascript/documentation/drop-down-list/es5-getting-started#configure-the-popup-list) documentation.
      *
      * @default '300px'
      * @aspType string
@@ -176,7 +176,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
      * Specifies the width of the popup list. By default, the popup width sets based on the width of
      * the component.
      * > For more details about the popup configuration refer to
-     * [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
+     * [`Popup Configuration`](https://ej2.syncfusion.com/javascript/documentation/drop-down-list/es5-getting-started#configure-the-popup-list) documentation.
      *
      * @default '100%'
      * @aspType string

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

@@ -359,7 +359,12 @@ var MultiSelect = /** @class */ (function (_super) {
         this.isPreventScrollAction = true;
     };
     MultiSelect.prototype.setScrollPosition = function () {
-        if (((!this.hideSelectedItem && this.mode !== 'CheckBox') || (this.mode === 'CheckBox' && !this.enableSelectionOrder)) &&
+        if (this.enableVirtualization) {
+            var focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
+            this.isKeyBoardAction = false;
+            this.scrollBottom(focusedItem, undefined, false, null, true);
+        }
+        else if (((!this.hideSelectedItem && this.mode !== 'CheckBox') || (this.mode === 'CheckBox' && !this.enableSelectionOrder)) &&
             (!isNullOrUndefined(this.value) && (this.value.length > 0))) {
             var value = this.allowObjectBinding
                 ? getValue((this.fields.value) ? this.fields.value : '', this.value[this.value.length - 1])
@@ -369,11 +374,6 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.scrollBottom(valueEle, undefined, false, null, true);
             }
         }
-        if (this.enableVirtualization) {
-            var focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
-            this.isKeyBoardAction = false;
-            this.scrollBottom(focusedItem, undefined, false, null, true);
-        }
     };
     MultiSelect.prototype.updatePopupHeightOnFilter = function () {
         if (this.allowFiltering && this.allowResize && this.keyboardEvent && this.popupObj && this.list) {
@@ -3298,6 +3298,13 @@ var MultiSelect = /** @class */ (function (_super) {
                             setTimeout(function () {
                                 if (_this.value) {
                                     _this.updateSelectionList();
+                                    if (!_this.enableSelectionOrder && _this.mode === 'CheckBox') {
+                                        var selectedItem = _this.list.querySelector('.' + dropDownBaseClasses.selected);
+                                        if (!isNullOrUndefined(selectedItem)) {
+                                            _this.isKeyBoardAction = false;
+                                            _this.scrollBottom(selectedItem, undefined, true, null, true);
+                                        }
+                                    }
                                 }
                                 else if (_this.viewPortInfo && _this.viewPortInfo.offsets.top) {
                                     _this.list.scrollTop = _this.viewPortInfo.offsets.top;
@@ -5818,7 +5825,7 @@ var MultiSelect = /** @class */ (function (_super) {
                         _this.renderItems(_this.mainData, _this.fields);
                     }
                     _this.virtualCustomData = null;
-                    _this.isVirtualTrackHeight = _this.totalItemCount > (_this.itemCount * 2) ? false : true;
+                    _this.isVirtualTrackHeight = _this.totalItemCount >= (_this.itemCount * 2) ? false : true;
                 }
             });
         }

package/styles/auto-complete/_all.bds.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.bootstrap-dark.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.bootstrap.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.bootstrap4.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.bootstrap5-dark.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.bootstrap5.3.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.bootstrap5.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.fabric-dark.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.fabric.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.fluent-dark.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.fluent.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.fluent2.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.highcontrast-light.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.highcontrast.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.material-dark.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.material.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.material3-dark.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.material3.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.tailwind-dark.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.tailwind.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_all.tailwind3.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/bds.scss

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

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

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

package/styles/auto-complete/bootstrap.scss

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

package/styles/auto-complete/bootstrap4.scss

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

package/styles/auto-complete/bootstrap5-dark.scss

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

package/styles/auto-complete/bootstrap5.3.scss

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

package/styles/auto-complete/bootstrap5.scss

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

package/styles/auto-complete/fabric-dark.scss

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

package/styles/auto-complete/fabric.scss

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

package/styles/auto-complete/fluent-dark.scss

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

package/styles/auto-complete/fluent.scss

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

package/styles/auto-complete/fluent2.scss

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

package/styles/auto-complete/highcontrast-light.scss

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

package/styles/auto-complete/highcontrast.scss

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

package/styles/auto-complete/material-dark.scss

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

package/styles/auto-complete/material.scss

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

package/styles/auto-complete/material3-dark.scss

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

package/styles/auto-complete/material3.scss

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

package/styles/auto-complete/tailwind-dark.scss

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

package/styles/auto-complete/tailwind.scss

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

package/styles/auto-complete/tailwind3.scss

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