@syncfusion/ej2-angular-inputs 30.1.37-ngcc → 30.1.38-ngcc

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

@@ -4,2318 +4,2318 @@ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, FormBase, Templ
 import { ColorPicker, FormValidator, MaskedTextBox, NumericTextBox, OtpInput, Rating, Signature, Slider, SmartTextArea, SpeechToText, TextArea, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 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 = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width'];
-const outputs = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays = ['value'];
-/**
- * Represents the EJ2 Angular TextBox Component.
- * ```html
- * <ejs-textbox [value]='value'></ejs-textbox>
- * ```
- */
-let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent extends TextBox {
-    /**
-     * @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);
-        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);
-    }
-};
-TextBoxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-textbox',
-                inputs: inputs,
-                outputs: outputs,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => TextBoxComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-TextBoxComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-TextBoxComponent = TextBoxComponent_1 = __decorate([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], TextBoxComponent);
+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 = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width'];
+const outputs = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays = ['value'];
+/**
+ * Represents the EJ2 Angular TextBox Component.
+ * ```html
+ * <ejs-textbox [value]='value'></ejs-textbox>
+ * ```
+ */
+let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent extends TextBox {
+    /**
+     * @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);
+        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);
+    }
+};
+TextBoxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-textbox',
+                inputs: inputs,
+                outputs: outputs,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => TextBoxComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TextBoxComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+TextBoxComponent = TextBoxComponent_1 = __decorate([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], TextBoxComponent);
 var TextBoxComponent_1;
 
-/**
- * NgModule definition for the TextBox component.
- */
-class TextBoxModule {
-}
-TextBoxModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    TextBoxComponent
-                ],
-                exports: [
-                    TextBoxComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the TextBox component.
+ */
+class TextBoxModule {
+}
+TextBoxModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    TextBoxComponent
+                ],
+                exports: [
+                    TextBoxComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TextBoxModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the TextBox component with providers.
- */
-class TextBoxAllModule {
-}
-TextBoxAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, TextBoxModule],
-                exports: [
-                    TextBoxModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the TextBox component with providers.
+ */
+class TextBoxAllModule {
+}
+TextBoxAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, TextBoxModule],
+                exports: [
+                    TextBoxModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TextBoxAllModule.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 = ['cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'value', 'width'];
-const outputs$1 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays$1 = ['value'];
-/**
- * Represents the EJ2 Angular TextArea Component.
- * ```html
- * <ejs-textarea [value]='value'></ejs-textarea>
- * ```
- */
-let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends TextArea {
-    /**
-     * @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$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);
-    }
-};
-TextAreaComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-textarea',
-                inputs: inputs$1,
-                outputs: outputs$1,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => TextAreaComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-TextAreaComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-TextAreaComponent = TextAreaComponent_1 = __decorate$1([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$1("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], TextAreaComponent);
+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 = ['cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'value', 'width'];
+const outputs$1 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays$1 = ['value'];
+/**
+ * Represents the EJ2 Angular TextArea Component.
+ * ```html
+ * <ejs-textarea [value]='value'></ejs-textarea>
+ * ```
+ */
+let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends TextArea {
+    /**
+     * @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$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);
+    }
+};
+TextAreaComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-textarea',
+                inputs: inputs$1,
+                outputs: outputs$1,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => TextAreaComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TextAreaComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+TextAreaComponent = TextAreaComponent_1 = __decorate$1([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$1("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], TextAreaComponent);
 var TextAreaComponent_1;
 
-/**
- * NgModule definition for the TextArea component.
- */
-class TextAreaModule {
-}
-TextAreaModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    TextAreaComponent
-                ],
-                exports: [
-                    TextAreaComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the TextArea component.
+ */
+class TextAreaModule {
+}
+TextAreaModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    TextAreaComponent
+                ],
+                exports: [
+                    TextAreaComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TextAreaModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the TextArea component with providers.
- */
-class TextAreaAllModule {
-}
-TextAreaAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, TextAreaModule],
-                exports: [
-                    TextAreaModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the TextArea component with providers.
+ */
+class TextAreaAllModule {
+}
+TextAreaAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, TextAreaModule],
+                exports: [
+                    TextAreaModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TextAreaAllModule.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 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
-const outputs$2 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
-const twoWays$2 = ['value'];
-/**
- * Represents the EJ2 Angular NumericTextBox Component.
- * ```html
- * <ej-numerictextbox [value]='value'></ej-numerictextbox>
- * ```
- */
-let NumericTextBoxComponent = NumericTextBoxComponent_1 = class NumericTextBoxComponent extends NumericTextBox {
-    /**
-     * @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$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);
-    }
-};
-NumericTextBoxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-numerictextbox',
-                inputs: inputs$2,
-                outputs: outputs$2,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => NumericTextBoxComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-NumericTextBoxComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-NumericTextBoxComponent = NumericTextBoxComponent_1 = __decorate$2([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$2("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], NumericTextBoxComponent);
+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 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
+const outputs$2 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+const twoWays$2 = ['value'];
+/**
+ * Represents the EJ2 Angular NumericTextBox Component.
+ * ```html
+ * <ej-numerictextbox [value]='value'></ej-numerictextbox>
+ * ```
+ */
+let NumericTextBoxComponent = NumericTextBoxComponent_1 = class NumericTextBoxComponent extends NumericTextBox {
+    /**
+     * @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$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);
+    }
+};
+NumericTextBoxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-numerictextbox',
+                inputs: inputs$2,
+                outputs: outputs$2,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => NumericTextBoxComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+NumericTextBoxComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+NumericTextBoxComponent = NumericTextBoxComponent_1 = __decorate$2([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$2("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], NumericTextBoxComponent);
 var NumericTextBoxComponent_1;
 
-/**
- * NgModule definition for the NumericTextBox component.
- */
-class NumericTextBoxModule {
-}
-NumericTextBoxModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    NumericTextBoxComponent
-                ],
-                exports: [
-                    NumericTextBoxComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the NumericTextBox component.
+ */
+class NumericTextBoxModule {
+}
+NumericTextBoxModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    NumericTextBoxComponent
+                ],
+                exports: [
+                    NumericTextBoxComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 NumericTextBoxModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the NumericTextBox component with providers.
- */
-class NumericTextBoxAllModule {
-}
-NumericTextBoxAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, NumericTextBoxModule],
-                exports: [
-                    NumericTextBoxModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the NumericTextBox component with providers.
+ */
+class NumericTextBoxAllModule {
+}
+NumericTextBoxAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, NumericTextBoxModule],
+                exports: [
+                    NumericTextBoxModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 NumericTextBoxAllModule.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 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
-const outputs$3 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
-const twoWays$3 = ['value'];
-/**
- * Represents the EJ2 Angular MaskedTextbox Component.
- * ```html
- * <ej-maskedtextbox [value]='value'></ej-maskedtextbox>
- * ```
- */
-let MaskedTextBoxComponent = MaskedTextBoxComponent_1 = class MaskedTextBoxComponent extends MaskedTextBox {
-    /**
-     * @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$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);
-    }
-};
-MaskedTextBoxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-maskedtextbox',
-                inputs: inputs$3,
-                outputs: outputs$3,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => MaskedTextBoxComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-MaskedTextBoxComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-MaskedTextBoxComponent = MaskedTextBoxComponent_1 = __decorate$3([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$3("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], MaskedTextBoxComponent);
+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 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
+const outputs$3 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+const twoWays$3 = ['value'];
+/**
+ * Represents the EJ2 Angular MaskedTextbox Component.
+ * ```html
+ * <ej-maskedtextbox [value]='value'></ej-maskedtextbox>
+ * ```
+ */
+let MaskedTextBoxComponent = MaskedTextBoxComponent_1 = class MaskedTextBoxComponent extends MaskedTextBox {
+    /**
+     * @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$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);
+    }
+};
+MaskedTextBoxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-maskedtextbox',
+                inputs: inputs$3,
+                outputs: outputs$3,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => MaskedTextBoxComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MaskedTextBoxComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+MaskedTextBoxComponent = MaskedTextBoxComponent_1 = __decorate$3([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$3("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], MaskedTextBoxComponent);
 var MaskedTextBoxComponent_1;
 
-/**
- * NgModule definition for the MaskedTextBox component.
- */
-class MaskedTextBoxModule {
-}
-MaskedTextBoxModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    MaskedTextBoxComponent
-                ],
-                exports: [
-                    MaskedTextBoxComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the MaskedTextBox component.
+ */
+class MaskedTextBoxModule {
+}
+MaskedTextBoxModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    MaskedTextBoxComponent
+                ],
+                exports: [
+                    MaskedTextBoxComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MaskedTextBoxModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the MaskedTextBox component with providers.
- */
-class MaskedTextBoxAllModule {
-}
-MaskedTextBoxAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MaskedTextBoxModule],
-                exports: [
-                    MaskedTextBoxModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the MaskedTextBox component with providers.
+ */
+class MaskedTextBoxAllModule {
+}
+MaskedTextBoxAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MaskedTextBoxModule],
+                exports: [
+                    MaskedTextBoxModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MaskedTextBoxAllModule.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 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
-const outputs$4 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
-const twoWays$4 = ['value'];
-/**
- * Represents the EJ2 Angular Slider Component.
- * ```html
- * <ejs-slider [value]='value'></ejs-slider>
- * ```
- */
-let SliderComponent = SliderComponent_1 = class SliderComponent extends Slider {
-    /**
-     * @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 || [];
-        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);
-    }
-};
-SliderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-slider',
-                inputs: inputs$4,
-                outputs: outputs$4,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => SliderComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-SliderComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-SliderComponent = SliderComponent_1 = __decorate$4([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$4("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], SliderComponent);
+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 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
+const outputs$4 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
+const twoWays$4 = ['value'];
+/**
+ * Represents the EJ2 Angular Slider Component.
+ * ```html
+ * <ejs-slider [value]='value'></ejs-slider>
+ * ```
+ */
+let SliderComponent = SliderComponent_1 = class SliderComponent extends Slider {
+    /**
+     * @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 || [];
+        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);
+    }
+};
+SliderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-slider',
+                inputs: inputs$4,
+                outputs: outputs$4,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => SliderComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SliderComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+SliderComponent = SliderComponent_1 = __decorate$4([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$4("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], SliderComponent);
 var SliderComponent_1;
 
-/**
- * NgModule definition for the Slider component.
- */
-class SliderModule {
-}
-SliderModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    SliderComponent
-                ],
-                exports: [
-                    SliderComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Slider component.
+ */
+class SliderModule {
+}
+SliderModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    SliderComponent
+                ],
+                exports: [
+                    SliderComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SliderModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Slider component with providers.
- */
-class SliderAllModule {
-}
-SliderAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, SliderModule],
-                exports: [
-                    SliderModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Slider component with providers.
+ */
+class SliderAllModule {
+}
+SliderAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, SliderModule],
+                exports: [
+                    SliderModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SliderAllModule.ctorParameters = () => [];
 
-let input = ['name', 'size', 'type'];
-let outputs$5 = [];
-/**
- * 'e-files' directive represent a file of angular uploader
- * It must be contained in a Uploader component(`ejs-uploader`).
- * ```html
- * <ejs-uploader id='fileupload' multiple=true>
- *   <e-files>
- *    <e-file name='Java' size=23000 type='pdf'></e-file>
- *    <e-file name='C++' size=30000 type='.docx'></e-file>
- *   </e-files>
- * </ejs-uploader>
- * ```
- */
-class UploadedFilesDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$5);
-        this.directivePropList = input;
-    }
-}
-UploadedFilesDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-files>e-uploadedfiles',
-                inputs: input,
-                outputs: outputs$5,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-UploadedFilesDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * UploadedFiles Array Directive
- */
-class FilesDirective extends ArrayBase {
-    constructor() {
-        super('files');
-    }
-}
-FilesDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-uploader>e-files',
-                queries: {
-                    children: new ContentChildren(UploadedFilesDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input = ['name', 'size', 'type'];
+let outputs$5 = [];
+/**
+ * 'e-files' directive represent a file of angular uploader
+ * It must be contained in a Uploader component(`ejs-uploader`).
+ * ```html
+ * <ejs-uploader id='fileupload' multiple=true>
+ *   <e-files>
+ *    <e-file name='Java' size=23000 type='pdf'></e-file>
+ *    <e-file name='C++' size=30000 type='.docx'></e-file>
+ *   </e-files>
+ * </ejs-uploader>
+ * ```
+ */
+class UploadedFilesDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$5);
+        this.directivePropList = input;
+    }
+}
+UploadedFilesDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-files>e-uploadedfiles',
+                inputs: input,
+                outputs: outputs$5,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+UploadedFilesDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * UploadedFiles Array Directive
+ */
+class FilesDirective extends ArrayBase {
+    constructor() {
+        super('files');
+    }
+}
+FilesDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-uploader>e-files',
+                queries: {
+                    children: new ContentChildren(UploadedFilesDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 FilesDirective.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 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template'];
-const outputs$6 = ['focus', 'blur', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
-const twoWays$5 = [];
-/**
- * Represents the EJ2 Angular Uploader Component.
- * ```html
- * <ejs-uploader></ejs-uploader>
- * ```
- */
-let UploaderComponent = UploaderComponent_1 = class UploaderComponent extends Uploader {
-    /**
-     * @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.tags = ['files'];
-        this.element = this.ngEle.nativeElement;
-        this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$6);
-        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.tagObjects[0].instance = this.childFiles;
-        this.formCompContext.ngAfterContentChecked(this);
-    }
-};
-UploaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-uploader',
-                inputs: inputs$5,
-                outputs: outputs$6,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => UploaderComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {
-                    childFiles: new ContentChild(FilesDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-UploaderComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-UploaderComponent.propDecorators = {
-    'template': [{ type: ContentChild, args: ['template',] },],
-};
-__decorate$5([
-    Template(),
-    __metadata$5("design:type", Object)
-], UploaderComponent.prototype, "template", void 0);
-UploaderComponent = UploaderComponent_1 = __decorate$5([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$5("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], UploaderComponent);
+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 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template'];
+const outputs$6 = ['focus', 'blur', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
+const twoWays$5 = [];
+/**
+ * Represents the EJ2 Angular Uploader Component.
+ * ```html
+ * <ejs-uploader></ejs-uploader>
+ * ```
+ */
+let UploaderComponent = UploaderComponent_1 = class UploaderComponent extends Uploader {
+    /**
+     * @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.tags = ['files'];
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs$6);
+        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.tagObjects[0].instance = this.childFiles;
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+UploaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-uploader',
+                inputs: inputs$5,
+                outputs: outputs$6,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => UploaderComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {
+                    childFiles: new ContentChild(FilesDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+UploaderComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+UploaderComponent.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+};
+__decorate$5([
+    Template(),
+    __metadata$5("design:type", Object)
+], UploaderComponent.prototype, "template", void 0);
+UploaderComponent = UploaderComponent_1 = __decorate$5([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$5("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], UploaderComponent);
 var UploaderComponent_1;
 
-/**
- * NgModule definition for the Uploader component.
- */
-class UploaderModule {
-}
-UploaderModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    UploaderComponent,
-                    UploadedFilesDirective,
-                    FilesDirective
-                ],
-                exports: [
-                    UploaderComponent,
-                    UploadedFilesDirective,
-                    FilesDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Uploader component.
+ */
+class UploaderModule {
+}
+UploaderModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    UploaderComponent,
+                    UploadedFilesDirective,
+                    FilesDirective
+                ],
+                exports: [
+                    UploaderComponent,
+                    UploadedFilesDirective,
+                    FilesDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 UploaderModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Uploader component with providers.
- */
-class UploaderAllModule {
-}
-UploaderAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, UploaderModule],
-                exports: [
-                    UploaderModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Uploader component with providers.
+ */
+class UploaderAllModule {
+}
+UploaderAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, UploaderModule],
+                exports: [
+                    UploaderModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 UploaderAllModule.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 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'showRecentColors', 'value'];
-const outputs$7 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
-const twoWays$6 = ['value'];
-/**
- * Represents the EJ2 Angular ColorPicker Component.
- * ```html
- * <input ejs-colorpicker type='color'/>
- * ```
- */
-let ColorPickerComponent = ColorPickerComponent_1 = class ColorPickerComponent extends ColorPicker {
-    /**
-     * @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 || [];
-        this.registerEvents(outputs$7);
-        this.addTwoWay.call(this, twoWays$6);
-        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);
-    }
-};
-ColorPickerComponent.decorators = [
-    { type: Component, args: [{
-                selector: '[ejs-colorpicker]',
-                inputs: inputs$6,
-                outputs: outputs$7,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => ColorPickerComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ColorPickerComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-ColorPickerComponent = ColorPickerComponent_1 = __decorate$6([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$6("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], ColorPickerComponent);
+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 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'showRecentColors', 'value'];
+const outputs$7 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
+const twoWays$6 = ['value'];
+/**
+ * Represents the EJ2 Angular ColorPicker Component.
+ * ```html
+ * <input ejs-colorpicker type='color'/>
+ * ```
+ */
+let ColorPickerComponent = ColorPickerComponent_1 = class ColorPickerComponent extends ColorPicker {
+    /**
+     * @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 || [];
+        this.registerEvents(outputs$7);
+        this.addTwoWay.call(this, twoWays$6);
+        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);
+    }
+};
+ColorPickerComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[ejs-colorpicker]',
+                inputs: inputs$6,
+                outputs: outputs$7,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => ColorPickerComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ColorPickerComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+ColorPickerComponent = ColorPickerComponent_1 = __decorate$6([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$6("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], ColorPickerComponent);
 var ColorPickerComponent_1;
 
-/**
- * NgModule definition for the ColorPicker component.
- */
-class ColorPickerModule {
-}
-ColorPickerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    ColorPickerComponent
-                ],
-                exports: [
-                    ColorPickerComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ColorPicker component.
+ */
+class ColorPickerModule {
+}
+ColorPickerModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ColorPickerComponent
+                ],
+                exports: [
+                    ColorPickerComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ColorPickerModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the ColorPicker component with providers.
- */
-class ColorPickerAllModule {
-}
-ColorPickerAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ColorPickerModule],
-                exports: [
-                    ColorPickerModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ColorPicker component with providers.
+ */
+class ColorPickerAllModule {
+}
+ColorPickerAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ColorPickerModule],
+                exports: [
+                    ColorPickerModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ColorPickerAllModule.ctorParameters = () => [];
 
-var __decorate$7 = (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$7 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$7 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
-const outputs$8 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
-const twoWays$7 = [];
-/**
- * Represents the EJ2 Angular Signature Component.
- * ```html
- * <canvas ejs-signature />
- * ```
- */
-let SignatureComponent = SignatureComponent_1 = class SignatureComponent extends Signature {
-    /**
-     * @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 || [];
-        this.registerEvents(outputs$8);
-        this.addTwoWay.call(this, twoWays$7);
-        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);
-    }
-};
-SignatureComponent.decorators = [
-    { type: Component, args: [{
-                selector: '[ejs-signature]',
-                inputs: inputs$7,
-                outputs: outputs$8,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => SignatureComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-SignatureComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-SignatureComponent = SignatureComponent_1 = __decorate$7([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$7("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], SignatureComponent);
+var __decorate$7 = (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$7 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$7 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
+const outputs$8 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
+const twoWays$7 = [];
+/**
+ * Represents the EJ2 Angular Signature Component.
+ * ```html
+ * <canvas ejs-signature />
+ * ```
+ */
+let SignatureComponent = SignatureComponent_1 = class SignatureComponent extends Signature {
+    /**
+     * @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 || [];
+        this.registerEvents(outputs$8);
+        this.addTwoWay.call(this, twoWays$7);
+        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);
+    }
+};
+SignatureComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[ejs-signature]',
+                inputs: inputs$7,
+                outputs: outputs$8,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => SignatureComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SignatureComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+SignatureComponent = SignatureComponent_1 = __decorate$7([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$7("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], SignatureComponent);
 var SignatureComponent_1;
 
-/**
- * NgModule definition for the Signature component.
- */
-class SignatureModule {
-}
-SignatureModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    SignatureComponent
-                ],
-                exports: [
-                    SignatureComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Signature component.
+ */
+class SignatureModule {
+}
+SignatureModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    SignatureComponent
+                ],
+                exports: [
+                    SignatureComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SignatureModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Signature component with providers.
- */
-class SignatureAllModule {
-}
-SignatureAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, SignatureModule],
-                exports: [
-                    SignatureModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Signature component with providers.
+ */
+class SignatureAllModule {
+}
+SignatureAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, SignatureModule],
+                exports: [
+                    SignatureModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SignatureAllModule.ctorParameters = () => [];
 
-var __decorate$8 = (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$8 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$8 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
-const outputs$9 = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
-const twoWays$8 = ['value'];
-/**
- * Represents the EJ2 Angular Rating Component.
- * ```html
- * <input ejs-rating [value]='value' />
- * ```
- */
-let RatingComponent = RatingComponent_1 = class RatingComponent extends Rating {
-    /**
-     * @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 || [];
-        this.registerEvents(outputs$9);
-        this.addTwoWay.call(this, twoWays$8);
-        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);
-    }
-};
-RatingComponent.decorators = [
-    { type: Component, args: [{
-                selector: '[ejs-rating]',
-                inputs: inputs$8,
-                outputs: outputs$9,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => RatingComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-RatingComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-RatingComponent.propDecorators = {
-    'fullTemplate': [{ type: ContentChild, args: ['fullTemplate',] },],
-    'emptyTemplate': [{ type: ContentChild, args: ['emptyTemplate',] },],
-    'tooltipTemplate': [{ type: ContentChild, args: ['tooltipTemplate',] },],
-    'labelTemplate': [{ type: ContentChild, args: ['labelTemplate',] },],
-};
-__decorate$8([
-    Template(),
-    __metadata$8("design:type", Object)
-], RatingComponent.prototype, "fullTemplate", void 0);
-__decorate$8([
-    Template(),
-    __metadata$8("design:type", Object)
-], RatingComponent.prototype, "emptyTemplate", void 0);
-__decorate$8([
-    Template(),
-    __metadata$8("design:type", Object)
-], RatingComponent.prototype, "tooltipTemplate", void 0);
-__decorate$8([
-    Template(),
-    __metadata$8("design:type", Object)
-], RatingComponent.prototype, "labelTemplate", void 0);
-RatingComponent = RatingComponent_1 = __decorate$8([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$8("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], RatingComponent);
+var __decorate$8 = (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$8 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$8 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
+const outputs$9 = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
+const twoWays$8 = ['value'];
+/**
+ * Represents the EJ2 Angular Rating Component.
+ * ```html
+ * <input ejs-rating [value]='value' />
+ * ```
+ */
+let RatingComponent = RatingComponent_1 = class RatingComponent extends Rating {
+    /**
+     * @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 || [];
+        this.registerEvents(outputs$9);
+        this.addTwoWay.call(this, twoWays$8);
+        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);
+    }
+};
+RatingComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[ejs-rating]',
+                inputs: inputs$8,
+                outputs: outputs$9,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => RatingComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RatingComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+RatingComponent.propDecorators = {
+    'fullTemplate': [{ type: ContentChild, args: ['fullTemplate',] },],
+    'emptyTemplate': [{ type: ContentChild, args: ['emptyTemplate',] },],
+    'tooltipTemplate': [{ type: ContentChild, args: ['tooltipTemplate',] },],
+    'labelTemplate': [{ type: ContentChild, args: ['labelTemplate',] },],
+};
+__decorate$8([
+    Template(),
+    __metadata$8("design:type", Object)
+], RatingComponent.prototype, "fullTemplate", void 0);
+__decorate$8([
+    Template(),
+    __metadata$8("design:type", Object)
+], RatingComponent.prototype, "emptyTemplate", void 0);
+__decorate$8([
+    Template(),
+    __metadata$8("design:type", Object)
+], RatingComponent.prototype, "tooltipTemplate", void 0);
+__decorate$8([
+    Template(),
+    __metadata$8("design:type", Object)
+], RatingComponent.prototype, "labelTemplate", void 0);
+RatingComponent = RatingComponent_1 = __decorate$8([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$8("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], RatingComponent);
 var RatingComponent_1;
 
-/**
- * NgModule definition for the Rating component.
- */
-class RatingModule {
-}
-RatingModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    RatingComponent
-                ],
-                exports: [
-                    RatingComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Rating component.
+ */
+class RatingModule {
+}
+RatingModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    RatingComponent
+                ],
+                exports: [
+                    RatingComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RatingModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Rating component with providers.
- */
-class RatingAllModule {
-}
-RatingAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, RatingModule],
-                exports: [
-                    RatingModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Rating component with providers.
+ */
+class RatingAllModule {
+}
+RatingAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, RatingModule],
+                exports: [
+                    RatingModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RatingAllModule.ctorParameters = () => [];
 
-var __decorate$9 = (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$9 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$9 = ['ariaLabels', 'autoFocus', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'length', 'locale', 'placeholder', 'separator', 'stylingMode', 'textTransform', 'type', 'value'];
-const outputs$10 = ['blur', 'created', 'focus', 'input', 'valueChanged', 'valueChange'];
-const twoWays$9 = ['value'];
-/**
- * Represents the EJ2 Angular OtpInput Component.
- * ```html
- * <div ejs-otpinput [value]='value'></div>
- * ```
- */
-let OtpInputComponent = OtpInputComponent_1 = class OtpInputComponent extends OtpInput {
-    /**
-     * @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$10);
-        this.addTwoWay.call(this, twoWays$9);
-        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);
-    }
-};
-OtpInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: '[ejs-otpinput]',
-                inputs: inputs$9,
-                outputs: outputs$10,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => OtpInputComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-OtpInputComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-OtpInputComponent = OtpInputComponent_1 = __decorate$9([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$9("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], OtpInputComponent);
+var __decorate$9 = (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$9 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$9 = ['ariaLabels', 'autoFocus', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'length', 'locale', 'placeholder', 'separator', 'stylingMode', 'textTransform', 'type', 'value'];
+const outputs$10 = ['blur', 'created', 'focus', 'input', 'valueChanged', 'valueChange'];
+const twoWays$9 = ['value'];
+/**
+ * Represents the EJ2 Angular OtpInput Component.
+ * ```html
+ * <div ejs-otpinput [value]='value'></div>
+ * ```
+ */
+let OtpInputComponent = OtpInputComponent_1 = class OtpInputComponent extends OtpInput {
+    /**
+     * @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$10);
+        this.addTwoWay.call(this, twoWays$9);
+        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);
+    }
+};
+OtpInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[ejs-otpinput]',
+                inputs: inputs$9,
+                outputs: outputs$10,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => OtpInputComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+OtpInputComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+OtpInputComponent = OtpInputComponent_1 = __decorate$9([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$9("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], OtpInputComponent);
 var OtpInputComponent_1;
 
-/**
- * NgModule definition for the OtpInput component.
- */
-class OtpInputModule {
-}
-OtpInputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    OtpInputComponent
-                ],
-                exports: [
-                    OtpInputComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the OtpInput component.
+ */
+class OtpInputModule {
+}
+OtpInputModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    OtpInputComponent
+                ],
+                exports: [
+                    OtpInputComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 OtpInputModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the OtpInput component with providers.
- */
-class OtpInputAllModule {
-}
-OtpInputAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, OtpInputModule],
-                exports: [
-                    OtpInputModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the OtpInput component with providers.
+ */
+class OtpInputAllModule {
+}
+OtpInputAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, OtpInputModule],
+                exports: [
+                    OtpInputModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 OtpInputAllModule.ctorParameters = () => [];
 
-var __decorate$10 = (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$10 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$10 = ['UserPhrases', 'aiSuggestionHandler', 'cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'showSuggestionOnPopup', 'userRole', 'value', 'width'];
-const outputs$11 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays$10 = ['value'];
-/**
- * Represents the Angular Smart TextArea Component.
- * ```html
- * <ejs-smarttextarea></ejs-smarttextarea>
- * ```
- */
-let SmartTextAreaComponent = SmartTextAreaComponent_1 = class SmartTextAreaComponent extends SmartTextArea {
-    /**
-     * @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$11);
-        this.addTwoWay.call(this, twoWays$10);
-        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);
-    }
-};
-SmartTextAreaComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-smarttextarea',
-                inputs: inputs$10,
-                outputs: outputs$11,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => SmartTextAreaComponent_1),
-                        multi: true
-                    }
-                ],
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-SmartTextAreaComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-    { type: ChangeDetectorRef, },
-];
-SmartTextAreaComponent = SmartTextAreaComponent_1 = __decorate$10([
-    ComponentMixins([ComponentBase, FormBase]),
-    __metadata$10("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector,
-        ChangeDetectorRef])
-], SmartTextAreaComponent);
+var __decorate$10 = (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$10 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$10 = ['UserPhrases', 'aiSuggestionHandler', 'cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'showSuggestionOnPopup', 'userRole', 'value', 'width'];
+const outputs$11 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays$10 = ['value'];
+/**
+ * Represents the Angular Smart TextArea Component.
+ * ```html
+ * <ejs-smarttextarea></ejs-smarttextarea>
+ * ```
+ */
+let SmartTextAreaComponent = SmartTextAreaComponent_1 = class SmartTextAreaComponent extends SmartTextArea {
+    /**
+     * @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$11);
+        this.addTwoWay.call(this, twoWays$10);
+        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);
+    }
+};
+SmartTextAreaComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-smarttextarea',
+                inputs: inputs$10,
+                outputs: outputs$11,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => SmartTextAreaComponent_1),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SmartTextAreaComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+    { type: ChangeDetectorRef, },
+];
+SmartTextAreaComponent = SmartTextAreaComponent_1 = __decorate$10([
+    ComponentMixins([ComponentBase, FormBase]),
+    __metadata$10("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector,
+        ChangeDetectorRef])
+], SmartTextAreaComponent);
 var SmartTextAreaComponent_1;
 
-/**
- * NgModule definition for the SmartTextArea component.
- */
-class SmartTextAreaModule {
-}
-SmartTextAreaModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    SmartTextAreaComponent
-                ],
-                exports: [
-                    SmartTextAreaComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the SmartTextArea component.
+ */
+class SmartTextAreaModule {
+}
+SmartTextAreaModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    SmartTextAreaComponent
+                ],
+                exports: [
+                    SmartTextAreaComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SmartTextAreaModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the SmartTextArea component with providers.
- */
-class SmartTextAreaAllModule {
-}
-SmartTextAreaAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, SmartTextAreaModule],
-                exports: [
-                    SmartTextAreaModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the SmartTextArea component with providers.
+ */
+class SmartTextAreaAllModule {
+}
+SmartTextAreaAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, SmartTextAreaModule],
+                exports: [
+                    SmartTextAreaModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SmartTextAreaAllModule.ctorParameters = () => [];
 
-var __decorate$11 = (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$11 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs$11 = ['allowInterimResults', 'buttonSettings', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'lang', 'listeningState', 'locale', 'showTooltip', 'tooltipSettings', 'transcript'];
-const outputs$12 = ['created', 'onError', 'onStart', 'onStop', 'transcriptChanged', 'transcriptChange'];
-const twoWays$11 = ['transcript'];
-/**
- * Represents the EJ2 Angular SpeechToText Component.
- * ```html
- * <button ejs-speechtotext ></button>
- * ```
- */
-let SpeechToTextComponent = class SpeechToTextComponent extends SpeechToText {
-    /**
-     * @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$12);
-        this.addTwoWay.call(this, twoWays$11);
-        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);
-    }
-};
-SpeechToTextComponent.decorators = [
-    { type: Component, args: [{
-                selector: '[ejs-speechtotext]',
-                inputs: inputs$11,
-                outputs: outputs$12,
-                template: `<ng-content ></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-SpeechToTextComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-SpeechToTextComponent = __decorate$11([
-    ComponentMixins([ComponentBase]),
-    __metadata$11("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+var __decorate$11 = (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$11 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs$11 = ['allowInterimResults', 'buttonSettings', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'lang', 'listeningState', 'locale', 'showTooltip', 'tooltipSettings', 'transcript'];
+const outputs$12 = ['created', 'onError', 'onStart', 'onStop', 'transcriptChanged', 'transcriptChange'];
+const twoWays$11 = ['transcript'];
+/**
+ * Represents the EJ2 Angular SpeechToText Component.
+ * ```html
+ * <button ejs-speechtotext ></button>
+ * ```
+ */
+let SpeechToTextComponent = class SpeechToTextComponent extends SpeechToText {
+    /**
+     * @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$12);
+        this.addTwoWay.call(this, twoWays$11);
+        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);
+    }
+};
+SpeechToTextComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[ejs-speechtotext]',
+                inputs: inputs$11,
+                outputs: outputs$12,
+                template: `<ng-content ></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SpeechToTextComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+SpeechToTextComponent = __decorate$11([
+    ComponentMixins([ComponentBase]),
+    __metadata$11("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], SpeechToTextComponent);
 
-/**
- * NgModule definition for the SpeechToText component.
- */
-class SpeechToTextModule {
-}
-SpeechToTextModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    SpeechToTextComponent
-                ],
-                exports: [
-                    SpeechToTextComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the SpeechToText component.
+ */
+class SpeechToTextModule {
+}
+SpeechToTextModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    SpeechToTextComponent
+                ],
+                exports: [
+                    SpeechToTextComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SpeechToTextModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the SpeechToText component with providers.
- */
-class SpeechToTextAllModule {
-}
-SpeechToTextAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, SpeechToTextModule],
-                exports: [
-                    SpeechToTextModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the SpeechToText component with providers.
+ */
+class SpeechToTextAllModule {
+}
+SpeechToTextAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, SpeechToTextModule],
+                exports: [
+                    SpeechToTextModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SpeechToTextAllModule.ctorParameters = () => [];
 
-class FormValidators {
-    /**
-     * @param {?} number
-     * @return {?}
-     */
-    static max(number) {
-        let /** @type {?} */ max = number;
-        return (control) => {
-            //tslint:disable-next-line
-            let /** @type {?} */ result = ((FormValidator)).checkValidator.max({ value: control.value, param: max });
-            if (result === true) {
-                return null;
-            }
-            else {
-                return { 'max': true };
-            }
-        };
-    }
-    /**
-     * @param {?} number
-     * @return {?}
-     */
-    static min(number) {
-        let /** @type {?} */ min = number;
-        return (control) => {
-            //tslint:disable-next-line
-            let /** @type {?} */ result = ((FormValidator)).checkValidator.min({ value: control.value, param: min });
-            if (result === true) {
-                return null;
-            }
-            else {
-                return { 'min': true };
-            }
-        };
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static creditcard(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.creditcard({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'cardno': true };
-        }
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static date(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.date({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'date': true };
-        }
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static dateIso(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.dateIso({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'dateiso': true };
-        }
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static digits(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.digits({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'digit': true };
-        }
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static email(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.email({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'email': true };
-        }
-    }
-    /**
-     * @param {?} number
-     * @return {?}
-     */
-    static maxLength(number) {
-        let /** @type {?} */ maxlength = number;
-        return (control) => {
-            //tslint:disable-next-line
-            let /** @type {?} */ result = ((FormValidator)).checkValidator.maxLength({ value: control.value, param: maxlength });
-            if (result === true) {
-                return null;
-            }
-            else {
-                return { 'maxlength': true };
-            }
-        };
-    }
-    /**
-     * @param {?} number
-     * @return {?}
-     */
-    static minLength(number) {
-        let /** @type {?} */ minlength = number;
-        return (control) => {
-            //tslint:disable-next-line
-            let /** @type {?} */ result = ((FormValidator)).checkValidator.minLength({ value: control.value, param: minlength });
-            if (result === true) {
-                return null;
-            }
-            else {
-                return { 'minlength': true };
-            }
-        };
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static number(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.number({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'number': true };
-        }
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static required(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = (control.value === null) ? false : ((FormValidator)).checkValidator.required({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'required': true };
-        }
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static tel(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.tel({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'telno': true };
-        }
-    }
-    /**
-     * @param {?} control
-     * @return {?}
-     */
-    static url(control) {
-        //tslint:disable-next-line
-        let /** @type {?} */ result = ((FormValidator)).checkValidator.url({ value: control.value });
-        if (result === true) {
-            return null;
-        }
-        else {
-            return { 'url': true };
-        }
-    }
-    /**
-     * @param {?} number1
-     * @param {?} number2
-     * @return {?}
-     */
-    static rangeLength(number1, number2) {
-        let /** @type {?} */ minRL = number1;
-        let /** @type {?} */ maxRL = number2;
-        //tslint:disable-next-line
-        let /** @type {?} */ param = [minRL, maxRL];
-        return (control) => {
-            //tslint:disable-next-line
-            let /** @type {?} */ result = ((FormValidator)).checkValidator.rangeLength({ value: control.value, param: param });
-            if (result === true) {
-                return null;
-            }
-            else {
-                return { 'rangelength': true };
-            }
-        };
-    }
-    /**
-     * @param {?} number1
-     * @param {?} number2
-     * @return {?}
-     */
-    static range(number1, number2) {
-        let /** @type {?} */ minR = number1;
-        let /** @type {?} */ maxR = number2;
-        //tslint:disable-next-line
-        let /** @type {?} */ param1 = [minR, maxR];
-        return (control) => {
-            //tslint:disable-next-line
-            let /** @type {?} */ result = ((FormValidator)).checkValidator.range({ value: control.value, param: param1 });
-            if (result === true) {
-                return null;
-            }
-            else {
-                return { 'range': true };
-            }
-        };
-    }
+class FormValidators {
+    /**
+     * @param {?} number
+     * @return {?}
+     */
+    static max(number) {
+        let /** @type {?} */ max = number;
+        return (control) => {
+            //tslint:disable-next-line
+            let /** @type {?} */ result = ((FormValidator)).checkValidator.max({ value: control.value, param: max });
+            if (result === true) {
+                return null;
+            }
+            else {
+                return { 'max': true };
+            }
+        };
+    }
+    /**
+     * @param {?} number
+     * @return {?}
+     */
+    static min(number) {
+        let /** @type {?} */ min = number;
+        return (control) => {
+            //tslint:disable-next-line
+            let /** @type {?} */ result = ((FormValidator)).checkValidator.min({ value: control.value, param: min });
+            if (result === true) {
+                return null;
+            }
+            else {
+                return { 'min': true };
+            }
+        };
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static creditcard(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.creditcard({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'cardno': true };
+        }
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static date(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.date({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'date': true };
+        }
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static dateIso(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.dateIso({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'dateiso': true };
+        }
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static digits(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.digits({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'digit': true };
+        }
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static email(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.email({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'email': true };
+        }
+    }
+    /**
+     * @param {?} number
+     * @return {?}
+     */
+    static maxLength(number) {
+        let /** @type {?} */ maxlength = number;
+        return (control) => {
+            //tslint:disable-next-line
+            let /** @type {?} */ result = ((FormValidator)).checkValidator.maxLength({ value: control.value, param: maxlength });
+            if (result === true) {
+                return null;
+            }
+            else {
+                return { 'maxlength': true };
+            }
+        };
+    }
+    /**
+     * @param {?} number
+     * @return {?}
+     */
+    static minLength(number) {
+        let /** @type {?} */ minlength = number;
+        return (control) => {
+            //tslint:disable-next-line
+            let /** @type {?} */ result = ((FormValidator)).checkValidator.minLength({ value: control.value, param: minlength });
+            if (result === true) {
+                return null;
+            }
+            else {
+                return { 'minlength': true };
+            }
+        };
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static number(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.number({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'number': true };
+        }
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static required(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = (control.value === null) ? false : ((FormValidator)).checkValidator.required({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'required': true };
+        }
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static tel(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.tel({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'telno': true };
+        }
+    }
+    /**
+     * @param {?} control
+     * @return {?}
+     */
+    static url(control) {
+        //tslint:disable-next-line
+        let /** @type {?} */ result = ((FormValidator)).checkValidator.url({ value: control.value });
+        if (result === true) {
+            return null;
+        }
+        else {
+            return { 'url': true };
+        }
+    }
+    /**
+     * @param {?} number1
+     * @param {?} number2
+     * @return {?}
+     */
+    static rangeLength(number1, number2) {
+        let /** @type {?} */ minRL = number1;
+        let /** @type {?} */ maxRL = number2;
+        //tslint:disable-next-line
+        let /** @type {?} */ param = [minRL, maxRL];
+        return (control) => {
+            //tslint:disable-next-line
+            let /** @type {?} */ result = ((FormValidator)).checkValidator.rangeLength({ value: control.value, param: param });
+            if (result === true) {
+                return null;
+            }
+            else {
+                return { 'rangelength': true };
+            }
+        };
+    }
+    /**
+     * @param {?} number1
+     * @param {?} number2
+     * @return {?}
+     */
+    static range(number1, number2) {
+        let /** @type {?} */ minR = number1;
+        let /** @type {?} */ maxR = number2;
+        //tslint:disable-next-line
+        let /** @type {?} */ param1 = [minR, maxR];
+        return (control) => {
+            //tslint:disable-next-line
+            let /** @type {?} */ result = ((FormValidator)).checkValidator.range({ value: control.value, param: param1 });
+            if (result === true) {
+                return null;
+            }
+            else {
+                return { 'range': true };
+            }
+        };
+    }
 }
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { TextBoxComponent, TextBoxModule, TextBoxAllModule, TextAreaComponent, TextAreaModule, TextAreaAllModule, NumericTextBoxComponent, NumericTextBoxModule, NumericTextBoxAllModule, MaskedTextBoxComponent, MaskedTextBoxModule, MaskedTextBoxAllModule, SliderComponent, SliderModule, SliderAllModule, UploadedFilesDirective, FilesDirective, UploaderComponent, UploaderModule, UploaderAllModule, ColorPickerComponent, ColorPickerModule, ColorPickerAllModule, SignatureComponent, SignatureModule, SignatureAllModule, RatingComponent, RatingModule, RatingAllModule, OtpInputComponent, OtpInputModule, OtpInputAllModule, SmartTextAreaComponent, SmartTextAreaModule, SmartTextAreaAllModule, SpeechToTextComponent, SpeechToTextModule, SpeechToTextAllModule, FormValidators, inputs$6 as ɵm, outputs$7 as ɵn, inputs$3 as ɵg, outputs$3 as ɵh, inputs$2 as ɵe, outputs$2 as ɵf, inputs$9 as ɵs, outputs$10 as ɵt, inputs$8 as ɵq, outputs$9 as ɵr, inputs$7 as ɵo, outputs$8 as ɵp, inputs$4 as ɵi, outputs$4 as ɵj, inputs$10 as ɵu, outputs$11 as ɵv, inputs$11 as ɵw, outputs$12 as ɵx, inputs$1 as ɵc, outputs$1 as ɵd, inputs as ɵa, outputs as ɵb, inputs$5 as ɵk, outputs$6 as ɵl };