@syncfusion/ej2-dropdowns - npm Package Compare versions

Comparing version 23.2.7 to 24.1.41-566987

CHANGELOG.md

@@ -5,8 +5,4 @@ # Changelog
 
-### AutoComplete
+## 24.1.41 (2023-12-18)
 
-#### Bug Fixes
-
-- `#I522040` - Fixed an issue where setting the highlight as true and adding HTML text as a value would result in it being parsed as a DOM element.
-
 ### DropDownTree
@@ -16,30 +12,4 @@
 
-- `#I523487` - The issue with `itemTemplate` support while performing filtering operation in the Dropdown Tree component has been resolved.
+- `#I522936` - The issue with the htmlAttributes field class value in the Dropdown Tree component has been resolved.
 
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I518299` - Fixed console error that occurred when adding an item using the addItem method.
-
-## 23.2.6 (2023-11-28)
-
-### DropDownList
-
-#### Bug Fixes
-
-- `#I519795` - Fixed an issue where the `BeforeOpenEvent` was triggered twice when the open event was Cancelled.
-
-- `#I520598` - Resolved issue where the equal to operator on `props.dataSource` in the `updateDataSource` function would always evaluate to false when it was an empty array.
-
-## 23.2.5 (2023-11-23)
-
-### Mention
-
-#### Bug Fixes
-
-- `#I519427` - Fixed a popup positioning issue that occurred when filtering.
-
-## 23.2.4 (2023-11-20)
-
 ### ListBox
@@ -55,82 +25,2 @@
 
-- `#I473804` - Provided smooth scrolling to drag and drop support for the ListBox component.
-
-### DropDownList
-
-#### Bug Fixes
-
-- `#I503134` - Fixed the issue where keyboard navigation was not working when null values were included in the datasource.
-
-## 23.1.44 (2023-11-07)
-
-### Mention
-
-#### Bug Fixes
-
-- `#I4756` - Fixed the issue where using the Mention Character as a `[` would throw a console error.
-
-## 23.1.43 (2023-10-31)
-
-### ComboBox
-
-#### Bug Fixes
-
-- `#I509217` - Resolved the issue where an empty space was created after clearing the values from the comboBox.
-
-### Mention
-
-#### Bug Fixes
-
-- `#F182215` - Fixed "In Android, unable to remove a selected value from Mention using backspace key and also keyboard hides".
-
-### DropDownTree
-
-#### Bug Fixes
-
-- `#I508339` - The persistence issue during page navigation has been resolved.
-- `#I498924` - Issue with the locale property in the Dropdown Tree component has been resolved.
-
-## 23.1.42 (2023-10-24)
-
-### Mention
-
-#### Bug Fixes
-
-- `#I506552` - Resolved issue with "Full popup is not visible when we open it at the edge of the screen".
-
-## 23.1.41 (2023-10-17)
-
-### MultiSelect
-
-#### Bug fixes
-
-- `#I503091` - Resolved a null exception that was thrown when dynamically changing the `groupBy` fields to undefined.
-
-### DropdownList
-
-#### Bug Fixes
-
-- `#I498409` - Fixed an issue where the preselected `value` was getting cleared when updating the data source.
-- `#I500431` - Fixed issue where the preselected `value` through `index` property was not updated when updating the data source.
-
-### DropDownTree
-
-#### Bug Fixes
-
-- `#F184672` - Issue with the `checkAll` and `uncheckAll` status not updated properly has been resolved.
-
-## 23.1.38 (2023-09-26)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I493841` - Issue with "Scrollbar in ListBox while using inside a splitter" has been resolved.
-
-## 23.1.36 (2023-09-15)
-
-### ListBox
-
-#### Bug Fixes
-
 - `#I462373` - Issue with "Double quotes value not submitted while using the listbox component within the form" has been resolved.
@@ -244,3 +134,3 @@
 
-### Dropdown Tree
+### DropDownTree
 
@@ -261,3 +151,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -270,3 +160,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -279,3 +169,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -288,3 +178,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -307,3 +197,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -348,3 +238,3 @@ #### New Features
 
-### Dropdown Tree
+### DropDownTree
 
@@ -363,3 +253,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -394,3 +284,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -454,3 +344,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -479,3 +369,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -567,3 +457,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -606,3 +496,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -627,3 +517,3 @@ #### Breaking Changes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -680,3 +570,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -703,3 +593,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -744,3 +634,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -775,3 +665,3 @@ #### Bug Fixes
 
-### Dropdown Tree
+### DropDownTree
 
@@ -778,0 +668,0 @@ The Dropdown Tree control allows you to select single or multiple values from hierarchical data in a tree-like structure. It has several out-of-the-box features, such as data binding, check boxes, templates, UI customization, accessibility, and preselected values. The available key features are

helpers/e2e/autocomplete.js

