@syncfusion/ej2-angular-dropdowns 22.2.12-ngcc → 23.1.36-ngcc

package/CHANGELOG.md

@@ -2,163 +2,11 @@
 
 ## [Unreleased]
 
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I483661` - Fixed the issue where the selected value was not displayed correctly when using a character inside the datasource.
-
-## 22.2.11 (2023-08-29)
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#I492834` - An issue with the `noRecordsTemplate` property of the React Dropdown Tree component has been resolved.
-
-### DropDown List
-
-#### Bug Fixes
-
-- `#I490309` - The issue with the `aria-owns` attribute not having the correct `ID` of its popup list element has been fixed.
-
-## 22.2.10 (2023-08-22)
-
-### DropDown List
-
-#### Bug Fixes
-
-- `#I490309` - The issue with the `aria-owns` attribute not having the correct `ID` of its popup list element has been fixed.
-- `#I481443` - Resolved the issue where the "no records" template was not being displayed and a console error occurred.
-
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I479749` - Resolved the issue of "Unable to retrieve preselected variable values that are not present in the data source".
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#F183599` - The issue duplicate child was rendered when using `expanded` field in Dropdown Tree component with Web API adaptor has been resolved.
-
-## 22.2.9 (2023-08-15)
-
-### ComboBox
-
-#### Bug Fixes
-
-- `#483288` - Fixed a script error that occurred when opening the combobox popup in the Internet Explorer browser.
-
-### DropDown List
-
-#### Bug Fixes
-
-- `#I477135` - Fixed a memory leak issue in the Dropdownlist Component.
-- `#I486973` - Fixed an issue where the last selected item in the DropDownList would be retained in the list of items when the data source was changed.
-
-### DropDownList
-
-#### Bug fixes
-
-- `#I461886` - Resolved the issue of multiple requests being sent on the dropdown when clicking on the input.
-
-## 22.2.8 (2023-08-08)
-
-### DropDown List
-
-#### Bug Fixes
-
-- `#I474541` - Fixed an issue where the position of the popup was incorrect when enabling RTL mode.
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I485947` - Issue with "Script error thrown While Drag and Drop in dual ListBox with filtering option in blazor" has been resolved.
-
-## 22.2.5 (2023-07-27)
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#I481958` - The issue with "Child nodes are not rendering while mapping id with object value" has been resolved.
-
-## 22.1.39 (2023-07-18)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I473804` - Issue with "Scroll goes down while dragging the list item when we placed the listbox within popup" has been resolved.
-
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I480443` - Fixed console error that occurred when opening the multiselect in mobile mode
-
-## 22.1.37 (2023-07-04)
-
-### DropdownList
-
-#### Bug Fixes
-
-- `#I472623` - Resolved an issue when the window is resizing the popup position is misaligned
-- `#I467885` - Resolved an issue where the change event was not triggered for dynamically created TextBox after dropdown component was destroyed.
-
-### MultiSelect
-
-#### Bug fixes
-
-- `#F182529` - Resolved the issue with "Component locale noRecordsTemplate not working individually".
-
-## 22.1.36 (2023-06-28)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I473804` - Issue with "Scroll goes down while dragging the list item when we placed the listbox within popup" has been resolved.
-
-## 21.2.10 (2023-06-13)
-
 ### ListBox
 
 #### Bug Fixes
 
 - `#F43705` - Issue with "Dropping selected items does not work correctly while enabling the checkbox in listbox component." has been resolved.
-- `#I462373` - Issue with "Double quotes value not submitted while using the listbox component within the form." has been resolved.
-
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I467953` - Issue with "Query construct incorrectly when preselect the value second time beyond the data source value" has been resolved.
-
-### DropDownList
-
-#### Bug Fixes
-
-- `I469452` - Issue with "A console error is thrown when the datasource value field has a null value in the dropdown list" has been resolved.
-
-## 21.2.8 (2023-05-30)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I462373` - Issue with "Double quotes value not submitted while using the listbox component within the form." has been resolved.
-
-### AutoComplete
-
-#### Bug Fixes
-
-- `#I460876` - Issue with "The header and footer template are not working" has been resolved.
-
-## 21.2.6 (2023-05-23)
 
 ### MultiSelect
 
@@ -166,11 +14,11 @@
 
 - `#I451885` - Resolved the performance issue when multiselect component is rendered with large number of data.
 
-### DropDownList
+### DropdownList
 
 #### Bug Fixes
 
