@syncfusion/ej2-angular-dropdowns 29.2.11-ngcc → 30.1.37-ngcc

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

@@ -4,1397 +4,1397 @@ import { ComponentBase, ComponentMixins, FormBase, Template, setValue } from '@s
 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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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', 'allowObjectBinding', 'allowResize', 'cssClass', 'dataSource', 'debounceDelay', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'isDeviceFullScreen', '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', 'resizeStart', 'resizeStop', 'resizing', 'select', 'valueChange'];
-const twoWays = ['value'];
-/**
- * The DropDownList component contains a list of predefined values, from which the user can choose a single value.
- * ```html
- * <ejs-dropdownlist></ejs-dropdownlist>
- * ```
- */
-let DropDownListComponent = DropDownListComponent_1 = class DropDownListComponent extends DropDownList {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     * @param {?} cdr
-     */
-    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);
-        this.formContext = new FormBase();
-        this.formCompContext = new ComponentBase();
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnChange(registerFunction) {
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnTouched(registerFunction) {
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-    }
-    /**
-     * @param {?} disabled
-     * @return {?}
-     */
-    setDisabledState(disabled) {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.formCompContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.formContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.formCompContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.formCompContext.ngAfterContentChecked(this);
-    }
-};
-DropDownListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-dropdownlist',
-                inputs: inputs,
-                outputs: outputs,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => DropDownListComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-DropDownListComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-DropDownListComponent.propDecorators = {
-    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
-    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
-    'valueTemplate': [{ type: ContentChild, args: ['valueTemplate',] },],
-    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
-    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
-};
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], DropDownListComponent.prototype, "footerTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], DropDownListComponent.prototype, "headerTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], DropDownListComponent.prototype, "valueTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], DropDownListComponent.prototype, "groupTemplate", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], DropDownListComponent.prototype, "itemTemplate", void 0);
-__decorate([
-    Template('No records found'),
-    __metadata("design:type", Object)
-], DropDownListComponent.prototype, "noRecordsTemplate", void 0);
-__decorate([
-    Template('Request failed'),
-    __metadata("design:type", Object)
-], DropDownListComponent.prototype, "actionFailureTemplate", void 0);
-DropDownListComponent = DropDownListComponent_1 = __decorate([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], DropDownListComponent);
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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', 'allowObjectBinding', 'allowResize', 'cssClass', 'dataSource', 'debounceDelay', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'isDeviceFullScreen', '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', 'resizeStart', 'resizeStop', 'resizing', 'select', 'valueChange'];
+const twoWays = ['value'];
+/**
+ * The DropDownList component contains a list of predefined values, from which the user can choose a single value.
+ * ```html
+ * <ejs-dropdownlist></ejs-dropdownlist>
+ * ```
+ */
+let DropDownListComponent = DropDownListComponent_1 = class DropDownListComponent extends DropDownList {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    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);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnChange(registerFunction) {
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnTouched(registerFunction) {
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+    }
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    setDisabledState(disabled) {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+DropDownListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-dropdownlist',
+                inputs: inputs,
+                outputs: outputs,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => DropDownListComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+DropDownListComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+DropDownListComponent.propDecorators = {
+    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+    'valueTemplate': [{ type: ContentChild, args: ['valueTemplate',] },],
+    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], DropDownListComponent.prototype, "footerTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], DropDownListComponent.prototype, "headerTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], DropDownListComponent.prototype, "valueTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], DropDownListComponent.prototype, "groupTemplate", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], DropDownListComponent.prototype, "itemTemplate", void 0);
+__decorate([
+    Template('No records found'),
+    __metadata("design:type", Object)
+], DropDownListComponent.prototype, "noRecordsTemplate", void 0);
+__decorate([
+    Template('Request failed'),
+    __metadata("design:type", Object)
+], DropDownListComponent.prototype, "actionFailureTemplate", void 0);
+DropDownListComponent = DropDownListComponent_1 = __decorate([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], DropDownListComponent);
 var DropDownListComponent_1;
 
-/**
- * NgModule definition for the DropDownList component.
- */
-class DropDownListModule {
-}
-DropDownListModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    DropDownListComponent
-                ],
-                exports: [
-                    DropDownListComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the DropDownList component.
+ */
+class DropDownListModule {
+}
+DropDownListModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    DropDownListComponent
+                ],
+                exports: [
+                    DropDownListComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 DropDownListModule.ctorParameters = () => [];
 
-const VirtualScrollService = { provide: 'DropDownsVirtualScroll', useValue: VirtualScroll };
-/**
- * NgModule definition for the DropDownList component with providers.
- */
-class DropDownListAllModule {
-}
-DropDownListAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, DropDownListModule],
-                exports: [
-                    DropDownListModule
-                ],
-                providers: [
-                    VirtualScrollService
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+const VirtualScrollService = { provide: 'DropDownsVirtualScroll', useValue: VirtualScroll };
+/**
+ * NgModule definition for the DropDownList component with providers.
+ */
+class DropDownListAllModule {
+}
+DropDownListAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, DropDownListModule],
+                exports: [
+                    DropDownListModule
+                ],
+                providers: [
+                    VirtualScrollService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 DropDownListAllModule.ctorParameters = () => [];
 
-var __decorate$1 = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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', 'allowObjectBinding', 'allowResize', 'autofill', 'cssClass', 'dataSource', 'debounceDelay', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'isDeviceFullScreen', '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', 'resizeStart', 'resizeStop', 'resizing', 'select', 'valueChange'];
-const twoWays$1 = ['value'];
-/**
- * The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
- * ```html
- * <ejs-combobox></ejs-combobox>
- * ```
- */
-let ComboBoxComponent = ComboBoxComponent_1 = class ComboBoxComponent extends ComboBox {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     * @param {?} cdr
-     */
-    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);
-        this.formContext = new FormBase();
-        this.formCompContext = new ComponentBase();
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnChange(registerFunction) {
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnTouched(registerFunction) {
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-    }
-    /**
-     * @param {?} disabled
-     * @return {?}
-     */
-    setDisabledState(disabled) {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.formCompContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.formContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.formCompContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.formCompContext.ngAfterContentChecked(this);
-    }
-};
-ComboBoxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-combobox',
-                inputs: inputs$1,
-                outputs: outputs$1,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => ComboBoxComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ComboBoxComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-ComboBoxComponent.propDecorators = {
-    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
-    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
-    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
-    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
-};
-__decorate$1([
-    Template(),
-    __metadata$1("design:type", Object)
-], ComboBoxComponent.prototype, "footerTemplate", void 0);
-__decorate$1([
-    Template(),
-    __metadata$1("design:type", Object)
-], ComboBoxComponent.prototype, "headerTemplate", void 0);
-__decorate$1([
-    Template(),
-    __metadata$1("design:type", Object)
-], ComboBoxComponent.prototype, "groupTemplate", void 0);
-__decorate$1([
-    Template(),
-    __metadata$1("design:type", Object)
-], ComboBoxComponent.prototype, "itemTemplate", void 0);
-__decorate$1([
-    Template('No records found'),
-    __metadata$1("design:type", Object)
-], ComboBoxComponent.prototype, "noRecordsTemplate", void 0);
-__decorate$1([
-    Template('Request failed'),
-    __metadata$1("design:type", Object)
-], ComboBoxComponent.prototype, "actionFailureTemplate", void 0);
-ComboBoxComponent = ComboBoxComponent_1 = __decorate$1([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$1("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], ComboBoxComponent);
+var __decorate$1 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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', 'allowObjectBinding', 'allowResize', 'autofill', 'cssClass', 'dataSource', 'debounceDelay', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'isDeviceFullScreen', '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', 'resizeStart', 'resizeStop', 'resizing', 'select', 'valueChange'];
+const twoWays$1 = ['value'];
+/**
+ * The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
+ * ```html
+ * <ejs-combobox></ejs-combobox>
+ * ```
+ */
+let ComboBoxComponent = ComboBoxComponent_1 = class ComboBoxComponent extends ComboBox {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    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);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnChange(registerFunction) {
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnTouched(registerFunction) {
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+    }
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    setDisabledState(disabled) {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+ComboBoxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-combobox',
+                inputs: inputs$1,
+                outputs: outputs$1,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => ComboBoxComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ComboBoxComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+ComboBoxComponent.propDecorators = {
+    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
+};
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], ComboBoxComponent.prototype, "footerTemplate", void 0);
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], ComboBoxComponent.prototype, "headerTemplate", void 0);
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], ComboBoxComponent.prototype, "groupTemplate", void 0);
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], ComboBoxComponent.prototype, "itemTemplate", void 0);
+__decorate$1([
+    Template('No records found'),
+    __metadata$1("design:type", Object)
+], ComboBoxComponent.prototype, "noRecordsTemplate", void 0);
+__decorate$1([
+    Template('Request failed'),
+    __metadata$1("design:type", Object)
+], ComboBoxComponent.prototype, "actionFailureTemplate", void 0);
+ComboBoxComponent = ComboBoxComponent_1 = __decorate$1([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$1("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], ComboBoxComponent);
 var ComboBoxComponent_1;
 
-/**
- * NgModule definition for the ComboBox component.
- */
-class ComboBoxModule {
-}
-ComboBoxModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    ComboBoxComponent
-                ],
-                exports: [
-                    ComboBoxComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ComboBox component.
+ */
+class ComboBoxModule {
+}
+ComboBoxModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ComboBoxComponent
+                ],
+                exports: [
+                    ComboBoxComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ComboBoxModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the ComboBox component with providers.
- */
-class ComboBoxAllModule {
-}
-ComboBoxAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ComboBoxModule],
-                exports: [
-                    ComboBoxModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ComboBox component with providers.
+ */
+class ComboBoxAllModule {
+}
+ComboBoxAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ComboBoxModule],
+                exports: [
+                    ComboBoxModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ComboBoxAllModule.ctorParameters = () => [];
 
-var __decorate$2 = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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', 'allowObjectBinding', 'allowResize', 'autofill', 'cssClass', 'dataSource', 'debounceDelay', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'isDeviceFullScreen', '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', 'resizeStart', 'resizeStop', 'resizing', 'select', 'valueChange'];
-const twoWays$2 = ['value'];
-/**
- * The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
- * ```html
- * <ejs-autocomplete></ejs-autocomplete>
- * ```
- */
-let AutoCompleteComponent = AutoCompleteComponent_1 = class AutoCompleteComponent extends AutoComplete {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     * @param {?} cdr
-     */
-    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);
-        this.formContext = new FormBase();
-        this.formCompContext = new ComponentBase();
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnChange(registerFunction) {
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnTouched(registerFunction) {
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-    }
-    /**
-     * @param {?} disabled
-     * @return {?}
-     */
-    setDisabledState(disabled) {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.formCompContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.formContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.formCompContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.formCompContext.ngAfterContentChecked(this);
-    }
-};
-AutoCompleteComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-autocomplete',
-                inputs: inputs$2,
-                outputs: outputs$2,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => AutoCompleteComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-AutoCompleteComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-AutoCompleteComponent.propDecorators = {
-    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
-    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
-    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
-    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
-};
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], AutoCompleteComponent.prototype, "footerTemplate", void 0);
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], AutoCompleteComponent.prototype, "headerTemplate", void 0);
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], AutoCompleteComponent.prototype, "groupTemplate", void 0);
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], AutoCompleteComponent.prototype, "itemTemplate", void 0);
-__decorate$2([
-    Template('No records found'),
-    __metadata$2("design:type", Object)
-], AutoCompleteComponent.prototype, "noRecordsTemplate", void 0);
-__decorate$2([
-    Template('Request failed'),
-    __metadata$2("design:type", Object)
-], AutoCompleteComponent.prototype, "actionFailureTemplate", void 0);
-AutoCompleteComponent = AutoCompleteComponent_1 = __decorate$2([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$2("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], AutoCompleteComponent);
+var __decorate$2 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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', 'allowObjectBinding', 'allowResize', 'autofill', 'cssClass', 'dataSource', 'debounceDelay', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'isDeviceFullScreen', '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', 'resizeStart', 'resizeStop', 'resizing', 'select', 'valueChange'];
+const twoWays$2 = ['value'];
+/**
+ * The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
+ * ```html
+ * <ejs-autocomplete></ejs-autocomplete>
+ * ```
+ */
+let AutoCompleteComponent = AutoCompleteComponent_1 = class AutoCompleteComponent extends AutoComplete {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    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);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnChange(registerFunction) {
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnTouched(registerFunction) {
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+    }
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    setDisabledState(disabled) {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+AutoCompleteComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-autocomplete',
+                inputs: inputs$2,
+                outputs: outputs$2,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => AutoCompleteComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AutoCompleteComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+AutoCompleteComponent.propDecorators = {
+    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
+};
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], AutoCompleteComponent.prototype, "footerTemplate", void 0);
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], AutoCompleteComponent.prototype, "headerTemplate", void 0);
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], AutoCompleteComponent.prototype, "groupTemplate", void 0);
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], AutoCompleteComponent.prototype, "itemTemplate", void 0);
+__decorate$2([
+    Template('No records found'),
+    __metadata$2("design:type", Object)
+], AutoCompleteComponent.prototype, "noRecordsTemplate", void 0);
+__decorate$2([
+    Template('Request failed'),
+    __metadata$2("design:type", Object)
+], AutoCompleteComponent.prototype, "actionFailureTemplate", void 0);
+AutoCompleteComponent = AutoCompleteComponent_1 = __decorate$2([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$2("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], AutoCompleteComponent);
 var AutoCompleteComponent_1;
 
-/**
- * NgModule definition for the AutoComplete component.
- */
-class AutoCompleteModule {
-}
-AutoCompleteModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    AutoCompleteComponent
-                ],
-                exports: [
-                    AutoCompleteComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the AutoComplete component.
+ */
+class AutoCompleteModule {
+}
+AutoCompleteModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    AutoCompleteComponent
+                ],
+                exports: [
+                    AutoCompleteComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AutoCompleteModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the AutoComplete component with providers.
- */
-class AutoCompleteAllModule {
-}
-AutoCompleteAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, AutoCompleteModule],
-                exports: [
-                    AutoCompleteModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the AutoComplete component with providers.
+ */
+class AutoCompleteAllModule {
+}
+AutoCompleteAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, AutoCompleteModule],
+                exports: [
+                    AutoCompleteModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AutoCompleteAllModule.ctorParameters = () => [];
 
-var __decorate$3 = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$3 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$3 = ['actionFailureTemplate', 'addTagOnBlur', 'allowCustomValue', 'allowFiltering', 'allowObjectBinding', 'allowResize', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'debounceDelay', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'isDeviceFullScreen', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex'];
-const outputs$3 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'beforeSelectAll', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'resizeStart', 'resizeStop', 'resizing', 'select', 'selectedAll', 'tagging', 'valueChange'];
-const twoWays$3 = ['value'];
-/**
- * The MultiSelect allows the user to pick a values from the predefined list of values.
- * ```html
- * <ejs-multiselect></ejs-multiselect>
- * ```
- */
-let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent extends MultiSelect {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     * @param {?} cdr
-     */
-    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('DropDownsCheckBoxSelection');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_a) { }
-        try {
-            let mod = this.injector.get('DropDownsVirtualScroll');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_b) { }
-        this.registerEvents(outputs$3);
-        this.addTwoWay.call(this, twoWays$3);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.formContext = new FormBase();
-        this.formCompContext = new ComponentBase();
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnChange(registerFunction) {
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnTouched(registerFunction) {
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-    }
-    /**
-     * @param {?} disabled
-     * @return {?}
-     */
-    setDisabledState(disabled) {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.formCompContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.formContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.formCompContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.formCompContext.ngAfterContentChecked(this);
-    }
-};
-MultiSelectComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-multiselect',
-                inputs: inputs$3,
-                outputs: outputs$3,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => MultiSelectComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-MultiSelectComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-MultiSelectComponent.propDecorators = {
-    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
-    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
-    'valueTemplate': [{ type: ContentChild, args: ['valueTemplate',] },],
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
-    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
-    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
-};
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], MultiSelectComponent.prototype, "footerTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], MultiSelectComponent.prototype, "headerTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], MultiSelectComponent.prototype, "valueTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], MultiSelectComponent.prototype, "itemTemplate", void 0);
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], MultiSelectComponent.prototype, "groupTemplate", void 0);
-__decorate$3([
-    Template('No records found'),
-    __metadata$3("design:type", Object)
-], MultiSelectComponent.prototype, "noRecordsTemplate", void 0);
-__decorate$3([
-    Template('Request failed'),
-    __metadata$3("design:type", Object)
-], MultiSelectComponent.prototype, "actionFailureTemplate", void 0);
-MultiSelectComponent = MultiSelectComponent_1 = __decorate$3([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$3("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], MultiSelectComponent);
+var __decorate$3 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$3 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$3 = ['actionFailureTemplate', 'addTagOnBlur', 'allowCustomValue', 'allowFiltering', 'allowObjectBinding', 'allowResize', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'debounceDelay', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'isDeviceFullScreen', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex'];
+const outputs$3 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'beforeSelectAll', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'resizeStart', 'resizeStop', 'resizing', 'select', 'selectedAll', 'tagging', 'valueChange'];
+const twoWays$3 = ['value'];
+/**
+ * The MultiSelect allows the user to pick a values from the predefined list of values.
+ * ```html
+ * <ejs-multiselect></ejs-multiselect>
+ * ```
+ */
+let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent extends MultiSelect {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    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('DropDownsCheckBoxSelection');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            let mod = this.injector.get('DropDownsVirtualScroll');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        this.registerEvents(outputs$3);
+        this.addTwoWay.call(this, twoWays$3);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnChange(registerFunction) {
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnTouched(registerFunction) {
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+    }
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    setDisabledState(disabled) {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+MultiSelectComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-multiselect',
+                inputs: inputs$3,
+                outputs: outputs$3,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => MultiSelectComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MultiSelectComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+MultiSelectComponent.propDecorators = {
+    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+    'valueTemplate': [{ type: ContentChild, args: ['valueTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
+};
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], MultiSelectComponent.prototype, "footerTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], MultiSelectComponent.prototype, "headerTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], MultiSelectComponent.prototype, "valueTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], MultiSelectComponent.prototype, "itemTemplate", void 0);
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], MultiSelectComponent.prototype, "groupTemplate", void 0);
+__decorate$3([
+    Template('No records found'),
+    __metadata$3("design:type", Object)
+], MultiSelectComponent.prototype, "noRecordsTemplate", void 0);
+__decorate$3([
+    Template('Request failed'),
+    __metadata$3("design:type", Object)
+], MultiSelectComponent.prototype, "actionFailureTemplate", void 0);
+MultiSelectComponent = MultiSelectComponent_1 = __decorate$3([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$3("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], MultiSelectComponent);
 var MultiSelectComponent_1;
 
-/**
- * NgModule definition for the MultiSelect component.
- */
-class MultiSelectModule {
-}
-MultiSelectModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    MultiSelectComponent
-                ],
-                exports: [
-                    MultiSelectComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the MultiSelect component.
+ */
+class MultiSelectModule {
+}
+MultiSelectModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    MultiSelectComponent
+                ],
+                exports: [
+                    MultiSelectComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MultiSelectModule.ctorParameters = () => [];
 
-const CheckBoxSelectionService = { provide: 'DropDownsCheckBoxSelection', useValue: CheckBoxSelection };
-/**
- * NgModule definition for the MultiSelect component with providers.
- */
-class MultiSelectAllModule {
-}
-MultiSelectAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MultiSelectModule],
-                exports: [
-                    MultiSelectModule
-                ],
-                providers: [
-                    CheckBoxSelectionService
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+const CheckBoxSelectionService = { provide: 'DropDownsCheckBoxSelection', useValue: CheckBoxSelection };
+/**
+ * NgModule definition for the MultiSelect component with providers.
+ */
+class MultiSelectAllModule {
+}
+MultiSelectAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MultiSelectModule],
+                exports: [
+                    MultiSelectModule
+                ],
+                providers: [
+                    CheckBoxSelectionService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MultiSelectAllModule.ctorParameters = () => [];
 
-var __decorate$4 = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$4 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$4 = ['actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex'];
-const outputs$4 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select', 'valueChange'];
-const twoWays$4 = ['value'];
-/**
- * The ListBox allows the user to select values from the predefined list of values.
- * ```html
- * <ejs-listbox [dataSource]='data'></ejs-listbox>
- * ```
- */
-let ListBoxComponent = ListBoxComponent_1 = class ListBoxComponent extends ListBox {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     * @param {?} cdr
-     */
-    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 {
-            let mod = this.injector.get('DropDownsCheckBoxSelection');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_a) { }
-        this.registerEvents(outputs$4);
-        this.addTwoWay.call(this, twoWays$4);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.formContext = new FormBase();
-        this.formCompContext = new ComponentBase();
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnChange(registerFunction) {
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnTouched(registerFunction) {
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-    }
-    /**
-     * @param {?} disabled
-     * @return {?}
-     */
-    setDisabledState(disabled) {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.formCompContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.formContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.formCompContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.formCompContext.ngAfterContentChecked(this);
-    }
-};
-ListBoxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-listbox',
-                inputs: inputs$4,
-                outputs: outputs$4,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => ListBoxComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ListBoxComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-ListBoxComponent.propDecorators = {
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
-};
-__decorate$4([
-    Template(),
-    __metadata$4("design:type", Object)
-], ListBoxComponent.prototype, "itemTemplate", void 0);
-__decorate$4([
-    Template('No records found'),
-    __metadata$4("design:type", Object)
-], ListBoxComponent.prototype, "noRecordsTemplate", void 0);
-ListBoxComponent = ListBoxComponent_1 = __decorate$4([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$4("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], ListBoxComponent);
+var __decorate$4 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$4 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$4 = ['actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex'];
+const outputs$4 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select', 'valueChange'];
+const twoWays$4 = ['value'];
+/**
+ * The ListBox allows the user to select values from the predefined list of values.
+ * ```html
+ * <ejs-listbox [dataSource]='data'></ejs-listbox>
+ * ```
+ */
+let ListBoxComponent = ListBoxComponent_1 = class ListBoxComponent extends ListBox {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    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 {
+            let mod = this.injector.get('DropDownsCheckBoxSelection');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        this.registerEvents(outputs$4);
+        this.addTwoWay.call(this, twoWays$4);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnChange(registerFunction) {
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnTouched(registerFunction) {
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+    }
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    setDisabledState(disabled) {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+ListBoxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-listbox',
+                inputs: inputs$4,
+                outputs: outputs$4,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => ListBoxComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ListBoxComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+ListBoxComponent.propDecorators = {
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+};
+__decorate$4([
+    Template(),
+    __metadata$4("design:type", Object)
+], ListBoxComponent.prototype, "itemTemplate", void 0);
+__decorate$4([
+    Template('No records found'),
+    __metadata$4("design:type", Object)
+], ListBoxComponent.prototype, "noRecordsTemplate", void 0);
+ListBoxComponent = ListBoxComponent_1 = __decorate$4([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$4("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], ListBoxComponent);
 var ListBoxComponent_1;
 
-/**
- * NgModule definition for the ListBox component.
- */
-class ListBoxModule {
-}
-ListBoxModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    ListBoxComponent
-                ],
-                exports: [
-                    ListBoxComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ListBox component.
+ */
+class ListBoxModule {
+}
+ListBoxModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ListBoxComponent
+                ],
+                exports: [
+                    ListBoxComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ListBoxModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the ListBox component with providers.
- */
-class ListBoxAllModule {
-}
-ListBoxAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ListBoxModule],
-                exports: [
-                    ListBoxModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ListBox component with providers.
+ */
+class ListBoxAllModule {
+}
+ListBoxAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ListBoxModule],
+                exports: [
+                    ListBoxModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ListBoxAllModule.ctorParameters = () => [];
 
-var __decorate$5 = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$5 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$5 = ['actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'customTemplate', 'delimiterChar', 'destroyPopupOnHide', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'wrapText', 'zIndex'];
-const outputs$5 = ['actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select', 'valueChange'];
-const twoWays$5 = ['value'];
-/**
- * The DropDownTree component contains a list of predefined values from which you can choose a single or multiple values.
- * ```html
- * <ejs-dropdowntree></ejs-dropdowntree>
- * ```
- */
-let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponent extends DropDownTree {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     * @param {?} cdr
-     */
-    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 || [];
-        this.registerEvents(outputs$5);
-        this.addTwoWay.call(this, twoWays$5);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.formContext = new FormBase();
-        this.formCompContext = new ComponentBase();
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnChange(registerFunction) {
-    }
-    /**
-     * @param {?} registerFunction
-     * @return {?}
-     */
-    registerOnTouched(registerFunction) {
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-    }
-    /**
-     * @param {?} disabled
-     * @return {?}
-     */
-    setDisabledState(disabled) {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.formCompContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.formContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.formCompContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.formCompContext.ngAfterContentChecked(this);
-    }
-};
-DropDownTreeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-dropdowntree',
-                inputs: inputs$5,
-                outputs: outputs$5,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => DropDownTreeComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-DropDownTreeComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-DropDownTreeComponent.propDecorators = {
-    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
-    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
-    'valueTemplate': [{ type: ContentChild, args: ['valueTemplate',] },],
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
-    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
-};
-__decorate$5([
-    Template(),
-    __metadata$5("design:type", Object)
-], DropDownTreeComponent.prototype, "footerTemplate", void 0);
-__decorate$5([
-    Template(),
-    __metadata$5("design:type", Object)
-], DropDownTreeComponent.prototype, "headerTemplate", void 0);
-__decorate$5([
-    Template(),
-    __metadata$5("design:type", Object)
-], DropDownTreeComponent.prototype, "valueTemplate", void 0);
-__decorate$5([
-    Template(),
-    __metadata$5("design:type", Object)
-], DropDownTreeComponent.prototype, "itemTemplate", void 0);
-__decorate$5([
-    Template('No Records Found'),
-    __metadata$5("design:type", Object)
-], DropDownTreeComponent.prototype, "noRecordsTemplate", void 0);
-__decorate$5([
-    Template('The Request Failed'),
-    __metadata$5("design:type", Object)
-], DropDownTreeComponent.prototype, "actionFailureTemplate", void 0);
-DropDownTreeComponent = DropDownTreeComponent_1 = __decorate$5([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$5("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], DropDownTreeComponent);
+var __decorate$5 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$5 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$5 = ['actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'customTemplate', 'delimiterChar', 'destroyPopupOnHide', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'wrapText', 'zIndex'];
+const outputs$5 = ['actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select', 'valueChange'];
+const twoWays$5 = ['value'];
+/**
+ * The DropDownTree component contains a list of predefined values from which you can choose a single or multiple values.
+ * ```html
+ * <ejs-dropdowntree></ejs-dropdowntree>
+ * ```
+ */
+let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponent extends DropDownTree {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    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 || [];
+        this.registerEvents(outputs$5);
+        this.addTwoWay.call(this, twoWays$5);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnChange(registerFunction) {
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    registerOnTouched(registerFunction) {
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+    }
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    setDisabledState(disabled) {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+DropDownTreeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-dropdowntree',
+                inputs: inputs$5,
+                outputs: outputs$5,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => DropDownTreeComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+DropDownTreeComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+DropDownTreeComponent.propDecorators = {
+    'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+    'valueTemplate': [{ type: ContentChild, args: ['valueTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+    'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
+};
+__decorate$5([
+    Template(),
+    __metadata$5("design:type", Object)
+], DropDownTreeComponent.prototype, "footerTemplate", void 0);
+__decorate$5([
+    Template(),
+    __metadata$5("design:type", Object)
+], DropDownTreeComponent.prototype, "headerTemplate", void 0);
+__decorate$5([
+    Template(),
+    __metadata$5("design:type", Object)
+], DropDownTreeComponent.prototype, "valueTemplate", void 0);
+__decorate$5([
+    Template(),
+    __metadata$5("design:type", Object)
+], DropDownTreeComponent.prototype, "itemTemplate", void 0);
+__decorate$5([
+    Template('No Records Found'),
+    __metadata$5("design:type", Object)
+], DropDownTreeComponent.prototype, "noRecordsTemplate", void 0);
+__decorate$5([
+    Template('The Request Failed'),
+    __metadata$5("design:type", Object)
+], DropDownTreeComponent.prototype, "actionFailureTemplate", void 0);
+DropDownTreeComponent = DropDownTreeComponent_1 = __decorate$5([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$5("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], DropDownTreeComponent);
 var DropDownTreeComponent_1;
 
-/**
- * NgModule definition for the DropDownTree component.
- */
-class DropDownTreeModule {
-}
-DropDownTreeModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    DropDownTreeComponent
-                ],
-                exports: [
-                    DropDownTreeComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the DropDownTree component.
+ */
+class DropDownTreeModule {
+}
+DropDownTreeModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    DropDownTreeComponent
+                ],
+                exports: [
+                    DropDownTreeComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 DropDownTreeModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the DropDownTree component with providers.
- */
-class DropDownTreeAllModule {
-}
-DropDownTreeAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, DropDownTreeModule],
-                exports: [
-                    DropDownTreeModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the DropDownTree component with providers.
+ */
+class DropDownTreeAllModule {
+}
+DropDownTreeAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, DropDownTreeModule],
+                exports: [
+                    DropDownTreeModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 DropDownTreeAllModule.ctorParameters = () => [];
 
-var __decorate$6 = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$6 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$6 = ['allowSpaces', 'cssClass', 'dataSource', 'debounceDelay', 'displayTemplate', 'fields', 'filterType', 'highlight', 'ignoreCase', 'itemTemplate', 'locale', 'mentionChar', 'minLength', 'noRecordsTemplate', 'popupHeight', 'popupWidth', 'query', 'requireLeadingSpace', 'showMentionChar', 'sortOrder', 'spinnerTemplate', 'suffixText', 'suggestionCount', 'target'];
-const outputs$6 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'change', 'closed', 'created', 'destroyed', 'filtering', 'opened', 'select'];
-const twoWays$6 = [''];
-/**
- * The Mention component contains a list of predefined values, from which the user can choose a single value.
- * ```html
- * <ejs-mention></ejs-mention>
- * ```
- */
-let MentionComponent = class MentionComponent extends Mention {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
-        super();
-        this.ngEle = ngEle;
-        this.srenderer = srenderer;
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-        this.element = this.ngEle.nativeElement;
-        this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$6);
-        this.addTwoWay.call(this, twoWays$6);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.containerContext = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-MentionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-mention',
-                inputs: inputs$6,
-                outputs: outputs$6,
-                template: `<ng-content ></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-MentionComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-MentionComponent.propDecorators = {
-    'displayTemplate': [{ type: ContentChild, args: ['displayTemplate',] },],
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-    'spinnerTemplate': [{ type: ContentChild, args: ['spinnerTemplate',] },],
-    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
-};
-__decorate$6([
-    Template(),
-    __metadata$6("design:type", Object)
-], MentionComponent.prototype, "displayTemplate", void 0);
-__decorate$6([
-    Template(),
-    __metadata$6("design:type", Object)
-], MentionComponent.prototype, "itemTemplate", void 0);
-__decorate$6([
-    Template(),
-    __metadata$6("design:type", Object)
-], MentionComponent.prototype, "spinnerTemplate", void 0);
-__decorate$6([
-    Template('No records found'),
-    __metadata$6("design:type", Object)
-], MentionComponent.prototype, "noRecordsTemplate", void 0);
-MentionComponent = __decorate$6([
-    ComponentMixins([ComponentBase]),
-    __metadata$6("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+var __decorate$6 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$6 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$6 = ['allowSpaces', 'cssClass', 'dataSource', 'debounceDelay', 'displayTemplate', 'fields', 'filterType', 'highlight', 'ignoreCase', 'itemTemplate', 'locale', 'mentionChar', 'minLength', 'noRecordsTemplate', 'popupHeight', 'popupWidth', 'query', 'requireLeadingSpace', 'showMentionChar', 'sortOrder', 'spinnerTemplate', 'suffixText', 'suggestionCount', 'target'];
+const outputs$6 = ['actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'change', 'closed', 'created', 'destroyed', 'filtering', 'opened', 'select'];
+const twoWays$6 = [''];
+/**
+ * The Mention component contains a list of predefined values, from which the user can choose a single value.
+ * ```html
+ * <ejs-mention></ejs-mention>
+ * ```
+ */
+let MentionComponent = class MentionComponent extends Mention {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs$6);
+        this.addTwoWay.call(this, twoWays$6);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+MentionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-mention',
+                inputs: inputs$6,
+                outputs: outputs$6,
+                template: `<ng-content ></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MentionComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+MentionComponent.propDecorators = {
+    'displayTemplate': [{ type: ContentChild, args: ['displayTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+    'spinnerTemplate': [{ type: ContentChild, args: ['spinnerTemplate',] },],
+    'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
+};
+__decorate$6([
+    Template(),
+    __metadata$6("design:type", Object)
+], MentionComponent.prototype, "displayTemplate", void 0);
+__decorate$6([
+    Template(),
+    __metadata$6("design:type", Object)
+], MentionComponent.prototype, "itemTemplate", void 0);
+__decorate$6([
+    Template(),
+    __metadata$6("design:type", Object)
+], MentionComponent.prototype, "spinnerTemplate", void 0);
+__decorate$6([
+    Template('No records found'),
+    __metadata$6("design:type", Object)
+], MentionComponent.prototype, "noRecordsTemplate", void 0);
+MentionComponent = __decorate$6([
+    ComponentMixins([ComponentBase]),
+    __metadata$6("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], MentionComponent);
 
-/**
- * NgModule definition for the Mention component.
- */
-class MentionModule {
-}
-MentionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    MentionComponent
-                ],
-                exports: [
-                    MentionComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Mention component.
+ */
+class MentionModule {
+}
+MentionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    MentionComponent
+                ],
+                exports: [
+                    MentionComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MentionModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Mention component with providers.
- */
-class MentionAllModule {
-}
-MentionAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MentionModule],
-                exports: [
-                    MentionModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Mention component with providers.
+ */
+class MentionAllModule {
+}
+MentionAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MentionModule],
+                exports: [
+                    MentionModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MentionAllModule.ctorParameters = () => [];
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 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 };