@syncfusion/ej2-angular-inputs/fesm2020/syncfusion-ej2-angular-inputs.mjs.map

A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for Angular

{"version":3,"file":"syncfusion-ej2-angular-inputs.mjs","sources":["../../src/textbox/textbox.component.ts","../../src/textbox/textbox.module.ts","../../src/textbox/textbox-all.module.ts","../../src/textarea/textarea.component.ts","../../src/textarea/textarea.module.ts","../../src/textarea/textarea-all.module.ts","../../src/numerictextbox/numerictextbox.component.ts","../../src/numerictextbox/numerictextbox.module.ts","../../src/numerictextbox/numerictextbox-all.module.ts","../../src/maskedtextbox/maskedtextbox.component.ts","../../src/maskedtextbox/maskedtextbox.module.ts","../../src/maskedtextbox/maskedtextbox-all.module.ts","../../src/slider/slider.component.ts","../../src/slider/slider.module.ts","../../src/slider/slider-all.module.ts","../../src/uploader/files.directive.ts","../../src/uploader/uploader.component.ts","../../src/uploader/uploader.module.ts","../../src/uploader/uploader-all.module.ts","../../src/color-picker/colorpicker.component.ts","../../src/color-picker/colorpicker.module.ts","../../src/color-picker/colorpicker-all.module.ts","../../src/signature/signature.component.ts","../../src/signature/signature.module.ts","../../src/signature/signature-all.module.ts","../../src/rating/rating.component.ts","../../src/rating/rating.module.ts","../../src/rating/rating-all.module.ts","../../src/otp-input/otpinput.component.ts","../../src/otp-input/otpinput.module.ts","../../src/otp-input/otpinput-all.module.ts","../../src/smart-textarea/smarttextarea.component.ts","../../src/smart-textarea/smarttextarea.module.ts","../../src/smart-textarea/smarttextarea-all.module.ts","../../src/speech-to-text/speechtotext.component.ts","../../src/speech-to-text/speechtotext.module.ts","../../src/speech-to-text/speechtotext-all.module.ts","../../src/form-validator/form-validator.ts","../../syncfusion-ej2-angular-inputs.ts"],"sourcesContent":["import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { TextBox } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['autocomplete','cssClass','enablePersistence','enableRtl','enabled','floatLabelType','htmlAttributes','locale','multiline','placeholder','readonly','showClearButton','type','value','width'];\nexport const outputs: string[] = ['blur','change','created','destroyed','focus','input','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular TextBox Component.\n * ```html\n * <ejs-textbox [value]='value'></ejs-textbox>\n * ```\n */\n@Component({\n    selector: 'ejs-textbox',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => TextBoxComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class TextBoxComponent extends TextBox implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tblur: any;\n\tchange: any;\n\tcreated: any;\n\tdestroyed: any;\n\tfocus: any;\n\tinput: any;\n\tpublic valueChange: any;\n\n\n\n    private skipFromEvent:boolean = true;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextBoxComponent } from './textbox.component';\n\n/**\n * NgModule definition for the TextBox component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        TextBoxComponent\n    ],\n    exports: [\n        TextBoxComponent\n    ]\n})\nexport class TextBoxModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextBoxComponent } from './textbox.component';\nimport { TextBoxModule } from './textbox.module';\n\n\n\n\n\n/**\n * NgModule definition for the TextBox component with providers.\n */\n@NgModule({\n    imports: [CommonModule, TextBoxModule],\n    exports: [\n        TextBoxModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class TextBoxAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { TextArea } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['cols','cssClass','enablePersistence','enableRtl','enabled','floatLabelType','htmlAttributes','locale','maxLength','placeholder','readonly','resizeMode','rows','showClearButton','value','width'];\nexport const outputs: string[] = ['blur','change','created','destroyed','focus','input','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular TextArea Component.\n * ```html\n * <ejs-textarea [value]='value'></ejs-textarea>\n * ```\n */\n@Component({\n    selector: 'ejs-textarea',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => TextAreaComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class TextAreaComponent extends TextArea implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tblur: any;\n\tchange: any;\n\tcreated: any;\n\tdestroyed: any;\n\tfocus: any;\n\tinput: any;\n\tpublic valueChange: any;\n\n\n\n    private skipFromEvent:boolean = true;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextAreaComponent } from './textarea.component';\n\n/**\n * NgModule definition for the TextArea component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        TextAreaComponent\n    ],\n    exports: [\n        TextAreaComponent\n    ]\n})\nexport class TextAreaModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextAreaComponent } from './textarea.component';\nimport { TextAreaModule } from './textarea.module';\n\n\n\n\n\n/**\n * NgModule definition for the TextArea component with providers.\n */\n@NgModule({\n    imports: [CommonModule, TextAreaModule],\n    exports: [\n        TextAreaModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class TextAreaAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { NumericTextBox } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['cssClass','currency','currencyCode','decimals','enablePersistence','enableRtl','enabled','floatLabelType','format','htmlAttributes','locale','max','min','placeholder','readonly','showClearButton','showSpinButton','step','strictMode','validateDecimalOnType','value','width'];\nexport const outputs: string[] = ['blur','change','created','destroyed','focus','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular NumericTextBox Component.\n * ```html\n * <ej-numerictextbox [value]='value'></ej-numerictextbox>\n * ```\n */\n@Component({\n    selector: 'ejs-numerictextbox',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => NumericTextBoxComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class NumericTextBoxComponent extends NumericTextBox implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tblur: any;\n\tchange: any;\n\tcreated: any;\n\tdestroyed: any;\n\tfocus: any;\n\tpublic valueChange: any;\n\n\n\n    private skipFromEvent:boolean = true;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NumericTextBoxComponent } from './numerictextbox.component';\n\n/**\n * NgModule definition for the NumericTextBox component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        NumericTextBoxComponent\n    ],\n    exports: [\n        NumericTextBoxComponent\n    ]\n})\nexport class NumericTextBoxModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NumericTextBoxComponent } from './numerictextbox.component';\nimport { NumericTextBoxModule } from './numerictextbox.module';\n\n\n\n\n\n/**\n * NgModule definition for the NumericTextBox component with providers.\n */\n@NgModule({\n    imports: [CommonModule, NumericTextBoxModule],\n    exports: [\n        NumericTextBoxModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class NumericTextBoxAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['cssClass','customCharacters','enablePersistence','enableRtl','enabled','floatLabelType','htmlAttributes','locale','mask','placeholder','promptChar','readonly','showClearButton','value','width'];\nexport const outputs: string[] = ['blur','change','created','destroyed','focus','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular MaskedTextbox Component.\n * ```html\n * <ej-maskedtextbox [value]='value'></ej-maskedtextbox>\n * ```\n */\n@Component({\n    selector: 'ejs-maskedtextbox',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => MaskedTextBoxComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class MaskedTextBoxComponent extends MaskedTextBox implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tblur: any;\n\tchange: any;\n\tcreated: any;\n\tdestroyed: any;\n\tfocus: any;\n\tpublic valueChange: any;\n\n\n\n    private skipFromEvent:boolean = true;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MaskedTextBoxComponent } from './maskedtextbox.component';\n\n/**\n * NgModule definition for the MaskedTextBox component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        MaskedTextBoxComponent\n    ],\n    exports: [\n        MaskedTextBoxComponent\n    ]\n})\nexport class MaskedTextBoxModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MaskedTextBoxComponent } from './maskedtextbox.component';\nimport { MaskedTextBoxModule } from './maskedtextbox.module';\n\n\n\n\n\n/**\n * NgModule definition for the MaskedTextBox component with providers.\n */\n@NgModule({\n    imports: [CommonModule, MaskedTextBoxModule],\n    exports: [\n        MaskedTextBoxModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class MaskedTextBoxAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Slider } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['colorRange','cssClass','customValues','enableAnimation','enableHtmlSanitizer','enablePersistence','enableRtl','enabled','limits','locale','max','min','orientation','readonly','showButtons','step','ticks','tooltip','type','value','width'];\nexport const outputs: string[] = ['focus', 'blur', 'change','changed','created','renderedTicks','renderingTicks','tooltipChange','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular Slider Component.\n * ```html\n * <ejs-slider [value]='value'></ejs-slider>\n * ```\n */\n@Component({\n    selector: 'ejs-slider',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SliderComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class SliderComponent extends Slider implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tchange: any;\n\tchanged: any;\n\tcreated: any;\n\trenderedTicks: any;\n\trenderingTicks: any;\n\ttooltipChange: any;\n\tpublic valueChange: any;\n\n\n\n    public focus: any;\n    public blur: any;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SliderComponent } from './slider.component';\n\n/**\n * NgModule definition for the Slider component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        SliderComponent\n    ],\n    exports: [\n        SliderComponent\n    ]\n})\nexport class SliderModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SliderComponent } from './slider.component';\nimport { SliderModule } from './slider.module';\n\n\n\n\n\n/**\n * NgModule definition for the Slider component with providers.\n */\n@NgModule({\n    imports: [CommonModule, SliderModule],\n    exports: [\n        SliderModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class SliderAllModule { }","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['name', 'size', 'type'];\nlet outputs: string[] = [];\n/**\n * 'e-files' directive represent a file of angular uploader \n * It must be contained in a Uploader component(`ejs-uploader`). \n * ```html\n * <ejs-uploader id='fileupload' multiple=true> \n *   <e-files>\n *    <e-file name='Java' size=23000 type='pdf'></e-file>\n *    <e-file name='C++' size=30000 type='.docx'></e-file>\n *   </e-files>\n * </ejs-uploader>\n * ```\n */\n@Directive({\n    selector: 'e-files>e-uploadedfiles',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class UploadedFilesDirective extends ComplexBase<UploadedFilesDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Specifies the type of the file\n     * @default ''\n     */\n    public type: any;\n    /** \n     * Specifies the name of the file\n     * @default ''\n     */\n    public name: any;\n    /** \n     * Specifies the size of the file\n     * @default null\n     */\n    public size: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * UploadedFiles Array Directive\n * @private\n */\n@Directive({\n    selector: 'ejs-uploader>e-files',\n    queries: {\n        children: new ContentChildren(UploadedFilesDirective)\n    },\n})\nexport class FilesDirective extends ArrayBase<FilesDirective> {\n    constructor() {\n        super('files');\n    }\n}","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ContentChild } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Uploader } from '@syncfusion/ej2-inputs';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { FilesDirective } from './files.directive';\n\nexport const inputs: string[] = ['allowedExtensions','asyncSettings','autoUpload','buttons','cssClass','directoryUpload','dropArea','dropEffect','enableHtmlSanitizer','enablePersistence','enableRtl','enabled','files','htmlAttributes','locale','maxFileSize','minFileSize','multiple','sequentialUpload','showFileList','template'];\nexport const outputs: string[] = ['focus', 'blur', 'actionComplete','beforeRemove','beforeUpload','canceling','change','chunkFailure','chunkSuccess','chunkUploading','clearing','created','failure','fileListRendering','pausing','progress','removing','rendering','resuming','selected','success','uploading'];\nexport const twoWays: string[] = [];\n\n/**\n * Represents the EJ2 Angular Uploader Component.\n * ```html\n * <ejs-uploader></ejs-uploader>\n * ```\n */\n@Component({\n    selector: 'ejs-uploader',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => UploaderComponent),\n            multi: true\n        }\n    ],\n    queries: {\n        childFiles: new ContentChild(FilesDirective)\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class UploaderComponent extends Uploader implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tactionComplete: any;\n\tbeforeRemove: any;\n\tbeforeUpload: any;\n\tcanceling: any;\n\tchange: any;\n\tchunkFailure: any;\n\tchunkSuccess: any;\n\tchunkUploading: any;\n\tclearing: any;\n\tcreated: any;\n\tfailure: any;\n\tfileListRendering: any;\n\tpausing: any;\n\tprogress: any;\n\tremoving: any;\n\trendering: any;\n\tresuming: any;\n\tselected: any;\n\tsuccess: any;\n\tpublic uploading: any;\n    public childFiles: any;\n    public tags: string[] = ['files'];\n    /** \n     * Specifies the HTML string that used to customize the content of each file in the list.\n     * \n     * > For more information, refer to the [template](../../uploader/template/) section from the documentation.\n     *     \n     * @default null\n     * @asptype string\n     */\n    @ContentChild('template')\n    @Template()\n    public template: any;\n\n    public focus: any;\n    public blur: any;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        this.tagObjects[0].instance = this.childFiles;\n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UploadedFilesDirective, FilesDirective } from './files.directive';\nimport { UploaderComponent } from './uploader.component';\n\n/**\n * NgModule definition for the Uploader component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        UploaderComponent,\n        UploadedFilesDirective,\n        FilesDirective\n    ],\n    exports: [\n        UploaderComponent,\n        UploadedFilesDirective,\n        FilesDirective\n    ]\n})\nexport class UploaderModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UploadedFilesDirective, FilesDirective } from './files.directive';\nimport { UploaderComponent } from './uploader.component';\nimport { UploaderModule } from './uploader.module';\n\n\n\n\n\n/**\n * NgModule definition for the Uploader component with providers.\n */\n@NgModule({\n    imports: [CommonModule, UploaderModule],\n    exports: [\n        UploaderModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class UploaderAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { ColorPicker } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['columns','createPopupOnClick','cssClass','disabled','enableOpacity','enablePersistence','enableRtl','inline','locale','mode','modeSwitcher','noColor','presetColors','showButtons','showRecentColors','value'];\nexport const outputs: string[] = ['focus', 'blur', 'beforeClose','beforeModeSwitch','beforeOpen','beforeTileRender','change','created','onModeSwitch','open','select','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular ColorPicker Component.\n * ```html\n * <input ejs-colorpicker type='color'/>\n * ```\n */\n@Component({\n    selector: '[ejs-colorpicker]',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ColorPickerComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class ColorPickerComponent extends ColorPicker implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tbeforeClose: any;\n\tbeforeModeSwitch: any;\n\tbeforeOpen: any;\n\tbeforeTileRender: any;\n\tchange: any;\n\tcreated: any;\n\tonModeSwitch: any;\n\topen: any;\n\tselect: any;\n\tpublic valueChange: any;\n\n\n\n    public focus: any;\n    public blur: any;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColorPickerComponent } from './colorpicker.component';\n\n/**\n * NgModule definition for the ColorPicker component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        ColorPickerComponent\n    ],\n    exports: [\n        ColorPickerComponent\n    ]\n})\nexport class ColorPickerModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColorPickerComponent } from './colorpicker.component';\nimport { ColorPickerModule } from './colorpicker.module';\n\n\n\n\n\n/**\n * NgModule definition for the ColorPicker component with providers.\n */\n@NgModule({\n    imports: [CommonModule, ColorPickerModule],\n    exports: [\n        ColorPickerModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class ColorPickerAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Signature } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['backgroundColor','backgroundImage','disabled','enablePersistence','enableRtl','isReadOnly','locale','maxStrokeWidth','minStrokeWidth','saveWithBackground','strokeColor','velocity'];\nexport const outputs: string[] = ['focus', 'blur', 'beforeSave','change','created'];\nexport const twoWays: string[] = [];\n\n/**\n * Represents the EJ2 Angular Signature Component.\n * ```html\n * <canvas ejs-signature />\n * ```\n */\n@Component({\n    selector: '[ejs-signature]',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SignatureComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class SignatureComponent extends Signature implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tbeforeSave: any;\n\tchange: any;\n\tpublic created: any;\n\n\n\n    public focus: any;\n    public blur: any;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SignatureComponent } from './signature.component';\n\n/**\n * NgModule definition for the Signature component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        SignatureComponent\n    ],\n    exports: [\n        SignatureComponent\n    ]\n})\nexport class SignatureModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SignatureComponent } from './signature.component';\nimport { SignatureModule } from './signature.module';\n\n\n\n\n\n/**\n * NgModule definition for the Signature component with providers.\n */\n@NgModule({\n    imports: [CommonModule, SignatureModule],\n    exports: [\n        SignatureModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class SignatureAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ContentChild } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Rating } from '@syncfusion/ej2-inputs';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nexport const inputs: string[] = ['allowReset','cssClass','disabled','emptyTemplate','enableAnimation','enablePersistence','enableRtl','enableSingleSelection','fullTemplate','itemsCount','labelPosition','labelTemplate','locale','min','precision','readOnly','showLabel','showTooltip','tooltipTemplate','value','visible'];\nexport const outputs: string[] = ['focus', 'blur', 'beforeItemRender','created','onItemHover','valueChanged','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular Rating Component.\n * ```html\n * <input ejs-rating [value]='value' />\n * ```\n */\n@Component({\n    selector: '[ejs-rating]',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => RatingComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class RatingComponent extends Rating implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tbeforeItemRender: any;\n\tcreated: any;\n\tonItemHover: any;\n\tvalueChanged: any;\n\tpublic valueChange: any;\n\n\n    /** \n     * Defines the template that defines the appearance of each rated item in a rating component.\n     * \n     * {% codeBlock src='rating/fullTemplate/index.md' %}{% endcodeBlock %}\n     *     \n     * @default ''\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('fullTemplate')\n    @Template()\n    public fullTemplate: any;\n    /** \n     * Defines the template that defines the appearance of each un-rated item in a rating component.\n     * @default ''\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('emptyTemplate')\n    @Template()\n    public emptyTemplate: any;\n    /** \n     * Defines the template that used as tooltip content over default tooltip content of the rating. \n     * The current value of rating passed as context to build the content.\n     * \n     * {% codeBlock src='rating/tooltipTemplate/index.md' %}{% endcodeBlock %}\n     *     \n     * @default ''\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('tooltipTemplate')\n    @Template()\n    public tooltipTemplate: any;\n    /** \n     * Defines the template that used as label over default label of the rating. The current value of rating passed as context to build the content.\n     * \n     * {% codeBlock src='rating/labelTemplate/index.md' %}{% endcodeBlock %}\n     *     \n     * @default ''\n     * @angulartype string | object\n     * @reacttype string | function | JSX.Element\n     * @vuetype string | function\n     * @asptype string\n     */\n    @ContentChild('labelTemplate')\n    @Template()\n    public labelTemplate: any;\n\n    public focus: any;\n    public blur: any;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RatingComponent } from './rating.component';\n\n/**\n * NgModule definition for the Rating component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        RatingComponent\n    ],\n    exports: [\n        RatingComponent\n    ]\n})\nexport class RatingModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RatingComponent } from './rating.component';\nimport { RatingModule } from './rating.module';\n\n\n\n\n\n/**\n * NgModule definition for the Rating component with providers.\n */\n@NgModule({\n    imports: [CommonModule, RatingModule],\n    exports: [\n        RatingModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class RatingAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { OtpInput } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['ariaLabels','autoFocus','cssClass','disabled','enablePersistence','enableRtl','htmlAttributes','length','locale','placeholder','separator','stylingMode','textTransform','type','value'];\nexport const outputs: string[] = ['blur','created','focus','input','valueChanged','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the EJ2 Angular OtpInput Component.\n * ```html\n * <div ejs-otpinput [value]='value'></div>\n * ```\n */\n@Component({\n    selector: '[ejs-otpinput]',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => OtpInputComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class OtpInputComponent extends OtpInput implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tblur: any;\n\tcreated: any;\n\tfocus: any;\n\tinput: any;\n\tvalueChanged: any;\n\tpublic valueChange: any;\n\n\n\n    private skipFromEvent:boolean = true;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(): void {\n        \n        this.formCompContext.ngAfterContentChecked(this);\n    }\n\n    public registerEvents: (eventList: string[]) => void;\n    public addTwoWay: (propList: string[]) => void;\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OtpInputComponent } from './otpinput.component';\n\n/**\n * NgModule definition for the OtpInput component.\n */\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        OtpInputComponent\n    ],\n    exports: [\n        OtpInputComponent\n    ]\n})\nexport class OtpInputModule { }","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OtpInputComponent } from './otpinput.component';\nimport { OtpInputModule } from './otpinput.module';\n\n\n\n\n\n/**\n * NgModule definition for the OtpInput component with providers.\n */\n@NgModule({\n    imports: [CommonModule, OtpInputModule],\n    exports: [\n        OtpInputModule\n    ],\n    providers:[\n        \n    ]\n})\nexport class OtpInputAllModule { }","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { SmartTextArea } from '@syncfusion/ej2-inputs';\n\n\n\nexport const inputs: string[] = ['UserPhrases','aiSuggestionHandler','cols','cssClass','enablePersistence','enableRtl','enabled','floatLabelType','htmlAttributes','locale','maxLength','placeholder','readonly','resizeMode','rows','showClearButton','showSuggestionOnPopup','userRole','value','width'];\nexport const outputs: string[] = ['blur','change','created','destroyed','focus','input','valueChange'];\nexport const twoWays: string[] = ['value'];\n\n/**\n * Represents the Angular Smart TextArea Component.\n * ```html\n * <ejs-smarttextarea></ejs-smarttextarea>\n * ```\n */\n@Component({\n    selector: 'ejs-smarttextarea',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SmartTextAreaComponent),\n            multi: true\n        }\n    ],\n    queries: {\n\n    }\n})\n@ComponentMixins([ComponentBase, FormBase])\nexport class SmartTextAreaComponent extends SmartTextArea implements IComponentBase {\n    public formCompContext : any;\n    public formContext : any;\n    public tagObjects: any;\n\tblur: any;\n\tchange: any;\n\tcreated: any;\n\tdestroyed: any;\n\tfocus: any;\n\tinput: any;\n\tpublic valueChange: any;\n\n\n\n    private skipFromEvent:boolean = true;\n    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector, private cdr: ChangeDetectorRef) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.formContext  = new FormBase();\n        this.formCompContext  = new ComponentBase();\n    }\n\n    public registerOnChange(registerFunction: (_: any) => void): void {\n    }\n\n    public registerOnTouched(registerFunction: () => void): void {\n    }\n\n    public writeValue(value: any): void {\n    }\n    \n    public setDisabledState(disabled: boolean): void {\n    }\n\n    public ngOnInit() {\n        this.formCompContext.ngOnInit(this);\n    }\n\n    public ngAfterViewInit(): void {\n        this.formContext.ngAfterViewInit(this);\n    }\n\n    public ngOnDestroy(): void {\n        this.formCompContext.ngOnDestroy(this);\n    }\n\n    public ngAfterContentChecked(