-- `I460077` - Issue with "The popup is not closing properly when the focus is moved between two dropdowns" has been resolved.
+- `#I472623` - Resolved an issue when the window is resizing the popup position is misaligned
 
 ## 21.2.5 (2023-05-16)
 
@@ -178,84 +26,15 @@
 
 #### Bug Fixes
 
-- `#I461307` - Issue with "No Records Template not renders properly when we set the default string in listbox" has been resolved.
-
-### ComboBox
-
-#### Bug Fixes
-
-- `#I452948` - "The memory leak issue detected in the combobox component within the detach element tab of the Edge browser" has been resolved.
-
-## 21.2.4 (2023-05-09)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I453746` - Issue with "Selected items not focusing properly in listbox while using selectItems method" has been resolved.
-- `#I461307` - Issue with "No Records Template not renders properly when we set the default string in listbox" has been resolved.
-
-## 21.2.3 (2023-05-03)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I453746` - Issue with "selectItems doesn't remove the existing selections in the listbox" has been resolved.
-
-## 21.1.41 (2023-04-18)
-
-### ListBox
-
-#### Bug Fixes
-
 - `#F181311` - Issue with "Scrolling is not working while drag and drop the list box with item Template in angular platform" has been resolved.
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#I451965` - While performing filtering multiple times, the checked node state is cleared in the Dropdown Tree component has been resolved.
-
-## 21.1.39 (2023-04-11)
-
-### ListBox
-
-#### Bug Fixes
-
 - `#F181131` - Issue with "No Record Found text disappears while hovering the drag item on list box without drop" has been resolved.
 - `#F181311` - Issue with "Scrolling is not working while drag and drop the list box with item Template" has been resolved.
-
-## 21.1.38 (2023-04-04)
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#I450984` - Resolved issue, when manually select the all items then `SelectAll` state not updated for the Dropdown Tree component.
-
-## 21.1.37 (2023-03-29)
-
-### Mention
-
-#### Bug Fixes
-
-- `#I449973` - Resolved issue where the Mention character would still display after selecting a name from the suggestion list.
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I442262` - Issue with "Script error thrown while using destroy method in change event of list box" has been resolved.
 - `#I445397` - Issue with "Script error thrown when navigate the listbox item in grouping listbox through keyboard navigation" has been resolved.
-
-## 21.1.35 (2023-03-23)
-
-### ListBox
-
-#### Bug Fixes
-
-- `#I409839` - Issue with "Script error thrown while drag and drop after removed the item from listbox using removeItem method" has been resolved.
+- `#I442262` - Issue with "Script error thrown while using destroy method in change event of list box" has been resolved.
+- `#F38636` - Issue with "`selectItems` function doesn't work in listbox when values contain backslashes" has been resolved.
+- `#F424252` - Issue with "Data source not update properly when we filtering and clicking move All button in listbox toolbar sample" has been resolved.
+- `#I423072` - Issue with "`actionBegin` event argument not passes the filtered item properly while filtering and clicking move All button in listbox toolbar sample" has been resolved.
+- `#F37860` - Issue with "Command button not working properly for multiselect in ListBox in Mac" has been resolved.
 
 ### DropDownList
 
@@ -2349,14 +2128,6 @@ DropDownList component contains a list of predefined values from which a single
 - **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.
 
 
-## 22.1.34 (2023-06-21)
-
-### MultiSelect
-
-#### Bug fixes
-
-- `#I463710` - The issue with "select all" not being accessible via keyboard and the focus being moved to the filter input after selecting a list item in checkbox mode has been resolved.
-
 ## 19.4.38 (2021-12-17)
 
 ### ComboBox

package/dist/ej2-angular-dropdowns.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-dropdowns.umd.js
-*  version : 22.2.12
+*  version : 23.1.36
 *  Copyright Syncfusion Inc. 2001 - 2020. 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
