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

package/@syncfusion/ej2-angular-dropdowns.js

@@ -1,7 +1,7 @@
-import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef, forwardRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef, forwardRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ComponentBase, ComponentMixins, FormBase, Template, setValue } from '@syncfusion/ej2-angular-base';
-import { AutoComplete, CheckBoxSelection, ComboBox, DropDownList, DropDownTree, ListBox, Mention, MultiSelect } from '@syncfusion/ej2-dropdowns';
+import { AutoComplete, CheckBoxSelection, ComboBox, DropDownList, DropDownTree, ListBox, Mention, MultiSelect, VirtualScroll } from '@syncfusion/ej2-dropdowns';
 import { CommonModule } from '@angular/common';
 
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -13,7 +13,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const 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'];
+const 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'];
 const outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
 const twoWays = ['value'];
 /**
@@ -28,16 +28,25 @@ let DropDownListComponent = DropDownListComponent_1 = class DropDownListComponen
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
         super();
         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 {
+            let 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);
         setValue('currentInstance', this, this.viewContainerRef);
@@ -118,6 +127,7 @@ DropDownListComponent.ctorParameters = () => [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ];
 DropDownListComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -161,7 +171,8 @@ DropDownListComponent = DropDownListComponent_1 = __decorate([
     __metadata("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], DropDownListComponent);
 var DropDownListComponent_1;
 
@@ -186,6 +197,7 @@ DropDownListModule.decorators = [
  */
 DropDownListModule.ctorParameters = () => [];
 
+const VirtualScrollService = { provide: 'DropDownsVirtualScroll', useValue: VirtualScroll };
 /**
  * NgModule definition for the DropDownList component with providers.
  */
@@ -197,7 +209,9 @@ DropDownListAllModule.decorators = [
                 exports: [
                     DropDownListModule
                 ],
-                providers: []
+                providers: [
+                    VirtualScrollService
+                ]
             },] },
 ];
 /**
@@ -214,7 +228,7 @@ var __decorate$1 = (this && this.__decorate) || function (decorators, target, ke
 var __metadata$1 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const 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'];
+const 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'];
 const outputs$1 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
 const twoWays$1 = ['value'];
 /**
@@ -229,16 +243,25 @@ let ComboBoxComponent = ComboBoxComponent_1 = class ComboBoxComponent extends Co
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
         super();
         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 {
+            let 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);
         setValue('currentInstance', this, this.viewContainerRef);
@@ -319,6 +342,7 @@ ComboBoxComponent.ctorParameters = () => [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ];
 ComboBoxComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -357,7 +381,8 @@ ComboBoxComponent = ComboBoxComponent_1 = __decorate$1([
     __metadata$1("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], ComboBoxComponent);
 var ComboBoxComponent_1;
 
@@ -410,7 +435,7 @@ var __decorate$2 = (this && this.__decorate) || function (decorators, target, ke
 var __metadata$2 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const 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'];
+const 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'];
 const outputs$2 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select', 'valueChange'];
 const twoWays$2 = ['value'];
 /**
@@ -425,16 +450,25 @@ let AutoCompleteComponent = AutoCompleteComponent_1 = class AutoCompleteComponen
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
         super();
         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 {
+            let 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);
         setValue('currentInstance', this, this.viewContainerRef);
@@ -515,6 +549,7 @@ AutoCompleteComponent.ctorParameters = () => [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ];
 AutoCompleteComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -553,7 +588,8 @@ AutoCompleteComponent = AutoCompleteComponent_1 = __decorate$2([
     __metadata$2("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], AutoCompleteComponent);
 var AutoCompleteComponent_1;
 
@@ -621,13 +657,15 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent e
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
         super();
         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 || [];
@@ -718,6 +756,7 @@ MultiSelectComponent.ctorParameters = () => [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ];
 MultiSelectComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -761,7 +800,8 @@ MultiSelectComponent = MultiSelectComponent_1 = __decorate$3([
     __metadata$3("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], MultiSelectComponent);
 var MultiSelectComponent_1;
 
@@ -832,13 +872,15 @@ let ListBoxComponent = ListBoxComponent_1 = class ListBoxComponent extends ListB
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
         super();
         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 {
@@ -928,6 +970,7 @@ ListBoxComponent.ctorParameters = () => [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ];
 ListBoxComponent.propDecorators = {
     'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
@@ -946,7 +989,8 @@ ListBoxComponent = ListBoxComponent_1 = __decorate$4([
     __metadata$4("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], ListBoxComponent);
 var ListBoxComponent_1;
 
@@ -1014,13 +1058,15 @@ let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponen
      * @param {?} srenderer
      * @param {?} viewContainerRef
      * @param {?} injector
+     * @param {?} cdr
      */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
         super();
         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 || [];
