@syncfusion/ej2-angular-inputs 24.2.9-ngcc → 25.1.35-ngcc

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-inputs.umd.js
-*  version : 24.2.9
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -216,9 +216,188 @@ var __metadata$1 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$1 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
-var outputs$1 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+var inputs$1 = ['columnsCount', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rowsCount', 'showClearButton', 'value', 'width'];
+var outputs$1 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
 var twoWays$1 = ['value'];
+/**
+ * Represents the EJ2 Angular TextArea Component.
+ * ```html
+ * <ejs-textarea [value]='value'></ejs-textarea>
+ * ```
+ */
+exports.TextAreaComponent = TextAreaComponent_1 = /** @class */ (function (_super) {
+    __extends(TextAreaComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    function TextAreaComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.cdr = cdr;
+        _this.skipFromEvent = true;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$1);
+        _this.addTwoWay.call(_this, twoWays$1);
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.formContext = new ej2AngularBase.FormBase();
+        _this.formCompContext = new ej2AngularBase.ComponentBase();
+        return _this;
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    TextAreaComponent.prototype.registerOnChange = function (registerFunction) {
+    };
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    TextAreaComponent.prototype.registerOnTouched = function (registerFunction) {
+    };
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    TextAreaComponent.prototype.writeValue = function (value) {
+    };
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    TextAreaComponent.prototype.setDisabledState = function (disabled) {
+    };
+    /**
+     * @return {?}
+     */
+    TextAreaComponent.prototype.ngOnInit = function () {
+        this.formCompContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    TextAreaComponent.prototype.ngAfterViewInit = function () {
+        this.formContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    TextAreaComponent.prototype.ngOnDestroy = function () {
+        this.formCompContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    TextAreaComponent.prototype.ngAfterContentChecked = function () {
+        this.formCompContext.ngAfterContentChecked(this);
+    };
+    return TextAreaComponent;
+}(ej2Inputs.TextArea));
+exports.TextAreaComponent.decorators = [
+    { type: core.Component, args: [{
+                selector: 'ejs-textarea',
+                inputs: inputs$1,
+                outputs: outputs$1,
+                template: '',
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return TextAreaComponent_1; }),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+exports.TextAreaComponent.ctorParameters = function () { return [
+    { type: core.ElementRef, },
+    { type: core.Renderer2, },
+    { type: core.ViewContainerRef, },
+    { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
+]; };
+exports.TextAreaComponent = TextAreaComponent_1 = __decorate$1([
+    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
+    __metadata$1("design:paramtypes", [core.ElementRef,
+        core.Renderer2,
+        core.ViewContainerRef,
+        core.Injector,
+        core.ChangeDetectorRef])
+], exports.TextAreaComponent);
+var TextAreaComponent_1;
+/**
+ * NgModule definition for the TextArea component.
+ */
+var TextAreaModule = /** @class */ (function () {
+    function TextAreaModule() {
+    }
+    return TextAreaModule;
+}());
+TextAreaModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule],
+                declarations: [
+                    exports.TextAreaComponent
+                ],
+                exports: [
+                    exports.TextAreaComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TextAreaModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the TextArea component with providers.
+ */
+var TextAreaAllModule = /** @class */ (function () {
+    function TextAreaAllModule() {
+    }
+    return TextAreaAllModule;
+}());
+TextAreaAllModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule, TextAreaModule],
+                exports: [
+                    TextAreaModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TextAreaAllModule.ctorParameters = function () { return []; };
+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);
+};
+var inputs$2 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
+var outputs$2 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+var twoWays$2 = ['value'];
 /**
  * Represents the EJ2 Angular NumericTextBox Component.
  * ```html
@@ -244,8 +423,8 @@ exports.NumericTextBoxComponent = NumericTextBoxComponent_1 = /** @class */ (fun
         _this.skipFromEvent = true;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$1);
-        _this.addTwoWay.call(_this, twoWays$1);
+        _this.registerEvents(outputs$2);
+        _this.addTwoWay.call(_this, twoWays$2);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.formContext = new ej2AngularBase.FormBase();
         _this.formCompContext = new ej2AngularBase.ComponentBase();
@@ -304,8 +483,8 @@ exports.NumericTextBoxComponent = NumericTextBoxComponent_1 = /** @class */ (fun
 exports.NumericTextBoxComponent.decorators = [
     { type: core.Component, args: [{
                 selector: 'ejs-numerictextbox',
-                inputs: inputs$1,
-                outputs: outputs$1,
+                inputs: inputs$2,
+                outputs: outputs$2,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: [
@@ -328,9 +507,9 @@ exports.NumericTextBoxComponent.ctorParameters = function () { return [
     { type: core.Injector, },
     { type: core.ChangeDetectorRef, },
 ]; };
-exports.NumericTextBoxComponent = NumericTextBoxComponent_1 = __decorate$1([
+exports.NumericTextBoxComponent = NumericTextBoxComponent_1 = __decorate$2([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
-    __metadata$1("design:paramtypes", [core.ElementRef,
+    __metadata$2("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector,
@@ -381,7 +560,7 @@ NumericTextBoxAllModule.decorators = [
  * @nocollapse
  */
 NumericTextBoxAllModule.ctorParameters = function () { return []; };
-var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
+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);
@@ -391,13 +570,13 @@ var __decorate$2 = (this && this.__decorate) || function (decorators, target, ke
                 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) {
+var __metadata$3 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$2 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
-var outputs$2 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
-var twoWays$2 = ['value'];
+var inputs$3 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
+var outputs$3 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+var twoWays$3 = ['value'];
 /**
  * Represents the EJ2 Angular MaskedTextbox Component.
  * ```html
@@ -423,8 +602,8 @@ exports.MaskedTextBoxComponent = MaskedTextBoxComponent_1 = /** @class */ (funct
         _this.skipFromEvent = true;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$2);
-        _this.addTwoWay.call(_this, twoWays$2);
+        _this.registerEvents(outputs$3);
+        _this.addTwoWay.call(_this, twoWays$3);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.formContext = new ej2AngularBase.FormBase();
         _this.formCompContext = new ej2AngularBase.ComponentBase();
@@ -483,8 +662,8 @@ exports.MaskedTextBoxComponent = MaskedTextBoxComponent_1 = /** @class */ (funct
 exports.MaskedTextBoxComponent.decorators = [
     { type: core.Component, args: [{
                 selector: 'ejs-maskedtextbox',
-                inputs: inputs$2,
-                outputs: outputs$2,
+                inputs: inputs$3,
+                outputs: outputs$3,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: [
@@ -507,9 +686,9 @@ exports.MaskedTextBoxComponent.ctorParameters = function () { return [
     { type: core.Injector, },
     { type: core.ChangeDetectorRef, },
 ]; };
-exports.MaskedTextBoxComponent = MaskedTextBoxComponent_1 = __decorate$2([
+exports.MaskedTextBoxComponent = MaskedTextBoxComponent_1 = __decorate$3([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
-    __metadata$2("design:paramtypes", [core.ElementRef,
+    __metadata$3("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector,
@@ -560,7 +739,7 @@ MaskedTextBoxAllModule.decorators = [
  * @nocollapse
  */
 MaskedTextBoxAllModule.ctorParameters = function () { return []; };
-var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
+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);
@@ -570,13 +749,13 @@ var __decorate$3 = (this && this.__decorate) || function (decorators, target, ke
                 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) {
+var __metadata$4 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$3 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
-var outputs$3 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
-var twoWays$3 = ['value'];
+var inputs$4 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
+var outputs$4 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
+var twoWays$4 = ['value'];
 /**
  * Represents the EJ2 Angular Slider Component.
  * ```html
@@ -601,8 +780,8 @@ exports.SliderComponent = SliderComponent_1 = /** @class */ (function (_super) {
         _this.cdr = cdr;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$3);
-        _this.addTwoWay.call(_this, twoWays$3);
+        _this.registerEvents(outputs$4);
+        _this.addTwoWay.call(_this, twoWays$4);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.formContext = new ej2AngularBase.FormBase();
         _this.formCompContext = new ej2AngularBase.ComponentBase();
@@ -661,8 +840,8 @@ exports.SliderComponent = SliderComponent_1 = /** @class */ (function (_super) {
 exports.SliderComponent.decorators = [
     { type: core.Component, args: [{
                 selector: 'ejs-slider',
-                inputs: inputs$3,
-                outputs: outputs$3,
+                inputs: inputs$4,
+                outputs: outputs$4,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: [
@@ -685,9 +864,9 @@ exports.SliderComponent.ctorParameters = function () { return [
     { type: core.Injector, },
     { type: core.ChangeDetectorRef, },
 ]; };
-exports.SliderComponent = SliderComponent_1 = __decorate$3([
+exports.SliderComponent = SliderComponent_1 = __decorate$4([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
-    __metadata$3("design:paramtypes", [core.ElementRef,
+    __metadata$4("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector,
@@ -739,7 +918,7 @@ SliderAllModule.decorators = [
  */
 SliderAllModule.ctorParameters = function () { return []; };
 var input = ['name', 'size', 'type'];
-var outputs$4 = [];
+var outputs$5 = [];
 /**
  * 'e-files' directive represent a file of angular uploader
  * It must be contained in a Uploader component(`ejs-uploader`).
@@ -761,7 +940,7 @@ var UploadedFilesDirective = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs$4);
+        _this.registerEvents(outputs$5);
         _this.directivePropList = input;
         return _this;
     }
@@ -771,7 +950,7 @@ UploadedFilesDirective.decorators = [
     { type: core.Directive, args: [{
                 selector: 'e-files>e-uploadedfiles',
                 inputs: input,
-                outputs: outputs$4,
+                outputs: outputs$5,
                 queries: {}
             },] },
 ];
@@ -803,7 +982,7 @@ FilesDirective.decorators = [
  * @nocollapse
  */
 FilesDirective.ctorParameters = function () { return []; };
-var __decorate$4 = (this && this.__decorate) || function (decorators, target, key, desc) {
+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);
@@ -813,13 +992,13 @@ var __decorate$4 = (this && this.__decorate) || function (decorators, target, ke
                 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) {
+var __metadata$5 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$4 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template'];
-var outputs$5 = ['focus', 'blur', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
-var twoWays$4 = [];
+var inputs$5 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template'];
+var outputs$6 = ['focus', 'blur', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
+var twoWays$5 = [];
 /**
  * Represents the EJ2 Angular Uploader Component.
  * ```html
@@ -845,8 +1024,8 @@ exports.UploaderComponent = UploaderComponent_1 = /** @class */ (function (_supe
         _this.tags = ['files'];
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$5);
-        _this.addTwoWay.call(_this, twoWays$4);
+        _this.registerEvents(outputs$6);
+        _this.addTwoWay.call(_this, twoWays$5);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.formContext = new ej2AngularBase.FormBase();
         _this.formCompContext = new ej2AngularBase.ComponentBase();
@@ -906,8 +1085,8 @@ exports.UploaderComponent = UploaderComponent_1 = /** @class */ (function (_supe
 exports.UploaderComponent.decorators = [
     { type: core.Component, args: [{
                 selector: 'ejs-uploader',
-                inputs: inputs$4,
-                outputs: outputs$5,
+                inputs: inputs$5,
+                outputs: outputs$6,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: [
@@ -935,13 +1114,13 @@ exports.UploaderComponent.ctorParameters = function () { return [
 exports.UploaderComponent.propDecorators = {
     'template': [{ type: core.ContentChild, args: ['template',] },],
 };
-__decorate$4([
+__decorate$5([
     ej2AngularBase.Template(),
-    __metadata$4("design:type", Object)
+    __metadata$5("design:type", Object)
 ], exports.UploaderComponent.prototype, "template", void 0);
-exports.UploaderComponent = UploaderComponent_1 = __decorate$4([
+exports.UploaderComponent = UploaderComponent_1 = __decorate$5([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
-    __metadata$4("design:paramtypes", [core.ElementRef,
+    __metadata$5("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector,
@@ -996,7 +1175,7 @@ UploaderAllModule.decorators = [
  * @nocollapse
  */
 UploaderAllModule.ctorParameters = function () { return []; };
-var __decorate$5 = (this && this.__decorate) || function (decorators, target, key, desc) {
+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);
@@ -1006,13 +1185,13 @@ var __decorate$5 = (this && this.__decorate) || function (decorators, target, ke
                 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) {
+var __metadata$6 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$5 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value'];
-var outputs$6 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
-var twoWays$5 = ['value'];
+var inputs$6 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value'];
+var outputs$7 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
+var twoWays$6 = ['value'];
 /**
  * Represents the EJ2 Angular ColorPicker Component.
  * ```html
@@ -1037,8 +1216,8 @@ exports.ColorPickerComponent = ColorPickerComponent_1 = /** @class */ (function
         _this.cdr = cdr;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$6);
-        _this.addTwoWay.call(_this, twoWays$5);
+        _this.registerEvents(outputs$7);
+        _this.addTwoWay.call(_this, twoWays$6);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.formContext = new ej2AngularBase.FormBase();
         _this.formCompContext = new ej2AngularBase.ComponentBase();
@@ -1097,8 +1276,8 @@ exports.ColorPickerComponent = ColorPickerComponent_1 = /** @class */ (function
 exports.ColorPickerComponent.decorators = [
     { type: core.Component, args: [{
                 selector: '[ejs-colorpicker]',
-                inputs: inputs$5,
-                outputs: outputs$6,
+                inputs: inputs$6,
+                outputs: outputs$7,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: [
@@ -1121,9 +1300,9 @@ exports.ColorPickerComponent.ctorParameters = function () { return [
     { type: core.Injector, },
     { type: core.ChangeDetectorRef, },
 ]; };
-exports.ColorPickerComponent = ColorPickerComponent_1 = __decorate$5([
+exports.ColorPickerComponent = ColorPickerComponent_1 = __decorate$6([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
-    __metadata$5("design:paramtypes", [core.ElementRef,
+    __metadata$6("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector,
@@ -1174,7 +1353,7 @@ ColorPickerAllModule.decorators = [
  * @nocollapse
  */
 ColorPickerAllModule.ctorParameters = function () { return []; };
-var __decorate$6 = (this && this.__decorate) || function (decorators, target, key, desc) {
+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);
@@ -1184,13 +1363,13 @@ var __decorate$6 = (this && this.__decorate) || function (decorators, target, ke
                 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) {
+var __metadata$7 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$6 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
-var outputs$7 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
-var twoWays$6 = [];
+var inputs$7 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
+var outputs$8 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
+var twoWays$7 = [];
 /**
  * Represents the EJ2 Angular Signature Component.
  * ```html
@@ -1215,8 +1394,8 @@ exports.SignatureComponent = SignatureComponent_1 = /** @class */ (function (_su
         _this.cdr = cdr;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$7);
-        _this.addTwoWay.call(_this, twoWays$6);
+        _this.registerEvents(outputs$8);
+        _this.addTwoWay.call(_this, twoWays$7);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.formContext = new ej2AngularBase.FormBase();
         _this.formCompContext = new ej2AngularBase.ComponentBase();
@@ -1275,8 +1454,8 @@ exports.SignatureComponent = SignatureComponent_1 = /** @class */ (function (_su
 exports.SignatureComponent.decorators = [
     { type: core.Component, args: [{
                 selector: '[ejs-signature]',
-                inputs: inputs$6,
-                outputs: outputs$7,
+                inputs: inputs$7,
+                outputs: outputs$8,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: [
@@ -1299,9 +1478,9 @@ exports.SignatureComponent.ctorParameters = function () { return [
     { type: core.Injector, },
     { type: core.ChangeDetectorRef, },
 ]; };
-exports.SignatureComponent = SignatureComponent_1 = __decorate$6([
+exports.SignatureComponent = SignatureComponent_1 = __decorate$7([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
-    __metadata$6("design:paramtypes", [core.ElementRef,
+    __metadata$7("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector,
@@ -1352,7 +1531,7 @@ SignatureAllModule.decorators = [
  * @nocollapse
  */
 SignatureAllModule.ctorParameters = function () { return []; };
-var __decorate$7 = (this && this.__decorate) || function (decorators, target, key, desc) {
+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);
@@ -1362,13 +1541,13 @@ var __decorate$7 = (this && this.__decorate) || function (decorators, target, ke
                 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) {
+var __metadata$8 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$7 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
-var outputs$8 = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
-var twoWays$7 = ['value'];
+var inputs$8 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
+var outputs$9 = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
+var twoWays$8 = ['value'];
 /**
  * Represents the EJ2 Angular Rating Component.
  * ```html
@@ -1393,8 +1572,8 @@ exports.RatingComponent = RatingComponent_1 = /** @class */ (function (_super) {
         _this.cdr = cdr;
         _this.element = _this.ngEle.nativeElement;
         _this.injectedModules = _this.injectedModules || [];
-        _this.registerEvents(outputs$8);
-        _this.addTwoWay.call(_this, twoWays$7);
+        _this.registerEvents(outputs$9);
+        _this.addTwoWay.call(_this, twoWays$8);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
         _this.formContext = new ej2AngularBase.FormBase();
         _this.formCompContext = new ej2AngularBase.ComponentBase();
@@ -1453,8 +1632,8 @@ exports.RatingComponent = RatingComponent_1 = /** @class */ (function (_super) {
 exports.RatingComponent.decorators = [
     { type: core.Component, args: [{
                 selector: '[ejs-rating]',
-                inputs: inputs$7,
-                outputs: outputs$8,
+                inputs: inputs$8,
+                outputs: outputs$9,
                 template: '',
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: [
@@ -1483,25 +1662,25 @@ exports.RatingComponent.propDecorators = {
     'tooltipTemplate': [{ type: core.ContentChild, args: ['tooltipTemplate',] },],
     'labelTemplate': [{ type: core.ContentChild, args: ['labelTemplate',] },],
 };
-__decorate$7([
+__decorate$8([
     ej2AngularBase.Template(),
-    __metadata$7("design:type", Object)
+    __metadata$8("design:type", Object)
 ], exports.RatingComponent.prototype, "fullTemplate", void 0);
-__decorate$7([
+__decorate$8([
     ej2AngularBase.Template(),
-    __metadata$7("design:type", Object)
+    __metadata$8("design:type", Object)
 ], exports.RatingComponent.prototype, "emptyTemplate", void 0);
-__decorate$7([
+__decorate$8([
     ej2AngularBase.Template(),
-    __metadata$7("design:type", Object)
+    __metadata$8("design:type", Object)
 ], exports.RatingComponent.prototype, "tooltipTemplate", void 0);
-__decorate$7([
+__decorate$8([
     ej2AngularBase.Template(),
-    __metadata$7("design:type", Object)
+    __metadata$8("design:type", Object)
 ], exports.RatingComponent.prototype, "labelTemplate", void 0);
-exports.RatingComponent = RatingComponent_1 = __decorate$7([
+exports.RatingComponent = RatingComponent_1 = __decorate$8([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
-    __metadata$7("design:paramtypes", [core.ElementRef,
+    __metadata$8("design:paramtypes", [core.ElementRef,
         core.Renderer2,
         core.ViewContainerRef,
         core.Injector,
@@ -1796,6 +1975,8 @@ var FormValidators = /** @class */ (function () {
 
 exports.TextBoxModule = TextBoxModule;
 exports.TextBoxAllModule = TextBoxAllModule;
+exports.TextAreaModule = TextAreaModule;
+exports.TextAreaAllModule = TextAreaAllModule;
 exports.NumericTextBoxModule = NumericTextBoxModule;
 exports.NumericTextBoxAllModule = NumericTextBoxAllModule;
 exports.MaskedTextBoxModule = MaskedTextBoxModule;
@@ -1813,22 +1994,24 @@ exports.SignatureAllModule = SignatureAllModule;
 exports.RatingModule = RatingModule;
 exports.RatingAllModule = RatingAllModule;
 exports.FormValidators = FormValidators;
-exports.ɵk = inputs$5;
-exports.ɵl = outputs$6;
-exports.ɵe = inputs$2;
-exports.ɵf = outputs$2;
-exports.ɵc = inputs$1;
-exports.ɵd = outputs$1;
-exports.ɵo = inputs$7;
-exports.ɵp = outputs$8;
 exports.ɵm = inputs$6;
 exports.ɵn = outputs$7;
 exports.ɵg = inputs$3;
 exports.ɵh = outputs$3;
+exports.ɵe = inputs$2;
+exports.ɵf = outputs$2;
+exports.ɵq = inputs$8;
+exports.ɵr = outputs$9;
+exports.ɵo = inputs$7;
+exports.ɵp = outputs$8;
+exports.ɵi = inputs$4;
+exports.ɵj = outputs$4;
+exports.ɵc = inputs$1;
+exports.ɵd = outputs$1;
 exports.ɵa = inputs;
 exports.ɵb = outputs;
-exports.ɵi = inputs$4;
-exports.ɵj = outputs$5;
+exports.ɵk = inputs$5;
+exports.ɵl = outputs$6;
 exports.NumericTextBox = ej2Inputs.NumericTextBox;
 exports.regularExpressions = ej2Inputs.regularExpressions;
 exports.createMask = ej2Inputs.createMask;
@@ -1853,6 +2036,8 @@ exports.getVal = ej2Inputs.getVal;
 exports.getMaskedVal = ej2Inputs.getMaskedVal;
 exports.MaskUndo = ej2Inputs.MaskUndo;
 exports.MaskedTextBox = ej2Inputs.MaskedTextBox;
+exports.containerAttributes = ej2Inputs.containerAttributes;
+exports.TEXTBOX_FOCUS = ej2Inputs.TEXTBOX_FOCUS;
 exports.Input = ej2Inputs.Input;
 exports.TicksData = ej2Inputs.TicksData;
 exports.ColorRangeData = ej2Inputs.ColorRangeData;
@@ -1868,6 +2053,7 @@ exports.AsyncSettings = ej2Inputs.AsyncSettings;
 exports.Uploader = ej2Inputs.Uploader;
 exports.ColorPicker = ej2Inputs.ColorPicker;
 exports.TextBox = ej2Inputs.TextBox;
+exports.TextArea = ej2Inputs.TextArea;
 exports.Signature = ej2Inputs.Signature;
 exports.LabelPosition = ej2Inputs.LabelPosition;
 exports.PrecisionType = ej2Inputs.PrecisionType;