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

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

@@ -8,10 +8,10 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-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) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -27,7 +27,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'];
 /**
@@ -43,16 +43,25 @@ var DropDownListComponent = DropDownListComponent_1 = /** @class */ (function (_
      * @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);
         setValue('currentInstance', _this, _this.viewContainerRef);
@@ -135,6 +144,7 @@ DropDownListComponent.ctorParameters = function () { return [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ]; };
 DropDownListComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -178,7 +188,8 @@ DropDownListComponent = DropDownListComponent_1 = __decorate([
     __metadata("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], DropDownListComponent);
 var DropDownListComponent_1;
 /**
@@ -204,6 +215,7 @@ DropDownListModule.decorators = [
  * @nocollapse
  */
 DropDownListModule.ctorParameters = function () { return []; };
+var VirtualScrollService = { provide: 'DropDownsVirtualScroll', useValue: VirtualScroll };
 /**
  * NgModule definition for the DropDownList component with providers.
  */
@@ -218,7 +230,9 @@ DropDownListAllModule.decorators = [
                 exports: [
                     DropDownListModule
                 ],
-                providers: []
+                providers: [
+                    VirtualScrollService
+                ]
             },] },
 ];
 /**
@@ -239,7 +253,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'];
 /**
@@ -255,16 +269,25 @@ var ComboBoxComponent = ComboBoxComponent_1 = /** @class */ (function (_super) {
      * @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);
         setValue('currentInstance', _this, _this.viewContainerRef);
@@ -347,6 +370,7 @@ ComboBoxComponent.ctorParameters = function () { return [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ]; };
 ComboBoxComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -385,7 +409,8 @@ ComboBoxComponent = ComboBoxComponent_1 = __decorate$1([
     __metadata$1("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], ComboBoxComponent);
 var ComboBoxComponent_1;
 /**
@@ -446,7 +471,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'];
 /**
@@ -462,16 +487,25 @@ var AutoCompleteComponent = AutoCompleteComponent_1 = /** @class */ (function (_
      * @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);
         setValue('currentInstance', _this, _this.viewContainerRef);
@@ -554,6 +588,7 @@ AutoCompleteComponent.ctorParameters = function () { return [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ]; };
 AutoCompleteComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -592,7 +627,8 @@ AutoCompleteComponent = AutoCompleteComponent_1 = __decorate$2([
     __metadata$2("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], AutoCompleteComponent);
 var AutoCompleteComponent_1;
 /**
@@ -669,13 +705,15 @@ var MultiSelectComponent = MultiSelectComponent_1 = /** @class */ (function (_su
      * @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 || [];
@@ -768,6 +806,7 @@ MultiSelectComponent.ctorParameters = function () { return [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ]; };
 MultiSelectComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -811,7 +850,8 @@ MultiSelectComponent = MultiSelectComponent_1 = __decorate$3([
     __metadata$3("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], MultiSelectComponent);
 var MultiSelectComponent_1;
 /**
@@ -891,13 +931,15 @@ var 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 {
@@ -989,6 +1031,7 @@ ListBoxComponent.ctorParameters = function () { return [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ]; };
 ListBoxComponent.propDecorators = {
     'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
@@ -1007,7 +1050,8 @@ ListBoxComponent = ListBoxComponent_1 = __decorate$4([
     __metadata$4("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], ListBoxComponent);
 var ListBoxComponent_1;
 /**
@@ -1084,13 +1128,15 @@ var DropDownTreeComponent = DropDownTreeComponent_1 = /** @class */ (function (_
      * @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 || [];
@@ -1176,6 +1222,7 @@ DropDownTreeComponent.ctorParameters = function () { return [
     { type: Renderer2, },
     { type: ViewContainerRef, },
     { type: Injector, },
+    { type: ChangeDetectorRef, },
 ]; };
 DropDownTreeComponent.propDecorators = {
     'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
@@ -1209,7 +1256,8 @@ DropDownTreeComponent = DropDownTreeComponent_1 = __decorate$5([
     __metadata$5("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
-        Injector])
+        Injector,
+        ChangeDetectorRef])
 ], DropDownTreeComponent);
 var DropDownTreeComponent_1;
 /**
@@ -1422,6 +1470,6 @@ MentionAllModule.ctorParameters = function () { return []; };
 /**
  * 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.es5.js.map