@@ -1104,6 +1150,7 @@ DropDownTreeComponent.ctorParameters = () => [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ];
 DropDownTreeComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -1137,7 +1184,8 @@ DropDownTreeComponent = DropDownTreeComponent_1 = __decorate$5([
     __metadata$5("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], DropDownTreeComponent);
 var DropDownTreeComponent_1;
 
@@ -1337,6 +1385,6 @@ MentionAllModule.ctorParameters = () => [];
  * Generated bundle index. Do not edit.
  */
 
-export { DropDownListComponent, DropDownListModule, DropDownListAllModule, ComboBoxComponent, ComboBoxModule, ComboBoxAllModule, AutoCompleteComponent, AutoCompleteModule, AutoCompleteAllModule, MultiSelectComponent, MultiSelectModule, MultiSelectAllModule, CheckBoxSelectionService, ListBoxComponent, ListBoxModule, ListBoxAllModule, DropDownTreeComponent, DropDownTreeModule, DropDownTreeAllModule, MentionComponent, MentionModule, MentionAllModule, inputs$2 as ɵe, outputs$2 as ɵf, inputs$1 as ɵc, outputs$1 as ɵd, inputs as ɵa, outputs as ɵb, inputs$5 as ɵk, outputs$5 as ɵl, inputs$4 as ɵi, outputs$4 as ɵj, inputs$6 as ɵm, outputs$6 as ɵn, inputs$3 as ɵg, outputs$3 as ɵh };
-export { incrementalSearch, Search, escapeCharRegExp, resetIncrementalSearchValues, highlightSearch, revertHighlightSearch, FieldSettings, dropDownBaseClasses, DropDownBase, dropDownListClasses, DropDownList, Fields, TreeSettings, DropDownTree, ComboBox, AutoComplete, MultiSelect, CheckBoxSelection, createFloatLabel, updateFloatLabelState, removeFloating, setPlaceHolder, floatLabelFocus, floatLabelBlur, encodePlaceholder, SelectionSettings, ToolbarSettings, ListBox, Mention } from '@syncfusion/ej2-dropdowns';
+export { DropDownListComponent, DropDownListModule, DropDownListAllModule, VirtualScrollService, ComboBoxComponent, ComboBoxModule, ComboBoxAllModule, AutoCompleteComponent, AutoCompleteModule, AutoCompleteAllModule, MultiSelectComponent, MultiSelectModule, MultiSelectAllModule, CheckBoxSelectionService, ListBoxComponent, ListBoxModule, ListBoxAllModule, DropDownTreeComponent, DropDownTreeModule, DropDownTreeAllModule, MentionComponent, MentionModule, MentionAllModule, inputs$2 as ɵe, outputs$2 as ɵf, inputs$1 as ɵc, outputs$1 as ɵd, inputs as ɵa, outputs as ɵb, inputs$5 as ɵk, outputs$5 as ɵl, inputs$4 as ɵi, outputs$4 as ɵj, inputs$6 as ɵm, outputs$6 as ɵn, inputs$3 as ɵg, outputs$3 as ɵh };
+export { incrementalSearch, Search, escapeCharRegExp, resetIncrementalSearchValues, highlightSearch, revertHighlightSearch, VirtualScroll, FieldSettings, dropDownBaseClasses, DropDownBase, dropDownListClasses, DropDownList, Fields, TreeSettings, DropDownTree, ComboBox, AutoComplete, MultiSelect, CheckBoxSelection, createFloatLabel, updateFloatLabelState, removeFloating, setPlaceHolder, floatLabelFocus, floatLabelBlur, encodePlaceholder, SelectionSettings, ToolbarSettings, ListBox, Mention } from '@syncfusion/ej2-dropdowns';
 //# sourceMappingURL=ej2-angular-dropdowns.js.map