@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.13
+*  version : 27.1.50
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@26.2.11",
+  "_id": "@syncfusion/ej2-dropdowns@27.1.48",
   "_inBundle": false,
-  "_integrity": "sha512-X2MfNU+v5Sz+2cdRtZSrpJvMzuwaqt54CEVP0KG6X0mt+x1BEQXInHCADQC0NBmI9uddJEYdLAFojM1+TAyiFw==",
+  "_integrity": "sha512-yXBzRSQUFyq8m1WpqdZO09nFfx7e2oQ+xMIE4ZMaOFUTSKNfhSvhFZyy5ZKbTtG5OF3K8yS+Gwma9XWJqCaE0g==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -31,26 +31,27 @@
     "/@syncfusion/ej2-querybuilder",
     "/@syncfusion/ej2-react-dropdowns",
     "/@syncfusion/ej2-ribbon",
+    "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.2.11.tgz",
-  "_shasum": "f5b0da55d1080d7e5e50445184be17055ce71e88",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-27.1.48.tgz",
+  "_shasum": "3a2629ba43646e25b3720200f1b1c83f028ba800",
   "_spec": "@syncfusion/ej2-dropdowns@*",
-  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.10",
-    "@syncfusion/ej2-data": "~26.2.10",
-    "@syncfusion/ej2-inputs": "~26.2.13",
-    "@syncfusion/ej2-lists": "~26.2.11",
-    "@syncfusion/ej2-navigations": "~26.2.12",
-    "@syncfusion/ej2-notifications": "~26.2.10",
-    "@syncfusion/ej2-popups": "~26.2.11"
+    "@syncfusion/ej2-base": "~27.1.50",
+    "@syncfusion/ej2-data": "~27.1.50",
+    "@syncfusion/ej2-inputs": "~27.1.50",
+    "@syncfusion/ej2-lists": "~27.1.50",
+    "@syncfusion/ej2-navigations": "~27.1.50",
+    "@syncfusion/ej2-notifications": "~27.1.50",
+    "@syncfusion/ej2-popups": "~27.1.50"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -75,7 +76,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "26.2.13",
+  "version": "27.1.50",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/auto-complete/auto-complete-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, EventHandler, KeyboardEventArgs, isNullOrUndefined, detach, getValue } from '@syncfusion/ej2-base';import { Event, EmitType, Complex } from '@syncfusion/ej2-base';import { removeClass, attributes, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { dropDownListClasses } from '../drop-down-list/drop-down-list';import { ComboBox } from '../combo-box/combo-box';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';import { Search } from '../common/incremental-search';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { FieldSettings, FilteringEventArgs, FilterType, ResultData } from '../drop-down-base/drop-down-base';import { FloatLabelType, Input } from '@syncfusion/ej2-inputs';import { DataManager, Predicate, Query } from '@syncfusion/ej2-data';
+import { Property, EventHandler, KeyboardEventArgs, isNullOrUndefined, detach, getValue } from '@syncfusion/ej2-base';import { Event, EmitType, Complex } from '@syncfusion/ej2-base';import { removeClass, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { dropDownListClasses } from '../drop-down-list/drop-down-list';import { ComboBox } from '../combo-box/combo-box';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';import { Search } from '../common/incremental-search';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { FieldSettings, FilteringEventArgs, FilterType, ResultData } from '../drop-down-base/drop-down-base';import { FloatLabelType, Input } from '@syncfusion/ej2-inputs';import { DataManager, Predicate, Query } from '@syncfusion/ej2-data';
 import {ComboBoxModel} from "../combo-box/combo-box-model";
 
 /**

package/src/auto-complete/auto-complete.d.ts

@@ -248,6 +248,7 @@ export declare class AutoComplete extends ComboBox {
     /**
      * Search the entered text and show it in the suggestion list if available.
      *
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - The event object.
      * @returns {void}
 
      */
@@ -255,6 +256,7 @@ export declare class AutoComplete extends ComboBox {
     /**
      * Hides the popup if it is in open state.
      *
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - The event object.
      * @returns {void}
      */
     hidePopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;

package/src/auto-complete/auto-complete.js

@@ -96,7 +96,7 @@ var AutoComplete = /** @class */ (function (_super) {
             }
         }
         if (!isNullOrUndefined(this.suggestionCount) && !this.enableVirtualization) {
-            // Since defualt value of suggestioncount is 20, checked the condition
+            // Since default value of suggestioncount is 20, checked the condition
             if (this.suggestionCount !== 20) {
                 for (var queryElements = 0; queryElements < filterQuery.queries.length; queryElements++) {
                     if (filterQuery.queries[queryElements].fn === 'onTake') {
@@ -116,14 +116,17 @@ var AutoComplete = /** @class */ (function (_super) {
                         querySkipValue = filterQuery.queries[queryElements].e.nos;
                     }
                     if (filterQuery.queries[queryElements].fn === 'onTake') {
-                        queryTakeValue = takeValue <= filterQuery.queries[queryElements].e.nos ? filterQuery.queries[queryElements].e.nos : takeValue;
+                        queryTakeValue = takeValue <= filterQuery.queries[queryElements].e.nos
+                            ? filterQuery.queries[queryElements].e.nos
+                            : takeValue;
                     }
                 }
             }
             if (queryTakeValue <= 0 && this.query && this.query.queries.length > 0) {
                 for (var queryElements = 0; queryElements < this.query.queries.length; queryElements++) {
                     if (this.query.queries[queryElements].fn === 'onTake') {
-                        queryTakeValue = takeValue <= this.query.queries[queryElements].e.nos ? this.query.queries[queryElements].e.nos : takeValue;
+                        var currentTakeValue = this.query.queries[queryElements].e.nos;
+                        queryTakeValue = takeValue <= currentTakeValue ? currentTakeValue : takeValue;
                     }
                 }
             }
@@ -136,7 +139,8 @@ var AutoComplete = /** @class */ (function (_super) {
                         continue;
                     }
                     if (filterQuery.queries[queryElements].fn === 'onTake') {
-                        queryTakeValue = filterQuery.queries[queryElements].e.nos <= queryTakeValue ? queryTakeValue : filterQuery.queries[queryElements].e.nos;
+                        var currentQueryTakeValue = filterQuery.queries[queryElements].e.nos;
+                        queryTakeValue = currentQueryTakeValue <= queryTakeValue ? queryTakeValue : currentQueryTakeValue;
                         filterQuery.queries.splice(queryElements, 1);
                         --queryElements;
                     }
@@ -221,21 +225,23 @@ var AutoComplete = /** @class */ (function (_super) {
                 this.virtualListInfo = null;
             }
             this.resetList(dataSource, fields, query, e);
-            if (this.enableVirtualization && isNoDataElement && !this.list.classList.contains('e-nodata')) {
-                if (!this.list.querySelector('.e-virtual-ddl-content')) {
-                    this.list.appendChild(this.createElement('div', {
+            isNoDataElement = this.list.classList.contains('e-nodata');
+            if (this.enableVirtualization && !isNoDataElement) {
+                if (!this.list.querySelector('.e-virtual-ddl-content') && this.list.querySelector('.e-list-parent')) {
+                    var virtualElement = this.createElement('div', {
                         className: 'e-virtual-ddl-content',
                         styles: this.getTransformValues()
-                    })).appendChild(this.list.querySelector('.e-list-parent'));
+                    });
+                    this.list.appendChild(virtualElement).appendChild(this.list.querySelector('.e-list-parent'));
                 }
-                if (!this.list.querySelector('.e-virtual-ddl')) {
-                    var virualElement = this.createElement('div', {
+                if (!this.list.querySelector('.e-virtual-ddl') && document.getElementsByClassName('e-popup') && document.getElementsByClassName('e-popup')[0]) {
+                    var virtualElement = this.createElement('div', {
                         id: this.element.id + '_popup', className: 'e-virtual-ddl', styles: this.GetVirtualTrackHeight()
                     });
-                    document.getElementsByClassName('e-popup')[0].querySelector('.e-dropdownbase').appendChild(virualElement);
+                    document.getElementsByClassName('e-popup')[0].querySelector('.e-dropdownbase').appendChild(virtualElement);
                 }
             }
-            if ((this.getModuleName() === 'autocomplete' && !(this.dataSource instanceof DataManager)) || (this.getModuleName() === 'autocomplete' && (this.dataSource instanceof DataManager) && this.totalItemCount != 0)) {
+            if ((this.getModuleName() === 'autocomplete' && !(this.dataSource instanceof DataManager)) || (this.getModuleName() === 'autocomplete' && (this.dataSource instanceof DataManager) && this.totalItemCount !== 0)) {
                 this.getFilteringSkeletonCount();
             }
         }
@@ -259,7 +265,7 @@ var AutoComplete = /** @class */ (function (_super) {
         if (!this.enableVirtualization) {
             this.fixedHeaderElement = null;
         }
-        if ((this.getModuleName() === 'autocomplete' && !(this.dataSource instanceof DataManager)) || (this.getModuleName() === 'autocomplete' && (this.dataSource instanceof DataManager) && this.totalItemCount != 0)) {
+        if ((this.getModuleName() === 'autocomplete' && !(this.dataSource instanceof DataManager)) || (this.getModuleName() === 'autocomplete' && (this.dataSource instanceof DataManager) && this.totalItemCount !== 0)) {
             this.getFilteringSkeletonCount();
         }
         _super.prototype.onActionComplete.call(this, ulElement, list, e);
@@ -353,35 +359,58 @@ var AutoComplete = /** @class */ (function (_super) {
     };
     AutoComplete.prototype.setInputValue = function (newProp, oldProp) {
         var oldValue = oldProp && oldProp.text ? oldProp.text : oldProp ? oldProp.value : oldProp;
-        var value = newProp && newProp.text ? newProp.text : newProp && newProp.value ? newProp.value : this.value;
+        var value = newProp && newProp.text
+            ? newProp.text
+            : newProp && newProp.value
+                ? newProp.value
+                : this.value;
         if (this.allowObjectBinding) {
-            oldValue = !isNullOrUndefined(oldValue) ? getValue((this.fields.value) ? this.fields.value : '', oldValue) : oldValue;
-            value = !isNullOrUndefined(value) ? getValue((this.fields.value) ? this.fields.value : '', value) : value;
+            oldValue = !isNullOrUndefined(oldValue)
+                ? getValue((this.fields.value) ? this.fields.value : '', oldValue)
+                : oldValue;
+            value = !isNullOrUndefined(value)
+                ? getValue((this.fields.value) ? this.fields.value : '', value)
+                : value;
         }
         if (value && this.typedString === '' && !this.allowCustom && !(this.dataSource instanceof DataManager)) {
-            var checkFields_1_1 = this.typeOfData(this.dataSource).typeof === 'string' ? '' : this.fields.value;
+            var checkFields1_1 = this.typeOfData(this.dataSource).typeof === 'string' ? '' : this.fields.value;
             var listLength_1 = this.getItems().length;
             var query = new Query();
-            var _this_2 = this;
-            new DataManager(this.dataSource).executeQuery(query.where(new Predicate(checkFields_1_1, 'equal', value)))
+            // eslint-disable-next-line @typescript-eslint/tslint/config
+            var _this_2 = null || this;
+            new DataManager(this.dataSource).executeQuery(query.where(new Predicate(checkFields1_1, 'equal', value)))
                 .then(function (e) {
                 if (e.result.length > 0) {
-                    _this_2.value = checkFields_1_1 !== '' ? _this_2.allowObjectBinding ? e.result[0] : e.result[0][_this_2.fields.value].toString() : e.result[0].toString();
+                    _this_2.value = checkFields1_1 !== '' ? _this_2.allowObjectBinding ? e.result[0] : e.result[0][_this_2.fields.value].toString() : e.result[0].toString();
                     _this_2.addItem(e.result, listLength_1);
                     _this_2.updateValues();
                 }
                 else {
-                    newProp && newProp.text ? _this_2.setOldText(oldValue) : newProp && newProp.value ? _this_2.setOldValue(oldValue) : _this_2.updateValues();
+                    if (newProp && newProp.text) {
+                        _this_2.setOldText(oldValue);
+                    }
+                    else if (newProp && newProp.value) {
+                        _this_2.setOldValue(oldValue);
+                    }
+                    else {
+                        _this_2.updateValues();
+                    }
                 }
             });
         }
         else if (newProp) {
-            newProp.text ? this.setOldText(oldValue) : this.setOldValue(oldValue);
+            if (newProp.text) {
+                this.setOldText(oldValue);
+            }
+            else {
+                this.setOldValue(oldValue);
+            }
         }
     };
     /**
      * Search the entered text and show it in the suggestion list if available.
      *
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - The event object.
      * @returns {void}
 
      */
@@ -405,6 +434,7 @@ var AutoComplete = /** @class */ (function (_super) {
     /**
      * Hides the popup if it is in open state.
      *
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - The event object.
      * @returns {void}
      */
     AutoComplete.prototype.hidePopup = function (e) {

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

@@ -47,6 +47,13 @@ export interface ComboBoxModel extends DropDownListModel{
      */
     allowFiltering?: boolean;
 
+    /**
+     * Defines whether the popup opens in fullscreen mode on mobile devices when filtering is enabled. When set to false, the popup will display similarly on both mobile and desktop devices.
+     *
+     * @default true
+     */
+    isDeviceFullScreen?: boolean;
+
     /**
      * Accepts the external `Query`
      * that execute along with [`data processing`](../../combo-box/data-binding).
@@ -235,10 +242,10 @@ export interface ComboBoxModel extends DropDownListModel{
     value?: number | string | boolean | object | null;
 
     /**
-    * Defines whether the object binding is allowed or not in the component.
-    *
-    * @default false
-    */
-    allowObjectBinding?: boolean; 
+     * Defines whether the object binding is allowed or not in the component.
+     *
+     * @default false
+     */
+    allowObjectBinding?: boolean;
 
 }

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

@@ -61,6 +61,12 @@ export declare class ComboBox extends DropDownList {
 
      */
     allowFiltering: boolean;
+    /**
+     * Defines whether the popup opens in fullscreen mode on mobile devices when filtering is enabled. When set to false, the popup will display similarly on both mobile and desktop devices.
+     *
+     * @default true
+     */
+    isDeviceFullScreen: boolean;
     /**
      * Accepts the external `Query`
      * that execute along with [`data processing`](../../combo-box/data-binding).
@@ -230,10 +236,10 @@ export declare class ComboBox extends DropDownList {
      */
     value: number | string | boolean | object | null;
     /**
-    * Defines whether the object binding is allowed or not in the component.
-    *
-    * @default false
-    */
+     * Defines whether the object binding is allowed or not in the component.
+     *
+     * @default false
+     */
     allowObjectBinding: boolean;
     /**
      * *Constructor for creating the component

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

@@ -161,7 +161,7 @@ var ComboBox = /** @class */ (function (_super) {
             this.setProperties(changeData, true);
         }
         else {
-            this.setProperties({ value: value, text: value, index: null }, true);
+            this.setProperties({ value: value, text: value ? value.toString() : value, index: null }, true);
         }
         this.activeIndex = this.index;
         var fields = this.fields;
@@ -170,7 +170,9 @@ var ComboBox = /** @class */ (function (_super) {
         dataItem[fields.value] = isNullOrUndefined(value) ? null : value.toString();
         this.itemData = dataItem;
         this.item = null;
-        if ((!this.allowObjectBinding && (this.previousValue !== this.value)) || (this.allowObjectBinding && this.previousValue && this.value && !this.isObjectInArray(this.previousValue, [this.value]))) {
+        if ((!this.allowObjectBinding && (this.previousValue !== this.value)) ||
+            (this.allowObjectBinding && this.previousValue && this.value &&
+                !this.isObjectInArray(this.previousValue, [this.value]))) {
             this.detachChangeEvent(null);
         }
     };
@@ -200,9 +202,12 @@ var ComboBox = /** @class */ (function (_super) {
                         this.itemData = getItem[0];
                         doesItemExist = true;
                         var dataItem = this.getItemData();
-                        var value = this.allowObjectBinding ? this.getDataByValue(dataItem.value) : dataItem.value;
-                        if ((this.value === dataItem.value && this.text !== dataItem.text) || (this.value !== dataItem.value && this.text === dataItem.text)) {
-                            this.setProperties({ 'text': dataItem.text, 'value': value });
+                        var value = this.allowObjectBinding
+                            ? this.getDataByValue(dataItem.value)
+                            : dataItem.value;
+                        if ((this.value === dataItem.value && this.text !== dataItem.text)
+                            || (this.value !== dataItem.value && this.text === dataItem.text)) {
+                            this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
                         }
                     }
                 }
@@ -212,9 +217,12 @@ var ComboBox = /** @class */ (function (_super) {
                         this.itemData = getItem[0];
                         doesItemExist = true;
                         var dataItem = this.getItemData();
-                        var value = this.allowObjectBinding ? this.getDataByValue(dataItem.value) : dataItem.value;
-                        if ((this.value === dataItem.value && this.text !== dataItem.text) || (this.value !== dataItem.value && this.text === dataItem.text)) {
-                            this.setProperties({ 'text': dataItem.text, 'value': value });
+                        var value = this.allowObjectBinding
+                            ? this.getDataByValue(dataItem.value)
+                            : dataItem.value;
+                        if ((this.value === dataItem.value && this.text !== dataItem.text)
+                            || (this.value !== dataItem.value && this.text === dataItem.text)) {
+                            this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
                         }
                     }
                 }
@@ -222,7 +230,8 @@ var ComboBox = /** @class */ (function (_super) {
             if (li) {
                 this.setSelection(li, null);
             }
-            else if ((!this.enableVirtualization && this.allowCustom) || (this.allowCustom && this.enableVirtualization && !doesItemExist)) {
+            else if ((!this.enableVirtualization && this.allowCustom) ||
+                (this.allowCustom && this.enableVirtualization && !doesItemExist)) {
                 this.valueMuteChange(this.value);
             }
             else if (!this.enableVirtualization || (this.enableVirtualization && !doesItemExist)) {
@@ -261,7 +270,7 @@ var ComboBox = /** @class */ (function (_super) {
             'aria-autocomplete': 'both',
             'aria-labelledby': this.hiddenElement.id,
             'aria-expanded': 'false',
-            'aria-readonly': this.readonly.toString(),
+            'aria-readonly': this.readonly ? this.readonly.toString() : 'false',
             'autocomplete': 'off',
             'autocapitalize': 'off',
             'spellcheck': 'false'
@@ -319,14 +328,17 @@ var ComboBox = /** @class */ (function (_super) {
             var activeItem = Search(inputValue, this.liCollections, this.filterType, true, dataSource, this.fields, type);
             if (this.enableVirtualization && inputValue !== '' && this.getModuleName() !== 'autocomplete' && this.isTyped && !this.allowFiltering) {
                 var updatingincrementalindex = false;
-                if ((this.viewPortInfo.endIndex >= this.incrementalEndIndex && this.incrementalEndIndex <= this.totalItemCount) || this.incrementalEndIndex == 0) {
+                var isEndIndexValid = this.viewPortInfo.endIndex >= this.incrementalEndIndex &&
+                    this.incrementalEndIndex <= this.totalItemCount;
+                var isIncrementalEndIndexZero = this.incrementalEndIndex === 0;
+                if (isEndIndexValid || isIncrementalEndIndexZero) {
                     updatingincrementalindex = true;
                     this.incrementalStartIndex = this.incrementalEndIndex;
-                    if (this.incrementalEndIndex == 0) {
-                        this.incrementalEndIndex = 100 > this.totalItemCount ? this.totalItemCount : 100;
+                    if (isIncrementalEndIndexZero) {
+                        this.incrementalEndIndex = Math.min(100, this.totalItemCount);
                     }
                     else {
-                        this.incrementalEndIndex = this.incrementalEndIndex + 100 > this.totalItemCount ? this.totalItemCount : this.incrementalEndIndex + 100;
+                        this.incrementalEndIndex = Math.min(this.incrementalEndIndex + 100, this.totalItemCount);
                     }
                     this.updateIncrementalInfo(this.incrementalStartIndex, this.incrementalEndIndex);
                     updatingincrementalindex = true;
@@ -337,7 +349,9 @@ var ComboBox = /** @class */ (function (_super) {
                 activeItem = Search(inputValue, this.incrementalLiCollections, this.filterType, true, dataSource, this.fields, type);
                 while (isNullOrUndefined(activeItem.item) && this.incrementalEndIndex < this.totalItemCount) {
                     this.incrementalStartIndex = this.incrementalEndIndex;
-                    this.incrementalEndIndex = this.incrementalEndIndex + 100 > this.totalItemCount ? this.totalItemCount : this.incrementalEndIndex + 100;
+                    this.incrementalEndIndex = this.incrementalEndIndex + 100 > this.totalItemCount
+                        ? this.totalItemCount
+                        : this.incrementalEndIndex + 100;
                     this.updateIncrementalInfo(this.incrementalStartIndex, this.incrementalEndIndex);
                     updatingincrementalindex = true;
                     if (this.viewPortInfo.startIndex !== 0 || updatingincrementalindex) {
@@ -354,22 +368,23 @@ var ComboBox = /** @class */ (function (_super) {
                         break;
                     }
                 }
-                if (activeItem.index) {
-                    if ((!(this.viewPortInfo.startIndex >= activeItem.index)) || (!(activeItem.index >= this.viewPortInfo.endIndex))) {
-                        var startIndex = activeItem.index - ((this.itemCount / 2) - 2) > 0 ? activeItem.index - ((this.itemCount / 2) - 2) : 0;
-                        var endIndex = this.viewPortInfo.startIndex + this.itemCount > this.totalItemCount ? this.totalItemCount : this.viewPortInfo.startIndex + this.itemCount;
-                        if (startIndex != this.viewPortInfo.startIndex) {
-                            this.updateIncrementalView(startIndex, endIndex);
-                        }
-                    }
+                var startIndex = activeItem.index - ((this.itemCount / 2) - 2) > 0
+                    ? activeItem.index - ((this.itemCount / 2) - 2)
+                    : 0;
+                var endIndex = this.viewPortInfo.startIndex + this.itemCount > this.totalItemCount
+                    ? this.totalItemCount
+                    : this.viewPortInfo.startIndex + this.itemCount;
+                if (startIndex !== this.viewPortInfo.startIndex) {
+                    this.updateIncrementalView(startIndex, endIndex);
                 }
                 if (!isNullOrUndefined(activeItem.item)) {
-                    var index_1 = this.getIndexByValue(activeItem.item.getAttribute('data-value')) - this.skeletonCount;
-                    if (index_1 > this.itemCount / 2) {
-                        var startIndex = this.viewPortInfo.startIndex + ((this.itemCount / 2) - 2) < this.totalItemCount ? this.viewPortInfo.startIndex + ((this.itemCount / 2) - 2) : this.totalItemCount;
-                        var endIndex = this.viewPortInfo.startIndex + this.itemCount > this.totalItemCount ? this.totalItemCount : this.viewPortInfo.startIndex + this.itemCount;
-                        this.updateIncrementalView(startIndex, endIndex);
-                    }
+                    var startIndex_1 = this.viewPortInfo.startIndex + ((this.itemCount / 2) - 2) < this.totalItemCount
+                        ? this.viewPortInfo.startIndex + ((this.itemCount / 2) - 2)
+                        : this.totalItemCount;
+                    var endIndex_1 = this.viewPortInfo.startIndex + this.itemCount > this.totalItemCount
+                        ? this.totalItemCount
+                        : this.viewPortInfo.startIndex + this.itemCount;
+                    this.updateIncrementalView(startIndex_1, endIndex_1);
                     activeItem.item = this.getElementByValue(activeItem.item.getAttribute('data-value'));
                 }
                 else {
@@ -394,10 +409,19 @@ var ComboBox = /** @class */ (function (_super) {
                     }
                     else {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        this.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.getTransformValues();
+                        var virtualContent = this.list.getElementsByClassName('e-virtual-ddl-content')[0];
+                        virtualContent.style = this.getTransformValues();
                         if (this.enableVirtualization && !this.fields.groupBy) {
-                            var selectedLiOffsetTop = this.virtualListInfo && this.virtualListInfo.startIndex ? activeElement.offsetTop + (this.virtualListInfo.startIndex * activeElement.offsetHeight) : activeElement.offsetTop;
-                            this.list.scrollTop = selectedLiOffsetTop - (this.list.querySelectorAll('.e-virtual-list').length * activeElement.offsetHeight);
+                            var selectedLiOffsetTop = activeElement.offsetTop;
+                            var virtualListInfoStartIndex = this.virtualListInfo && this.virtualListInfo.startIndex
+                                ? this.virtualListInfo.startIndex
+                                : 0;
+                            var virtualListHeight = activeElement.offsetHeight;
+                            var selectedLiOffsetTopWithStartIndex = selectedLiOffsetTop +
+                                (virtualListInfoStartIndex * virtualListHeight);
+                            var virtualListLength = this.list.querySelectorAll('.e-virtual-list').length;
+                            var scrollTopOffset = virtualListLength * virtualListHeight;
+                            this.list.scrollTop = selectedLiOffsetTopWithStartIndex - scrollTopOffset;
                         }
                     }
                     addClass([activeElement], dropDownListClasses.focus);
@@ -486,10 +510,14 @@ var ComboBox = /** @class */ (function (_super) {
             var currentValue = this.getTextByValue(activeElement.getAttribute('data-value')).toString();
             var currentFillValue = this.getFormattedValue(activeElement.getAttribute('data-value'));
             if (this.getModuleName() === 'combobox') {
-                if (!this.isSelected && ((!this.allowObjectBinding && this.previousValue !== currentFillValue)) || (this.allowObjectBinding && this.previousValue && currentFillValue && !this.isObjectInArray(this.previousValue, [this.getDataByValue(currentFillValue)]))) {
+                if (!this.isSelected && ((!this.allowObjectBinding && this.previousValue !== currentFillValue)) ||
+                    (this.allowObjectBinding && this.previousValue && currentFillValue &&
+                        !this.isObjectInArray(this.previousValue, [this.getDataByValue(currentFillValue)]))) {
                     this.updateSelectedItem(activeElement, null);
                     this.isSelected = true;
-                    this.previousValue = this.allowObjectBinding ? this.getDataByValue(this.getFormattedValue(activeElement.getAttribute('data-value'))) : this.getFormattedValue(activeElement.getAttribute('data-value'));
+                    this.previousValue = this.allowObjectBinding ?
+                        this.getDataByValue(this.getFormattedValue(activeElement.getAttribute('data-value'))) :
+                        this.getFormattedValue(activeElement.getAttribute('data-value'));
                 }
                 else {
                     this.updateSelectedItem(activeElement, null, true);
@@ -672,8 +700,9 @@ var ComboBox = /** @class */ (function (_super) {
             if (isNullOrUndefined(this.value)) {
                 Input.setValue('', this.inputElement, this.floatLabelType, this.showClearButton);
             }
-            var newValue = this.allowObjectBinding && !isNullOrUndefined(this.value) ? getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
-            if (this.autofill && ((!this.allowObjectBinding && previousValue === this.value) || (this.allowObjectBinding && previousValue && this.isObjectInArray(previousValue, [this.value]))) && ((!this.allowObjectBinding && currentValue !== this.value) || (this.allowObjectBinding && currentValue && !this.isObjectInArray(currentValue, [this.value])))) {
+            if (this.autofill && ((!this.allowObjectBinding && previousValue === this.value) ||
+                (this.allowObjectBinding && previousValue && this.isObjectInArray(previousValue, [this.value]))) && ((!this.allowObjectBinding && currentValue !== this.value) ||
+                (this.allowObjectBinding && currentValue && !this.isObjectInArray(currentValue, [this.value])))) {
                 this.onChangeEvent(null);
             }
         }
@@ -697,7 +726,8 @@ var ComboBox = /** @class */ (function (_super) {
                 this.isSelectCustom = false;
                 value = this.allowObjectBinding ? this.getDataByValue(value) : value;
                 this.setProperties({ value: value });
-                if ((!this.allowObjectBinding && previousValue_1 !== this.value) || (this.allowObjectBinding && previousValue_1 && this.value && !this.isObjectInArray(previousValue_1, [this.value]))) {
+                if ((!this.allowObjectBinding && previousValue_1 !== this.value) ||
+                    (this.allowObjectBinding && previousValue_1 && this.value && !this.isObjectInArray(previousValue_1, [this.value]))) {
                     this.onChangeEvent(e);
                 }
             }
@@ -739,7 +769,9 @@ var ComboBox = /** @class */ (function (_super) {
         this.setSelection(null, null);
         this.isSelectCustom = true;
         this.isObjectCustomValue = false;
-        if ((!this.allowObjectBinding && (previousValue !== this.value)) || (this.allowObjectBinding && ((previousValue == null && this.value !== null) || (previousValue && !this.isObjectInArray(previousValue, [this.value]))))) {
+        if ((!this.allowObjectBinding && (previousValue !== this.value)) ||
+            (this.allowObjectBinding && ((previousValue == null && this.value !== null) ||
+                (previousValue && !this.isObjectInArray(previousValue, [this.value]))))) {
             this.onChangeEvent(e, true);
         }
     };
@@ -976,6 +1008,9 @@ var ComboBox = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], ComboBox.prototype, "allowFiltering", void 0);
+    __decorate([
+        Property(true)
+    ], ComboBox.prototype, "isDeviceFullScreen", void 0);
     __decorate([
         Property(null)
     ], ComboBox.prototype, "query", void 0);

package/src/common/incremental-search.d.ts

@@ -3,14 +3,17 @@
  */
 export declare type SearchType = 'StartsWith' | 'Equal' | 'EndsWith' | 'Contains';
 /**
- * Search and focus the list item based on key code matches with list text content
+ * Search and focus the list item based on key code matches with list text content.
  *
- * @param  { number } keyCode - Specifies the key code which pressed on keyboard events.
- * @param  { HTMLElement[]} items - Specifies an array of HTMLElement, from which matches find has done.
- * @param { number } selectedIndex - Specifies the selected item in list item, so that search will happen
- * after selected item otherwise it will do from initial.
- * @param  { boolean } ignoreCase - Specifies the case consideration when search has done.
+ * @param {number} keyCode - Specifies the key code which pressed on keyboard events.
+ * @param {HTMLElement[]} items - Specifies an array of HTMLElement, from which matches find has done.
+ * @param {number} selectedIndex - Specifies the selected item in list item, so that search will happen after selected item otherwise it will do from initial.
+ * @param {boolean} ignoreCase - Specifies the case consideration when search has done.
  * @param {string} elementId - Specifies the list element ID.
+ * @param {boolean} [queryStringUpdated] - Optional parameter.
+ * @param {string} [currentValue] - Optional parameter.
+ * @param {boolean} [isVirtual] - Optional parameter.
+ * @param {boolean} [refresh] - Optional parameter.
  * @returns {Element} Returns list item based on key code matches with list text content.
  */
 export declare function incrementalSearch(keyCode: number, items: HTMLElement[], selectedIndex: number, ignoreCase: boolean, elementId: string, queryStringUpdated?: boolean, currentValue?: string, isVirtual?: boolean, refresh?: boolean): Element;
@@ -20,13 +23,25 @@ export declare function incrementalSearch(keyCode: number, items: HTMLElement[],
  * @param {string} inputVal - Specifies the given input value.
  * @param {HTMLElement[]} items - Specifies the list items.
  * @param {SearchType} searchType - Specifies the filter type.
- * @param {boolean} ignoreCase - Specifies the case sensitive option for search operation.
- * @returns {Element | number} Returns the search matched items.
+ * @param {boolean} [ignoreCase=true] - Specifies the case sensitive option for search operation.
+ * @param {(string | number | boolean | { [key: string]: Object })[]} [dataSource] - Specifies the data source.
+ * @param {{ text: string, value: string }} [fields] - Specifies the fields.
+ * @param {string} [type] - Specifies the type.
+ * @returns {{ item: Element | null, index: number | null }} Returns the search matched items.
  */
-export declare function Search(inputVal: string, items: HTMLElement[], searchType: SearchType, ignoreCase?: boolean, dataSource?: string[] | number[] | boolean[] | {
+export declare function Search(inputVal: string, items: HTMLElement[], searchType: SearchType, ignoreCase?: boolean, dataSource?: (string | number | boolean | {
     [key: string]: Object;
-}[], fields?: any, type?: string): {
-    [key: string]: Element | number;
+})[], fields?: any, type?: string): {
+    item: Element | null;
+    index: number | null;
 };
+/**
+ * @param {string} value - The value to escape.
+ * @returns {string} Returns the escaped string.
+ */
 export declare function escapeCharRegExp(value: string): string;
+/**
+ * @param {string} elementId - The ID of the list element.
+ * @returns {void}
+ */
 export declare function resetIncrementalSearchValues(elementId: string): void;