@@ -0,0 +0,0 @@ var __extends = (this && this.__extends) || (function () {

helpers/e2e/combobox.js

@@ -0,0 +0,0 @@ var __extends = (this && this.__extends) || (function () {

helpers/e2e/dropdownlist.js

@@ -0,0 +0,0 @@ var __extends = (this && this.__extends) || (function () {

helpers/e2e/index.js

@@ -0,0 +0,0 @@ define(["require", "exports", "./autocomplete", "./combobox", "./dropdownlist", "./multiselect"], function (require, exports, autocomplete_1, combobox_1, dropdownlist_1, multiselect_1) {

helpers/e2e/listboxHelper.js

@@ -0,0 +0,0 @@ var __extends = (this && this.__extends) || (function () {

helpers/e2e/multiselect.js

@@ -0,0 +0,0 @@ var __extends = (this && this.__extends) || (function () {

package.json

 {
-  "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@23.2.6",
-  "_inBundle": false,
-  "_integrity": "sha512-vUNqFVb1yxS4MDFefoKBnWGgc1xKuuxNSqeG3Qp6HwqQyN7jMZ0Zon5fJZgvl0pReF9+PTggSiEWiHKiuVRToA==",
-  "_location": "/@syncfusion/ej2-dropdowns",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-dropdowns@*",
+    "_from": "@syncfusion/ej2-dropdowns@*",
+    "_id": "@syncfusion/ej2-dropdowns@18.66.19",
+    "_inBundle": false,
+    "_integrity": "sha512-s44ZbX8pmdJIl6CM2ku298JD2p3QiAnI2/rPJQu9kar1yjLrXdnokG80WPDU3/isZ1NUsKcuMCaU38P/keLcMA==",
+    "_location": "/@syncfusion/ej2-dropdowns",
+    "_phantomChildren": {},
+    "_requested": {
+      "type": "range",
+      "registry": true,
+      "raw": "@syncfusion/ej2-dropdowns@*",
+      "name": "@syncfusion/ej2-dropdowns",
+      "escapedName": "@syncfusion%2fej2-dropdowns",
+      "scope": "@syncfusion",
+      "rawSpec": "*",
+      "saveSpec": null,
+      "fetchSpec": "*"
+    },
+    "_requiredBy": [
+      "/",
+      "/@syncfusion/ej2",
+      "/@syncfusion/ej2-angular-dropdowns",
+      "/@syncfusion/ej2-documenteditor",
+      "/@syncfusion/ej2-gantt",
+      "/@syncfusion/ej2-grids",
+      "/@syncfusion/ej2-inplace-editor",
+      "/@syncfusion/ej2-kanban",
+      "/@syncfusion/ej2-pdfviewer",
+      "/@syncfusion/ej2-pivotview",
+      "/@syncfusion/ej2-querybuilder",
+      "/@syncfusion/ej2-react-dropdowns",
+      "/@syncfusion/ej2-ribbon",
+      "/@syncfusion/ej2-schedule",
+      "/@syncfusion/ej2-spreadsheet",
+      "/@syncfusion/ej2-vue-dropdowns"
+    ],
+    "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.66.19.tgz",
+    "_shasum": "b096d3578c1d78fb2eb247425960d07e5af5657b",
+    "_spec": "@syncfusion/ej2-dropdowns@*",
+    "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+    "author": {
+      "name": "Syncfusion Inc."
+    },
+    "bundleDependencies": false,
+    "dependencies": {
+      "@syncfusion/ej2-base": "~24.1.41",
+      "@syncfusion/ej2-data": "~24.1.41",
+      "@syncfusion/ej2-inputs": "~24.1.41",
+      "@syncfusion/ej2-lists": "~24.1.41",
+      "@syncfusion/ej2-navigations": "~24.1.41",
+      "@syncfusion/ej2-notifications": "~24.1.41",
+      "@syncfusion/ej2-popups": "~24.1.41"
+    },
+    "deprecated": false,
+    "description": "Essential JS 2 DropDown Components",
+    "devDependencies": {},
+    "es2015": "./dist/es6/ej2-dropdowns.es5.js",
+    "keywords": [
+      "ej2",
+      "syncfusion",
+      "ej2-dropdown",
+      "dropdownlist",
+      "autocomplete",
+      "multiselect",
+      "combobox",
+      "select",
+      "ej2-dropdownlist",
+      "ej2-autocomplete",
+      "ej2-multiselect",
+      "ej2-combobox"
+    ],
+    "license": "SEE LICENSE IN license",
+    "main": "./dist/ej2-dropdowns.umd.min.js",
+    "module": "./index.js",
     "name": "@syncfusion/ej2-dropdowns",
-    "escapedName": "@syncfusion%2fej2-dropdowns",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-dropdowns",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-grids",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-kanban",
-    "/@syncfusion/ej2-pdfviewer",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-querybuilder",
-    "/@syncfusion/ej2-react-dropdowns",
-    "/@syncfusion/ej2-ribbon",
-    "/@syncfusion/ej2-schedule",
-    "/@syncfusion/ej2-spreadsheet",
-    "/@syncfusion/ej2-vue-dropdowns"
-  ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-23.2.6.tgz",
-  "_shasum": "a958f6597f60a12c0375f50816626d2ad0d62efd",
-  "_spec": "@syncfusion/ej2-dropdowns@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.6",
-    "@syncfusion/ej2-data": "~23.2.4",
-    "@syncfusion/ej2-inputs": "~23.2.4",
-    "@syncfusion/ej2-lists": "~23.2.4",
-    "@syncfusion/ej2-navigations": "~23.2.7",
-    "@syncfusion/ej2-notifications": "~23.2.5",
-    "@syncfusion/ej2-popups": "~23.2.4"
-  },
-  "deprecated": false,
-  "description": "Essential JS 2 DropDown Components",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-dropdowns.es5.js",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "ej2-dropdown",
-    "dropdownlist",
-    "autocomplete",
-    "multiselect",
-    "combobox",
-    "select",
-    "ej2-dropdownlist",
-    "ej2-autocomplete",
-    "ej2-multiselect",
-    "ej2-combobox"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-dropdowns.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-dropdowns",
-  "typings": "index.d.ts",
-  "version": "23.2.7",
-  "sideEffects": false,
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
-}
+    "typings": "index.d.ts",
+    "version": "24.1.41-566987",
+    "sideEffects": false,
+    "homepage": "https://www.syncfusion.com/javascript-ui-controls"
+  }

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

@@ -1,2 +0,2 @@
-import { Property, EventHandler, KeyboardEventArgs, isNullOrUndefined, detach } 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 } 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 {ComboBoxModel} from "../combo-box/combo-box-model";
@@ -21,3 +21,3 @@
      * @default { value: null, iconCss: null, groupBy: null}
-
+     * @deprecated
      */
@@ -32,3 +32,3 @@ fields?: FieldSettingsModel;
      * @default true
-
+     * @deprecated
      */
@@ -67,3 +67,3 @@ ignoreCase?: boolean;
      * @default {}
-
+     * @deprecated
      */
@@ -79,3 +79,3 @@ htmlAttributes?: { [key: string]: string };
      * @default null
-
+     * @deprecated
      */
@@ -143,3 +143,3 @@ query?: Query;
      * @private
-
+     * @deprecated
      */
@@ -162,3 +162,3 @@ index?: number;
      * @isEnumeration true
-
+     * @deprecated
      */
@@ -173,3 +173,3 @@ floatLabelType?: FloatLabelType;
      * @private
-
+     * @deprecated
      */
@@ -183,3 +183,3 @@ valueTemplate?: string | Function;
      * @private
-
+     * @deprecated
      */
@@ -193,3 +193,3 @@ filterBarPlaceholder?: string;
      * @private
-
+     * @deprecated
      */
@@ -203,3 +203,3 @@ allowFiltering?: boolean;
      * @private
-
+     * @deprecated
      */
@@ -206,0 +206,0 @@ text?: string;

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

@@ -36,3 +36,3 @@ /// <reference path="../combo-box/combo-box-model.d.ts" />
      * @default { value: null, iconCss: null, groupBy: null}
-
+     * @deprecated
      */
@@ -46,3 +46,3 @@ fields: FieldSettingsModel;
      * @default true
-
+     * @deprecated
      */
@@ -77,3 +77,3 @@ ignoreCase: boolean;
      * @default {}
-
+     * @deprecated
      */
@@ -90,3 +90,3 @@ htmlAttributes: {
      * @default null
-
+     * @deprecated
      */
@@ -150,3 +150,3 @@ query: Query;
      * @private
-
+     * @deprecated
      */
@@ -168,3 +168,3 @@ index: number;
      * @isEnumeration true
-
+     * @deprecated
      */
@@ -178,3 +178,3 @@ floatLabelType: FloatLabelType;
      * @private
-
+     * @deprecated
      */
@@ -187,3 +187,3 @@ valueTemplate: string | Function;
      * @private
-
+     * @deprecated
      */
@@ -196,3 +196,3 @@ filterBarPlaceholder: string;
      * @private
-
+     * @deprecated
      */
@@ -205,3 +205,3 @@ allowFiltering: boolean;
      * @private
-
+     * @deprecated
      */
@@ -235,3 +235,3 @@ text: string;
      * @returns {void}
-
+     * @deprecated
      */
@@ -261,3 +261,3 @@ filter(dataSource: {
      * @returns {void}
-
+     * @deprecated
      */
@@ -264,0 +264,0 @@ showPopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;

src/auto-complete/auto-complete.js

@@ -87,3 +87,3 @@ var __extends = (this && this.__extends) || (function () {
             }
-            else {
+            else if ((!this.enableVirtualization) || (this.enableVirtualization && (!(this.dataSource instanceof DataManager) || (this.dataSource instanceof DataManager && this.virtualGroupDataSource)))) {
                 var mapping = !isNullOrUndefined(this.fields.value) ? this.fields.value : '';
@@ -104,3 +104,3 @@ filterQuery.where(mapping, filterType, queryString, this.ignoreCase, this.ignoreAccent);
         }
-        if (this.enableVirtualization) {
+        if (this.enableVirtualization && (!(this.dataSource instanceof DataManager) || (this.dataSource instanceof DataManager && this.virtualGroupDataSource))) {
             var takeValue = this.getTakeValue();
@@ -156,3 +156,3 @@ filterQuery.skip(this.virtualItemStartIndex);
      * @returns {void}
-
+     * @deprecated
      */
@@ -188,3 +188,3 @@ AutoComplete.prototype.filter = function (dataSource, query, fields) {
             }
-            if (this.enableVirtualization) {
+            if ((this.getModuleName() === 'autocomplete' && !(this.dataSource instanceof DataManager)) || (this.getModuleName() === 'autocomplete' && (this.dataSource instanceof DataManager) && this.totalItemCount != 0)) {
                 this.getFilteringSkeletonCount();
@@ -210,3 +210,8 @@ }
     AutoComplete.prototype.onActionComplete = function (ulElement, list, e, isUpdated) {
-        this.fixedHeaderElement = null;
+        if (!this.enableVirtualization) {
+            this.fixedHeaderElement = null;
+        }
+        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);
@@ -333,3 +338,3 @@ var item = this.list.querySelector('.' + dropDownListClasses.li);
      * @returns {void}
-
+     * @deprecated
      */
@@ -336,0 +341,0 @@ AutoComplete.prototype.showPopup = function (e) {

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

@@ -1,2 +0,2 @@
-import { EventHandler, Property, Event, EmitType, addClass, Browser, KeyboardEventArgs, removeClass, detach } from '@syncfusion/ej2-base';import { isNullOrUndefined, NotifyPropertyChanges, getValue, setValue } from '@syncfusion/ej2-base';import { DropDownList, dropDownListClasses } from '../drop-down-list/drop-down-list';import { FilteringEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { Search } from '../common/incremental-search';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { DataManager, Query } from '@syncfusion/ej2-data';
+import { EventHandler, Property, Event, EmitType, addClass, Browser, KeyboardEventArgs, removeClass, detach } from '@syncfusion/ej2-base';
import { isNullOrUndefined, NotifyPropertyChanges, getValue, setValue } from '@syncfusion/ej2-base';
import { DropDownList, dropDownListClasses } from '../drop-down-list/drop-down-list';
import { FilteringEventArgs } from '../drop-down-base/drop-down-base';
import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';
import { Search } from '../common/incremental-search';
import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';
import { DataManager, Query } from '@syncfusion/ej2-data';
 import {CustomValueSpecifierEventArgs} from "./combo-box";
@@ -31,3 +31,3 @@ import {DropDownListModel} from "../drop-down-list/drop-down-list-model";
      * @default {}
-
+     * @deprecated
      */
@@ -47,3 +47,3 @@ htmlAttributes?: { [key: string]: string };
      * @default false
-
+     * @deprecated
      */
@@ -59,3 +59,3 @@ allowFiltering?: boolean;
      * @default null
-
+     * @deprecated
      */
@@ -72,3 +72,3 @@ query?: Query;
      * @default null
-
+     * @deprecated
      */
@@ -89,3 +89,3 @@ index?: number;
      * @default false
-
+     * @deprecated
      */
@@ -133,3 +133,3 @@ enableRtl?: boolean;
      * @isEnumeration true
-
+     * @deprecated
      */
@@ -143,3 +143,3 @@ floatLabelType?: FloatLabelType;
      * @private
-
+     * @deprecated
      */
@@ -152,3 +152,3 @@ filterBarPlaceholder?: string;
      * @default null
-
+     * @deprecated
      */
@@ -163,3 +163,3 @@ cssClass?: string;
      * @aspType string
-
+     * @deprecated
      */
@@ -174,3 +174,3 @@ headerTemplate?: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -183,3 +183,3 @@ footerTemplate?: string | Function;
      * @default null
-
+     * @deprecated
      */
@@ -194,3 +194,3 @@ placeholder?: string;
      * @aspType string
-
+     * @deprecated
      */
@@ -206,3 +206,3 @@ width?: string | number;
      * @aspType string
-
+     * @deprecated
      */
@@ -219,3 +219,3 @@ popupHeight?: string | number;
      * @aspType string
-
+     * @deprecated
      */
@@ -228,3 +228,3 @@ popupWidth?: string | number;
      * @default false
-
+     * @deprecated
      */
@@ -237,3 +237,3 @@ readonly?: boolean;
      * @default null
-
+     * @deprecated
      */
@@ -247,3 +247,3 @@ text?: string;
      * @isGenericType true
-
+     * @deprecated
      */
@@ -250,0 +250,0 @@ value?: number | string | boolean;

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

@@ -45,3 +45,3 @@ /// <reference path="../drop-down-list/drop-down-list-model.d.ts" />
      * @default {}
-
+     * @deprecated
      */
@@ -62,3 +62,3 @@ htmlAttributes: {
      * @default false
-
+     * @deprecated
      */
@@ -73,3 +73,3 @@ allowFiltering: boolean;
      * @default null
-
+     * @deprecated
      */
@@ -85,3 +85,3 @@ query: Query;
      * @default null
-
+     * @deprecated
      */
@@ -100,3 +100,3 @@ index: number;
      * @default false
-
+     * @deprecated
      */
@@ -140,3 +140,3 @@ enableRtl: boolean;
      * @isEnumeration true
-
+     * @deprecated
      */
@@ -149,3 +149,3 @@ floatLabelType: FloatLabelType;
      * @private
-
+     * @deprecated
      */
@@ -157,3 +157,3 @@ filterBarPlaceholder: string;
      * @default null
-
+     * @deprecated
      */
@@ -167,3 +167,3 @@ cssClass: string;
      * @aspType string
-
+     * @deprecated
      */
@@ -177,3 +177,3 @@ headerTemplate: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -185,3 +185,3 @@ footerTemplate: string | Function;
      * @default null
-
+     * @deprecated
      */
@@ -195,3 +195,3 @@ placeholder: string;
      * @aspType string
-
+     * @deprecated
      */
@@ -206,3 +206,3 @@ width: string | number;
      * @aspType string
-
+     * @deprecated
      */
@@ -218,3 +218,3 @@ popupHeight: string | number;
      * @aspType string
-
+     * @deprecated
      */
@@ -226,3 +226,3 @@ popupWidth: string | number;
      * @default false
-
+     * @deprecated
      */
@@ -234,3 +234,3 @@ readonly: boolean;
      * @default null
-
+     * @deprecated
      */
@@ -243,3 +243,3 @@ text: string;
      * @isGenericType true
-
+     * @deprecated
      */
@@ -288,3 +288,3 @@ value: number | string | boolean;
      * @returns {void}
-
+     * @deprecated
      */
@@ -296,3 +296,3 @@ showSpinner(): void;
      * @returns {void}
-
+     * @deprecated
      */
@@ -346,3 +346,3 @@ hideSpinner(): void;
      * @returns {void}
-
+     * @deprecated
      */
@@ -361,3 +361,3 @@ addItem(items: {
      * @returns {void}
-
+     * @deprecated
      */
@@ -371,3 +371,3 @@ filter(dataSource: {
      * @returns {void}
-
+     * @deprecated
      */
@@ -379,3 +379,3 @@ showPopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
      * @returns {void}
-
+     * @deprecated
      */
@@ -393,3 +393,3 @@ hidePopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
      * @returns {void}
-
+     * @deprecated
      */
@@ -401,3 +401,3 @@ clear(): void;
      * @returns {void}
-
+     * @deprecated
      */
@@ -409,3 +409,3 @@ focusOut(e?: MouseEvent | KeyboardEventArgs): void;
      * @returns {Element[]}
-
+     * @deprecated
      */
@@ -418,3 +418,3 @@ getItems(): Element[];
      * @returns {Object}
-
+     * @deprecated
      */
@@ -421,0 +421,0 @@ getDataByValue(value: string | number | boolean): {

src/combo-box/combo-box.js

@@ -223,3 +223,3 @@ var __extends = (this && this.__extends) || (function () {
         }
-        if (!this.preventAutoFill && this.getModuleName() === 'combobox' && this.isTyped) {
+        if (!this.preventAutoFill && this.getModuleName() === 'combobox' && this.isTyped && !this.enableVirtualization) {
             setTimeout(function () {
@@ -233,3 +233,3 @@ _this.inlineSearch();
         var selected = !isNullOrUndefined(this.list) ? this.list.querySelector('.' + dropDownListClasses.selected) : this.list;
-        var isSelected = dataItem.text === this.inputElement.value && !isNullOrUndefined(selected);
+        var isSelected = dataItem.text && dataItem.text.toString() === this.inputElement.value && !isNullOrUndefined(selected);
         if (isSelected) {
@@ -244,2 +244,66 @@ return selected;
             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) {
+                    updatingincrementalindex = true;
+                    this.incrementalStartIndex = this.incrementalEndIndex;
+                    if (this.incrementalEndIndex == 0) {
+                        this.incrementalEndIndex = 100 > this.totalItemCount ? this.totalItemCount : 100;
+                    }
+                    else {
+                        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) {
+                    this.updateIncrementalView(0, this.itemCount);
+                }
+                activeItem = Search(inputValue, this.incrementalLiCollections, this.filterType, true, dataSource, this.fields, type);
+                while (isNullOrUndefined(activeItem) && this.incrementalEndIndex < this.totalItemCount) {
+                    this.incrementalStartIndex = this.incrementalEndIndex;
+                    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) {
+                        this.updateIncrementalView(0, this.itemCount);
+                    }
+                    activeItem = Search(inputValue, this.incrementalLiCollections, this.filterType, true, dataSource, this.fields, type);
+                    if (!isNullOrUndefined(activeItem)) {
+                        break;
+                    }
+                    if (isNullOrUndefined(activeItem) && this.incrementalEndIndex >= this.totalItemCount) {
+                        this.incrementalStartIndex = 0;
+                        this.incrementalEndIndex = 100 > this.totalItemCount ? this.totalItemCount : 100;
+                        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);
+                        }
+                    }
+                }
+                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);
+                    }
+                    activeItem.item = this.getElementByValue(activeItem.item.getAttribute('data-value'));
+                }
+                else {
+                    this.updateIncrementalView(0, this.itemCount);
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    this.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.getTransformValues();
+                    this.list.scrollTop = 0;
+                }
+                if (activeItem && activeItem.item) {
+                    activeItem.item = this.getElementByValue(activeItem.item.getAttribute('data-value'));
+                }
+            }
             var activeElement = activeItem.item;
@@ -255,2 +319,10 @@ if (!isNullOrUndefined(activeElement)) {
                     }
+                    else {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        this.list.getElementsByClassName('e-virtual-ddl-content')[0].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);
+                        }
+                    }
                     addClass([activeElement], dropDownListClasses.focus);
@@ -297,3 +369,3 @@ }
      * @returns {void}
-
+     * @deprecated
      */
@@ -318,3 +390,3 @@ ComboBox.prototype.showSpinner = function () {
      * @returns {void}
-
+     * @deprecated
      */
@@ -660,3 +732,3 @@ ComboBox.prototype.hideSpinner = function () {
      * @returns {void}
-
+     * @deprecated
      */
@@ -673,3 +745,3 @@ ComboBox.prototype.addItem = function (items, itemIndex) {
      * @returns {void}
-
+     * @deprecated
      */
@@ -684,3 +756,3 @@ ComboBox.prototype.filter = function (dataSource, query, fields) {
      * @returns {void}
-
+     * @deprecated
      */
@@ -696,3 +768,3 @@ ComboBox.prototype.showPopup = function (e) {
      * @returns {void}
-
+     * @deprecated
      */
@@ -766,3 +838,3 @@ ComboBox.prototype.hidePopup = function (e) {
      * @returns {void}
-
+     * @deprecated
      */
@@ -777,3 +849,3 @@ ComboBox.prototype.clear = function () {
      * @returns {void}
-
+     * @deprecated
      */
@@ -789,3 +861,3 @@ ComboBox.prototype.focusOut = function (e) {
      * @returns {Element[]}
-
+     * @deprecated
      */
@@ -800,3 +872,3 @@ ComboBox.prototype.getItems = function () {
      * @returns {Object}
-
+     * @deprecated
      */
@@ -803,0 +875,0 @@ ComboBox.prototype.getDataByValue = function (value) {

src/common/incremental-search.d.ts

@@ -16,3 +16,3 @@ /**
  */
-export declare function incrementalSearch(keyCode: number, items: HTMLElement[], selectedIndex: number, ignoreCase: boolean, elementId: string): Element;
+export declare function incrementalSearch(keyCode: number, items: HTMLElement[], selectedIndex: number, ignoreCase: boolean, elementId: string, queryStringUpdated?: boolean, currentValue?: string, isVirtual?: boolean, refresh?: boolean): Element;
 /**
@@ -19,0 +19,0 @@ * Search the list item based on given input value matches with search type.

src/common/incremental-search.js

@@ -6,2 +6,3 @@ /**
 var prevString = '';
+var tempQueryString = '';
 var matches = [];
@@ -21,10 +22,31 @@ var activeClass = 'e-active';
  */
-export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, elementId) {
-    queryString += String.fromCharCode(keyCode);
-    setTimeout(function () {
-        queryString = '';
-    }, 1000);
+export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, elementId, queryStringUpdated, currentValue, isVirtual, refresh) {
+    if (!queryStringUpdated || queryString === '') {
+        if (tempQueryString != '') {
+            queryString = tempQueryString + String.fromCharCode(keyCode);
+            tempQueryString = '';
+        }
+        else {
+            queryString += String.fromCharCode(keyCode);
+        }
+    }
+    else if (queryString == prevString) {
+        tempQueryString = String.fromCharCode(keyCode);
+    }
+    if (isVirtual) {
+        setTimeout(function () {
+            tempQueryString = '';
+        }, 700);
+        setTimeout(function () {
+            queryString = '';
+        }, 3000);
+    }
+    else {
+        setTimeout(function () {
+            queryString = '';
+        }, 1000);
+    }
     var index;
     queryString = ignoreCase ? queryString.toLowerCase() : queryString;
-    if (prevElementId === elementId && prevString === queryString) {
+    if (prevElementId === elementId && prevString === queryString && !refresh) {
         for (var i = 0; i < matches.length; i++) {
@@ -35,4 +57,11 @@ if (matches[i].classList.contains(activeClass)) {
             }
+            if (currentValue && matches[i].textContent.toLowerCase() === currentValue.toLowerCase()) {
+                index = i;
+                break;
+            }
         }
         index = index + 1;
+        if (isVirtual) {
+            return matches[index] && matches.length - 1 != index ? matches[index] : matches[matches.length];
+        }
         return matches[index] ? matches[index] : matches[0];
@@ -67,2 +96,16 @@ }
         prevElementId = elementId;
+        if (isVirtual) {
+            var indexUpdated = false;
+            for (var i_1 = 0; i_1 < matches.length; i_1++) {
+                if (currentValue && matches[i_1].textContent.toLowerCase() === currentValue.toLowerCase()) {
+                    index = i_1;
+                    indexUpdated = true;
+                    break;
+                }
+            }
+            if (currentValue && indexUpdated) {
+                index = index + 1;
+            }
+            return matches[index] ? matches[index] : matches[0];
+        }
         return matches[0];
@@ -104,3 +147,3 @@ }
             }
-            text = dataSource && filterValue ? (ignoreCase ? filterValue.toLocaleLowerCase() : filterValue).replace(/^\s+|\s+$/g, '') : (ignoreCase ? item.textContent.toLocaleLowerCase() : item.textContent).replace(/^\s+|\s+$/g, '');
+            text = dataSource && filterValue ? (ignoreCase ? filterValue.toString().toLocaleLowerCase() : filterValue).replace(/^\s+|\s+$/g, '') : (ignoreCase ? item.textContent.toLocaleLowerCase() : item.textContent).replace(/^\s+|\s+$/g, '');
             /* eslint-disable security/detect-non-literal-regexp */
@@ -107,0 +150,0 @@ 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))) {

src/common/interface.d.ts

@@ -60,2 +60,3 @@ import { Component, KeyboardEventArgs } from '@syncfusion/ej2-base';
     }[] | string[] | boolean[] | number[];
+    skeletonCount: number;
     getSkeletonCount(retainSkeleton?: boolean): void;
@@ -77,2 +78,3 @@ getItems(): HTMLElement[];
     findListElement(list: HTMLElement, findNode: string, attribute: string, value: string | boolean | number): HTMLElement;
+    scrollStop(e?: Event): void;
 }

src/common/virtual-scroll.js

@@ -49,3 +49,3 @@ var __assign = (this && this.__assign) || function () {
 import { debounce, Touch } from '@syncfusion/ej2-base';
-import { Query } from '@syncfusion/ej2-data';
+import { DataManager, Query } from '@syncfusion/ej2-data';
 var VirtualScroll = /** @class */ (function () {
@@ -154,5 +154,20 @@ function VirtualScroll(parent) {
         }
+        var tempCustomFilter = this.parent.isCustomFilter;
+        if (this.component === 'combobox') {
+            var totalData = 0;
+            if (this.parent.dataSource instanceof DataManager) {
+                totalData = this.parent.dataSource.dataSource.json.length;
+            }
+            else if (this.parent.dataSource && this.parent.dataSource.length > 0) {
+                totalData = this.parent.dataSource.length;
+            }
+            if (totalData > 0) {
+                this.parent.isCustomFilter = (totalData == this.parent.totalItemCount && this.parent.queryString != this.parent.typedString) ? true : this.parent.isCustomFilter;
+            }
+        }
         this.parent.resetList(dataSource, this.parent.fields, query);
+        this.parent.isCustomFilter = tempCustomFilter;
     };
     VirtualScroll.prototype.removeSkipAndTakeEvents = function (query) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         query.queries = query.queries.filter(function (event) {
@@ -186,2 +201,5 @@ return event.fn !== 'onSkip' && event.fn !== 'onTake';
         }
+        if (this.parent.fields.groupBy) {
+            this.parent.scrollStop();
+        }
     };
@@ -237,2 +255,5 @@ VirtualScroll.prototype.generateQueryAndSetQueryIndexAsync = function (query, isPopupOpen) {
                                 this.parent.getSkeletonCount(true);
+                                if (this.component === 'combobox') {
+                                    this.parent.skeletonCount = this.parent.totalItemCount != 0 && this.parent.totalItemCount < (this.parent.itemCount * 2) ? 0 : this.parent.skeletonCount;
+                                }
                             }
@@ -239,0 +260,0 @@ }

src/drop-down-base/drop-down-base-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, EventHandler, addClass, append, Property, Event, KeyboardEvents, EmitType, L10n, compile, KeyboardEventArgs } from '@syncfusion/ej2-base';import { setStyleAttribute, extend, removeClass, prepend, isNullOrUndefined, detach, getValue, AnimationModel } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, rippleEffect, RippleOptions, ChildProperty, Complex } from '@syncfusion/ej2-base';import { DataManager, Query, DataOptions, DataUtil } from '@syncfusion/ej2-data';import { ListBase, SortOrder } from '@syncfusion/ej2-lists';import { Popup } from '@syncfusion/ej2-popups';import { remove, select, selectAll } from '@syncfusion/ej2-base';
+import { Component, EventHandler, addClass, append, Property, Event, KeyboardEvents, EmitType, L10n, compile, KeyboardEventArgs } from '@syncfusion/ej2-base';
import { setStyleAttribute, extend, removeClass, prepend, isNullOrUndefined, detach, getValue, AnimationModel } from '@syncfusion/ej2-base';
import { NotifyPropertyChanges, INotifyPropertyChanged, rippleEffect, RippleOptions, ChildProperty, Complex } from '@syncfusion/ej2-base';
import { DataManager, Query, DataOptions, DataUtil } from '@syncfusion/ej2-data';
import { ListBase, SortOrder } from '@syncfusion/ej2-lists';
import { Popup } from '@syncfusion/ej2-popups';
import { remove, select, selectAll } from '@syncfusion/ej2-base';
 import {FilterType,SelectEventArgs} from "./drop-down-base";
@@ -73,3 +73,3 @@ import {ComponentModel} from '@syncfusion/ej2-base';
      * @default {text: null, value: null, iconCss: null, groupBy: null}
-
+     * @deprecated
      */
@@ -87,3 +87,3 @@ fields?: FieldSettingsModel;
      * @aspType string
-
+     * @deprecated
      */
@@ -97,3 +97,3 @@ itemTemplate?: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -108,3 +108,3 @@ groupTemplate?: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -119,3 +119,3 @@ noRecordsTemplate?: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -133,3 +133,3 @@ actionFailureTemplate?: string | Function;
      * @aspjsonconverterignore
-
+     * @deprecated
      */
@@ -144,3 +144,3 @@ sortOrder?: SortOrder;
      * @default []
-
+     * @deprecated
      */
@@ -154,3 +154,3 @@ dataSource?: { [key: string]: Object }[] | DataManager | string[] | number[] | boolean[];
      * @default null
-
+     * @deprecated
      */
@@ -189,3 +189,3 @@ query?: Query;
      * @default 'StartsWith'
-
+     * @deprecated
      */
@@ -199,3 +199,3 @@ filterType?: FilterType;
      * @default true
-
+     * @deprecated
      */
@@ -208,3 +208,3 @@ ignoreCase?: boolean;
      * @default 1000
-
+     * @deprecated
      */
@@ -216,3 +216,3 @@ zIndex?: number;
      *
-
+     * @deprecated
      */
@@ -225,3 +225,3 @@ ignoreAccent?: boolean;
      * @default 'en-US'
-
+     * @deprecated
      */
@@ -228,0 +228,0 @@ locale?: string;

src/drop-down-base/drop-down-base.d.ts

@@ -181,2 +181,7 @@ import { Component, KeyboardEvents, EmitType, L10n, KeyboardEventArgs } from '@syncfusion/ej2-base';
     protected ulElement: HTMLElement;
+    protected incrementalLiCollections: HTMLElement[];
+    protected incrementalListData: {
+        [key: string]: Object;
+    }[] | string[] | boolean[] | number[];
+    protected incrementalUlElement: HTMLElement;
     protected liCollections: HTMLElement[];
@@ -227,3 +232,11 @@ private bindEvent;
     protected dataCount: number;
+    protected isRemoteDataUpdated: boolean;
+    protected virtualGroupDataSource: {
+        [key: string]: Object;
+    }[] | DataManager | string[] | number[] | boolean[];
+    protected isIncrementalRequest: boolean;
+    protected itemCount: number;
     /**
+
+    /**
      * The `fields` property maps the columns of the data table and binds the data to the component.
@@ -248,3 +261,3 @@ * * text - Maps the text column from data table for each list item.
      * @default {text: null, value: null, iconCss: null, groupBy: null}
-
+     * @deprecated
      */
@@ -261,3 +274,3 @@ fields: FieldSettingsModel;
      * @aspType string
-
+     * @deprecated
      */
@@ -270,3 +283,3 @@ itemTemplate: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -280,3 +293,3 @@ groupTemplate: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -290,3 +303,3 @@ noRecordsTemplate: string | Function;
      * @aspType string
-
+     * @deprecated
      */
@@ -303,3 +316,3 @@ actionFailureTemplate: string | Function;
      * @aspjsonconverterignore
-
+     * @deprecated
      */
@@ -313,3 +326,3 @@ sortOrder: SortOrder;
      * @default []
-
+     * @deprecated
      */
@@ -324,3 +337,3 @@ dataSource: {
      * @default null
-
+     * @deprecated
      */
@@ -358,3 +371,3 @@ query: Query;
      * @default 'StartsWith'
-
+     * @deprecated
      */
@@ -367,3 +380,3 @@ filterType: FilterType;
      * @default true
-
+     * @deprecated
      */
@@ -375,3 +388,3 @@ ignoreCase: boolean;
      * @default 1000
-
+     * @deprecated
      */
@@ -382,3 +395,3 @@ zIndex: number;
      *
-
+     * @deprecated
      */
@@ -390,3 +403,3 @@ ignoreAccent: boolean;
      * @default 'en-US'
-
+     * @deprecated
      */
@@ -508,2 +521,4 @@ locale: string;
     private setListData;
+    protected updatePopupState(): void;
+    protected updateRemoteData(): void;
     private bindChildItems;
@@ -551,3 +566,6 @@ protected updateListValues(): void;
     protected setFloatingHeader(e: Event): void;
-    protected scrollStop(e?: Event): void;
+    protected scrollStop(e?: Event, isDownkey?: boolean): void;
+    protected getPageCount(returnExactCount?: boolean): number;
+    private updateGroupHeader;
+    private updateGroupFixedHeader;
     protected getValidLi(): HTMLElement;
@@ -564,2 +582,4 @@ /**
     }[], fields: FieldSettingsModel): HTMLElement;
+    private createVirtualContent;
+    private updateListElements;
     protected templateListItem(dataSource: {
@@ -581,3 +601,3 @@ [key: string]: Object;
      */
-    protected getIndexByValueFilter(value: string | number | boolean): number;
+    protected getIndexByValue(value: string | number | boolean): number;
     /**
@@ -589,3 +609,3 @@ * Return the index of item which matched with given value in data source
      */
-    protected getIndexByValue(value: string | number | boolean): number;
+    protected getIndexByValueFilter(value: string | number | boolean): number;
     /**
@@ -661,3 +681,3 @@ * To dispatch the event manually
      * @returns {void}
-
+     * @deprecated
      */
@@ -734,3 +754,3 @@ addItem(items: {
      *
-
+     * @deprecated
      */
@@ -737,0 +757,0 @@ popup: Popup;

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

@@ -1,2 +0,2 @@
-import { EventHandler, Property, Event, compile, EmitType, KeyboardEvents, append, select, ModuleDeclaration } from '@syncfusion/ej2-base';import { attributes, isNullOrUndefined, getUniqueID, formatUnit, isUndefined, getValue } from '@syncfusion/ej2-base';import { Animation, AnimationModel, Browser, KeyboardEventArgs, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { addClass, removeClass, closest, prepend, detach, classList } from '@syncfusion/ej2-base';import { Popup, isCollide, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { IInput, Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { incrementalSearch, resetIncrementalSearchValues } from '../common/incremental-search';import { DropDownBase, dropDownBaseClasses, SelectEventArgs, FilteringEventArgs, PopupEventArgs } from '../drop-down-base/drop-down-base';import { FocusEventArgs, ResultData, BeforeOpenEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { DataManager, Query, Predicate, DataOptions } from '@syncfusion/ej2-data';import {VirtualScroll, Offsets, ScrollDirection, SentinelType, VirtualInfo} from '../common/virtual-scroll';import { Skeleton } from '@syncfusion/ej2-notifications';
+import { EventHandler, Property, Event, compile, EmitType, KeyboardEvents, append, select, ModuleDeclaration } from '@syncfusion/ej2-base';
import { attributes, isNullOrUndefined, getUniqueID, formatUnit, isUndefined, getValue } from '@syncfusion/ej2-base';
import { Animation, AnimationModel, Browser, KeyboardEventArgs, NotifyPropertyChanges } from '@syncfusion/ej2-base';
import { addClass, removeClass, closest, prepend, detach, classList } from '@syncfusion/ej2-base';
import { Popup, isCollide, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
import { IInput, Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';
import { incrementalSearch, resetIncrementalSearchValues } from '../common/incremental-search';
import { DropDownBase, dropDownBaseClasses, SelectEventArgs, FilteringEventArgs, PopupEventArgs } from '../drop-down-base/drop-down-base';
import { FocusEventArgs, ResultData, BeforeOpenEventArgs } from '../drop-down-base/drop-down-base';
import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';
import { DataManager, Query, Predicate, DataOptions } from '@syncfusion/ej2-data';
import {VirtualScroll, Offsets, ScrollDirection, SentinelType, VirtualInfo} from '../common/virtual-scroll';
import { Skeleton } from '@syncfusion/ej2-notifications';
 import {ChangeEventArgs} from "./drop-down-list";
@@ -30,3 +30,3 @@ import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
      * @default true
-
+     * @deprecated
      */
@@ -41,3 +41,3 @@ enabled?: boolean;
      * @default false
-
+     * @deprecated
      */
@@ -98,3 +98,3 @@ enablePersistence?: boolean;
      * @default null
-
+     * @deprecated
      */
@@ -101,0 +101,0 @@ query?: Query;

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

@@ -64,3 +64,3 @@ /// <reference path="../drop-down-base/drop-down-base-model.d.ts" />
     private listItemHeight;
-    private skeletonCount;
+    protected skeletonCount: number;
     protected hiddenElement: HTMLSelectElement;
@@ -117,3 +117,2 @@ protected isPopupOpen: boolean;
     protected selectedElementID: string;
-    protected itemCount: number;
     private virtualListHeight;
@@ -141,2 +140,6 @@ private virtualItemCount;
     private preselectedIndex;
+    protected incrementalQueryString: string;
+    protected incrementalEndIndex: number;
+    protected incrementalStartIndex: number;
+    protected incrementalPreQueryString: string;
     private isTouched;
@@ -164,3 +167,3 @@ protected virtualListInfo: VirtualInfo;
      * @default true
-
+     * @deprecated
      */
@@ -174,3 +177,3 @@ enabled: boolean;
      * @default false
-
+     * @deprecated
      */
@@ -227,3 +230,3 @@ enablePersistence: boolean;
      * @default null
-
+     * @deprecated
      */
@@ -449,2 +452,5 @@ query: Query;
     protected isValidLI(li: Element | HTMLElement): boolean;
+    protected updateIncrementalInfo(startIndex: number, endIndex: number): void;
+    protected updateIncrementalView(startIndex: number, endIndex: number): void;
+    protected updateIncrementalItemIndex(startIndex: number, endIndex: number): void;
     protected incrementalSearch(e: KeyboardEventArgs): void;
@@ -465,2 +471,3 @@ /**
     private updateUpDownAction;
+    private updateVirtualItemIndex;
     private updateHomeEndAction;
@@ -472,3 +479,2 @@ protected selectCurrentValueOnTab(e: KeyboardEventArgs): void;
     protected isSelectFocusItem(element: Element): boolean;
-    private getPageCount;
     private pageUpSelection;
@@ -535,3 +541,3 @@ private PageUpDownSelection;
      * @returns {void}
-
+     * @deprecated
      */
@@ -624,2 +630,3 @@ filter(dataSource: {
     private setSelectionData;
+    protected updatePopupState(): void;
     protected setReadOnly(): void;
@@ -626,0 +633,0 @@ protected setInputValue(newProp?: any, oldProp?: any): void;

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

@@ -1,2 +0,2 @@
-import { Input, InputObject, FloatLabelType, TextBox, InputEventArgs } from '@syncfusion/ej2-inputs';import { createCheckBox } from '@syncfusion/ej2-buttons';import { NotifyPropertyChanges, INotifyPropertyChanged, Property, Event, EmitType, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Component, EventHandler, attributes, formatUnit, ChildProperty, remove, L10n, extend } from '@syncfusion/ej2-base';import { addClass, removeClass, detach, prepend, Complex, closest, setValue, getValue, compile, append } from '@syncfusion/ej2-base';import { select, selectAll, isNullOrUndefined as isNOU, matches, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { Popup } from '@syncfusion/ej2-popups';import { TreeView, NodeSelectEventArgs, DataBoundEventArgs, FieldsSettingsModel, NodeClickEventArgs, NodeExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeCheckEventArgs, FailureEventArgs} from '@syncfusion/ej2-navigations';
+import { Input, InputObject, FloatLabelType, TextBox, InputEventArgs } from '@syncfusion/ej2-inputs';
import { createCheckBox } from '@syncfusion/ej2-buttons';
import { NotifyPropertyChanges, INotifyPropertyChanged, Property, Event, EmitType, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
import { Component, EventHandler, attributes, formatUnit, ChildProperty, remove, L10n, extend } from '@syncfusion/ej2-base';
import { addClass, removeClass, detach, prepend, Complex, closest, setValue, getValue, compile, append } from '@syncfusion/ej2-base';
import { select, selectAll, isNullOrUndefined as isNOU, matches, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';
import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';
import { Popup } from '@syncfusion/ej2-popups';
import { TreeView, NodeSelectEventArgs, DataBoundEventArgs, FieldsSettingsModel, NodeClickEventArgs, NodeExpandEventArgs } from '@syncfusion/ej2-navigations';
import { NodeCheckEventArgs, FailureEventArgs} from '@syncfusion/ej2-navigations';
 import {Mode,ExpandOn,TreeFilterType,SortOrder,DdtBeforeOpenEventArgs,DdtChangeEventArgs,DdtPopupEventArgs,DdtDataBoundEventArgs,DdtFilteringEventArgs,DdtFocusEventArgs,DdtKeyPressEventArgs,DdtSelectEventArgs} from "./drop-down-tree";
@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

src/list-box/list-box-model.d.ts

@@ -1,2 +0,2 @@
-import { Input, InputObject } from '@syncfusion/ej2-inputs';import { DropDownBase, dropDownBaseClasses, FilteringEventArgs, SelectEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, BaseEventArgs, L10n } from '@syncfusion/ej2-base';import { ModuleDeclaration, NotifyPropertyChanges, getComponent, EmitType, Event, extend, detach, attributes } from '@syncfusion/ej2-base';import { getUniqueID, Browser, formatUnit, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';import { prepend, append } from '@syncfusion/ej2-base';import { cssClass, Sortable, moveTo } from '@syncfusion/ej2-lists';import { Button } from '@syncfusion/ej2-buttons';import { createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';import { DataManager, Query } from '@syncfusion/ej2-data';
+import { Input, InputObject } from '@syncfusion/ej2-inputs';
import { DropDownBase, dropDownBaseClasses, FilteringEventArgs, SelectEventArgs } from '../drop-down-base/drop-down-base';
import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';
import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, BaseEventArgs, L10n } from '@syncfusion/ej2-base';
import { ModuleDeclaration, NotifyPropertyChanges, getComponent, EmitType, Event, extend, detach, attributes } from '@syncfusion/ej2-base';
import { getUniqueID, Browser, formatUnit, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
import { prepend, append } from '@syncfusion/ej2-base';
import { cssClass, Sortable, moveTo } from '@syncfusion/ej2-lists';
import { Button } from '@syncfusion/ej2-buttons';
import { createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';
import { DataManager, Query } from '@syncfusion/ej2-data';
 import {SelectionMode,CheckBoxPosition,ToolBarPosition,BeforeItemRenderEventArgs,ListBoxChangeEventArgs,DropEventArgs,DragEventArgs} from "./list-box";
@@ -100,3 +100,3 @@ import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
      * @default true
-
+     * @deprecated
      */
@@ -111,3 +111,3 @@ enabled?: boolean;
      * @default false
-
+     * @deprecated
      */
@@ -114,0 +114,0 @@ enablePersistence?: boolean;

src/list-box/list-box.d.ts

@@ -162,3 +162,3 @@ /// <reference path="../drop-down-base/drop-down-base-model.d.ts" />
      * @default true
-
+     * @deprecated
      */
@@ -172,3 +172,3 @@ enabled: boolean;
      * @default false
-
+     * @deprecated
      */
@@ -175,0 +175,0 @@ enablePersistence: boolean;

src/mention/mention-model.d.ts

@@ -1,2 +0,2 @@
-import { KeyboardEvents, compile, Property, EventHandler, Animation, AnimationModel, KeyboardEventArgs, formatUnit, append, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined, detach, Event, EmitType, Complex, addClass, removeClass, closest, isUndefined, getValue, NotifyPropertyChanges, Browser } from '@syncfusion/ej2-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { FieldSettings, FilteringEventArgs, FilterType } from '../drop-down-base/drop-down-base';import { DropDownBase, PopupEventArgs, SelectEventArgs, BeforeOpenEventArgs, dropDownBaseClasses } from '../drop-down-base/drop-down-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { SortOrder } from '@syncfusion/ej2-lists';import { Popup, isCollide, createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';
+import { KeyboardEvents, compile, Property, EventHandler, Animation, AnimationModel, KeyboardEventArgs, formatUnit, append, attributes } from '@syncfusion/ej2-base';
import { isNullOrUndefined, detach, Event, EmitType, Complex, addClass, removeClass, closest, isUndefined, getValue, NotifyPropertyChanges, Browser } from '@syncfusion/ej2-base';
import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';
import { FieldSettings, FilteringEventArgs, FilterType } from '../drop-down-base/drop-down-base';
import { DropDownBase, PopupEventArgs, SelectEventArgs, BeforeOpenEventArgs, dropDownBaseClasses } from '../drop-down-base/drop-down-base';
import { DataManager, Query } from '@syncfusion/ej2-data';
import { SortOrder } from '@syncfusion/ej2-lists';
import { Popup, isCollide, createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';
import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';
 import {MentionChangeEventArgs} from "./mention";
@@ -3,0 +3,0 @@

src/multi-select/checkbox-selection.js

@@ -285,3 +285,6 @@ import { createCheckBox } from '@syncfusion/ej2-buttons';
                 'autocapitalize': 'off',
-                'spellcheck': 'false'
+                'spellcheck': 'false',
+                'aria-label': 'multiselect',
+                'aria-expanded': 'true',
+                'aria-controls': args.popupElement.id
             });
@@ -288,0 +291,0 @@ this.clearIconElement = this.filterInput.parentElement.querySelector('.' + clearIcon);

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

@@ -1,2 +0,2 @@
-import { DropDownBase, SelectEventArgs, dropDownBaseClasses, PopupEventArgs, FilteringEventArgs } from '../drop-down-base/drop-down-base';import { FocusEventArgs, BeforeOpenEventArgs, FilterType, FieldSettings, ResultData } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { IInput, FloatLabelType, Input } from '@syncfusion/ej2-inputs';import { attributes, setValue, SanitizeHtmlHelper, getValue } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, extend } from '@syncfusion/ej2-base';import { EventHandler, Property, Event, compile, L10n, EmitType, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Animation, AnimationModel, Browser, prepend, Complex } from '@syncfusion/ej2-base';import { Search } from '../common/incremental-search';import { append, addClass, removeClass, closest, detach, remove, select, selectAll } from '@syncfusion/ej2-base';import { getUniqueID, formatUnit, isNullOrUndefined, isUndefined, ModuleDeclaration } from '@syncfusion/ej2-base';import { DataManager, Query, Predicate, JsonAdaptor } from '@syncfusion/ej2-data';import { SortOrder } from '@syncfusion/ej2-lists';import { createFloatLabel, removeFloating, floatLabelFocus, floatLabelBlur, encodePlaceholder } from './float-label';
+import { DropDownBase, SelectEventArgs, dropDownBaseClasses, PopupEventArgs, FilteringEventArgs } from '../drop-down-base/drop-down-base';
import { FocusEventArgs, BeforeOpenEventArgs, FilterType, FieldSettings, ResultData } from '../drop-down-base/drop-down-base';
import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';
import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
import { IInput, FloatLabelType, Input } from '@syncfusion/ej2-inputs';
import { attributes, setValue, SanitizeHtmlHelper, getValue } from '@syncfusion/ej2-base';
import { NotifyPropertyChanges, extend } from '@syncfusion/ej2-base';
import { EventHandler, Property, Event, compile, L10n, EmitType, KeyboardEventArgs } from '@syncfusion/ej2-base';
import { Animation, AnimationModel, Browser, prepend, Complex } from '@syncfusion/ej2-base';
import { Search } from '../common/incremental-search';
import { append, addClass, removeClass, closest, detach, remove, select, selectAll } from '@syncfusion/ej2-base';
import { getUniqueID, formatUnit, isNullOrUndefined, isUndefined, ModuleDeclaration } from '@syncfusion/ej2-base';
import { DataManager, Query, Predicate, JsonAdaptor } from '@syncfusion/ej2-data';
import { SortOrder } from '@syncfusion/ej2-lists';
import { createFloatLabel, removeFloating, floatLabelFocus, floatLabelBlur, encodePlaceholder } from './float-label';
 import {visualMode,MultiSelectChangeEventArgs,RemoveEventArgs,ISelectAllEventArgs,TaggingEventArgs,CustomValueEventArgs} from "./multi-select";
@@ -3,0 +3,0 @@ import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of package files

656

increased by0.92%

Worsened metrics

Total package byte prevSize

13757855

decreased by-12.01%

Lines of code

192594

decreased by-0.08%

Dependency changes

• + Added@syncfusion/ej2-base@24.1.46(transitive)

• + Added@syncfusion/ej2-buttons@24.1.46(transitive)

• + Added@syncfusion/ej2-data@24.1.41(transitive)

• + Added@syncfusion/ej2-icons@24.1.41(transitive)

• + Added@syncfusion/ej2-inputs@24.1.47(transitive)

• + Added@syncfusion/ej2-lists@24.1.46(transitive)

• + Added@syncfusion/ej2-navigations@24.1.46(transitive)

• + Added@syncfusion/ej2-notifications@24.1.41(transitive)

• + Added@syncfusion/ej2-popups@24.1.46(transitive)

• + Added@syncfusion/ej2-splitbuttons@24.1.46(transitive)

• - Removed@syncfusion/ej2-base@23.2.6(transitive)

• - Removed@syncfusion/ej2-buttons@23.2.7(transitive)

• - Removed@syncfusion/ej2-data@23.2.4(transitive)

• - Removed@syncfusion/ej2-icons@23.2.4(transitive)

• - Removed@syncfusion/ej2-inputs@23.2.4(transitive)

• - Removed@syncfusion/ej2-lists@23.2.4(transitive)

• - Removed@syncfusion/ej2-navigations@23.2.7(transitive)

• - Removed@syncfusion/ej2-notifications@23.2.5(transitive)

• - Removed@syncfusion/ej2-popups@23.2.4(transitive)

• - Removed@syncfusion/ej2-splitbuttons@23.2.4(transitive)

• Updated@syncfusion/ej2-base@~24.1.41

• Updated@syncfusion/ej2-data@~24.1.41

• Updated@syncfusion/ej2-inputs@~24.1.41

• Updated@syncfusion/ej2-lists@~24.1.41

• Updated@syncfusion/ej2-navigations@~24.1.41

• Updated@syncfusion/ej2-notifications@~24.1.41

• Updated@syncfusion/ej2-popups@~24.1.41