@@ -37,7 +37,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs = ['actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
+var inputs = ['actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
 var outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
 var twoWays = ['value'];
 /**
@@ -53,16 +53,25 @@ exports.DropDownListComponent = DropDownListComponent_1 = /** @class */ (functio
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    function DropDownListComponent(ngEle, srenderer, viewContainerRef, injector) {
+    function DropDownListComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
         _this.srenderer = srenderer;
         _this.viewContainerRef = viewContainerRef;
         _this.injector = injector;
+        _this.cdr = cdr;
         _this.skipFromEvent = true;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
+        try {
+            var mod = _this.injector.get('DropDownsVirtualScroll');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
         _this.registerEvents(outputs);
         _this.addTwoWay.call(_this, twoWays);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
@@ -145,6 +154,7 @@ exports.DropDownListComponent.ctorParameters = function () { return [
     { type: core.Renderer2, },
     { type: core.ViewContainerRef, },
     { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
 ]; };
 exports.DropDownListComponent.propDecorators = {
     'footerTemplate': [{ type: core.ContentChild, args: ['footerTemplate',] },],
@@ -188,7 +198,8 @@ exports.DropDownListComponent = DropDownListComponent_1 = __decorate([
     __metadata("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
-        core.Injector])
+        core.Injector,
+        core.ChangeDetectorRef])
 ], exports.DropDownListComponent);
 var DropDownListComponent_1;
 /**
@@ -214,6 +225,7 @@ DropDownListModule.decorators = [
  * @nocollapse
  */
 DropDownListModule.ctorParameters = function () { return []; };
+var VirtualScrollService = { provide: 'DropDownsVirtualScroll', useValue: ej2Dropdowns.VirtualScroll };
 /**
  * NgModule definition for the DropDownList component with providers.
  */
@@ -228,7 +240,9 @@ DropDownListAllModule.decorators = [
                 exports: [
                     DropDownListModule
                 ],
-                providers: []
+                providers: [
+                    VirtualScrollService
+                ]
             },] },
 ];
 /**
@@ -249,7 +263,7 @@ var __metadata$1 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$1 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
+var inputs$1 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
 var outputs$1 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
 var twoWays$1 = ['value'];
 /**
@@ -265,16 +279,25 @@ exports.ComboBoxComponent = ComboBoxComponent_1 = /** @class */ (function (_supe
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    function ComboBoxComponent(ngEle, srenderer, viewContainerRef, injector) {
+    function ComboBoxComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
         _this.srenderer = srenderer;
         _this.viewContainerRef = viewContainerRef;
         _this.injector = injector;
+        _this.cdr = cdr;
         _this.skipFromEvent = true;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
+        try {
+            var mod = _this.injector.get('DropDownsVirtualScroll');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
         _this.registerEvents(outputs$1);
         _this.addTwoWay.call(_this, twoWays$1);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
@@ -357,6 +380,7 @@ exports.ComboBoxComponent.ctorParameters = function () { return [
     { type: core.Renderer2, },
     { type: core.ViewContainerRef, },
     { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
 ]; };
 exports.ComboBoxComponent.propDecorators = {
     'footerTemplate': [{ type: core.ContentChild, args: ['footerTemplate',] },],
@@ -395,7 +419,8 @@ exports.ComboBoxComponent = ComboBoxComponent_1 = __decorate$1([
     __metadata$1("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
-        core.Injector])
+        core.Injector,
+        core.ChangeDetectorRef])
 ], exports.ComboBoxComponent);
 var ComboBoxComponent_1;
 /**
@@ -456,7 +481,7 @@ var __metadata$2 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$2 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
+var inputs$2 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex'];
 var outputs$2 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
 var twoWays$2 = ['value'];
 /**
@@ -472,16 +497,25 @@ exports.AutoCompleteComponent = AutoCompleteComponent_1 = /** @class */ (functio
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    function AutoCompleteComponent(ngEle, srenderer, viewContainerRef, injector) {
+    function AutoCompleteComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
         _this.srenderer = srenderer;
         _this.viewContainerRef = viewContainerRef;
         _this.injector = injector;
+        _this.cdr = cdr;
         _this.skipFromEvent = true;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
+        try {
+            var mod = _this.injector.get('DropDownsVirtualScroll');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
         _this.registerEvents(outputs$2);
         _this.addTwoWay.call(_this, twoWays$2);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
@@ -564,6 +598,7 @@ exports.AutoCompleteComponent.ctorParameters = function () { return [
     { type: core.Renderer2, },
     { type: core.ViewContainerRef, },
     { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
 ]; };
 exports.AutoCompleteComponent.propDecorators = {
     'footerTemplate': [{ type: core.ContentChild, args: ['footerTemplate',] },],
@@ -602,7 +637,8 @@ exports.AutoCompleteComponent = AutoCompleteComponent_1 = __decorate$2([
     __metadata$2("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
-        core.Injector])
+        core.Injector,
+        core.ChangeDetectorRef])
 ], exports.AutoCompleteComponent);
 var AutoCompleteComponent_1;
 /**
@@ -679,13 +715,15 @@ exports.MultiSelectComponent = MultiSelectComponent_1 = /** @class */ (function
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    function MultiSelectComponent(ngEle, srenderer, viewContainerRef, injector) {
+    function MultiSelectComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
         _this.srenderer = srenderer;
         _this.viewContainerRef = viewContainerRef;
         _this.injector = injector;
+        _this.cdr = cdr;
         _this.skipFromEvent = true;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
@@ -778,6 +816,7 @@ exports.MultiSelectComponent.ctorParameters = function () { return [
     { type: core.Renderer2, },
     { type: core.ViewContainerRef, },
     { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
 ]; };
 exports.MultiSelectComponent.propDecorators = {
     'footerTemplate': [{ type: core.ContentChild, args: ['footerTemplate',] },],
@@ -821,7 +860,8 @@ exports.MultiSelectComponent = MultiSelectComponent_1 = __decorate$3([
     __metadata$3("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
-        core.Injector])
+        core.Injector,
+        core.ChangeDetectorRef])
 ], exports.MultiSelectComponent);
 var MultiSelectComponent_1;
 /**
@@ -901,13 +941,15 @@ exports.ListBoxComponent = ListBoxComponent_1 = /** @class */ (function (_super)
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    function ListBoxComponent(ngEle, srenderer, viewContainerRef, injector) {
+    function ListBoxComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
         _this.srenderer = srenderer;
         _this.viewContainerRef = viewContainerRef;
         _this.injector = injector;
+        _this.cdr = cdr;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
         try {
@@ -999,6 +1041,7 @@ exports.ListBoxComponent.ctorParameters = function () { return [
     { type: core.Renderer2, },
     { type: core.ViewContainerRef, },
     { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
 ]; };
 exports.ListBoxComponent.propDecorators = {
     'itemTemplate': [{ type: core.ContentChild, args: ['itemTemplate',] },],
@@ -1017,7 +1060,8 @@ exports.ListBoxComponent = ListBoxComponent_1 = __decorate$4([
     __metadata$4("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
-        core.Injector])
+        core.Injector,
+        core.ChangeDetectorRef])
 ], exports.ListBoxComponent);
 var ListBoxComponent_1;
 /**
@@ -1094,13 +1138,15 @@ exports.DropDownTreeComponent = DropDownTreeComponent_1 = /** @class */ (functio
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    function DropDownTreeComponent(ngEle, srenderer, viewContainerRef, injector) {
+    function DropDownTreeComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
         _this.srenderer = srenderer;
         _this.viewContainerRef = viewContainerRef;
         _this.injector = injector;
+        _this.cdr = cdr;
         _this.skipFromEvent = true;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
@@ -1186,6 +1232,7 @@ exports.DropDownTreeComponent.ctorParameters = function () { return [
     { type: core.Renderer2, },
     { type: core.ViewContainerRef, },
     { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
 ]; };
 exports.DropDownTreeComponent.propDecorators = {
     'footerTemplate': [{ type: core.ContentChild, args: ['footerTemplate',] },],
@@ -1219,7 +1266,8 @@ exports.DropDownTreeComponent = DropDownTreeComponent_1 = __decorate$5([
     __metadata$5("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
-        core.Injector])
+        core.Injector,
+        core.ChangeDetectorRef])
 ], exports.DropDownTreeComponent);
 var DropDownTreeComponent_1;
 /**
@@ -1432,6 +1480,7 @@ MentionAllModule.ctorParameters = function () { return []; };
 
 exports.DropDownListModule = DropDownListModule;
 exports.DropDownListAllModule = DropDownListAllModule;
+exports.VirtualScrollService = VirtualScrollService;
 exports.ComboBoxModule = ComboBoxModule;
 exports.ComboBoxAllModule = ComboBoxAllModule;
 exports.AutoCompleteModule = AutoCompleteModule;
@@ -1465,6 +1514,7 @@ exports.escapeCharRegExp = ej2Dropdowns.escapeCharRegExp;
 exports.resetIncrementalSearchValues = ej2Dropdowns.resetIncrementalSearchValues;
 exports.highlightSearch = ej2Dropdowns.highlightSearch;
 exports.revertHighlightSearch = ej2Dropdowns.revertHighlightSearch;
+exports.VirtualScroll = ej2Dropdowns.VirtualScroll;
 exports.FieldSettings = ej2Dropdowns.FieldSettings;
 exports.dropDownBaseClasses = ej2Dropdowns.dropDownBaseClasses;
 exports.DropDownBase = ej2Dropdowns.DropDownBase;