@syncfusion/ej2-angular-inputs 28.2.11 → 29.1.33

package/fesm2015/syncfusion-ej2-angular-inputs.mjs

@@ -3,14 +3,14 @@ import * as i0 from '@angular/core';
 import { forwardRef, Component, ChangeDetectionStrategy, NgModule, Directive, ContentChildren, ContentChild } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { setValue, FormBase, ComponentBase, ComponentMixins, ComplexBase, ArrayBase, Template } from '@syncfusion/ej2-angular-base';
-import { TextBox, TextArea, NumericTextBox, MaskedTextBox, Slider, Uploader, ColorPicker, Signature, Rating, OtpInput, SmartTextArea, FormValidator } from '@syncfusion/ej2-inputs';
+import { TextBox, TextArea, NumericTextBox, MaskedTextBox, Slider, Uploader, ColorPicker, Signature, Rating, OtpInput, SmartTextArea, SpeechToText, FormValidator } from '@syncfusion/ej2-inputs';
 export * from '@syncfusion/ej2-inputs';
 import { CommonModule } from '@angular/common';
 
 var TextBoxComponent_1;
-const inputs$a = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width'];
-const outputs$b = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays$a = ['value'];
+const inputs$b = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width'];
+const outputs$c = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays$b = ['value'];
 /**
  * Represents the EJ2 Angular TextBox Component.
  * ```html
@@ -28,8 +28,8 @@ let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent extends TextB
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$b);
-        this.addTwoWay.call(this, twoWays$a);
+        this.registerEvents(outputs$c);
+        this.addTwoWay.call(this, twoWays$b);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -70,8 +70,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-textbox',
-                    inputs: inputs$a,
-                    outputs: outputs$b,
+                    inputs: inputs$b,
+                    outputs: outputs$c,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -126,9 +126,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var TextAreaComponent_1;
-const inputs$9 = ['cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'value', 'width'];
-const outputs$a = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays$9 = ['value'];
+const inputs$a = ['cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'value', 'width'];
+const outputs$b = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays$a = ['value'];
 /**
  * Represents the EJ2 Angular TextArea Component.
  * ```html
@@ -146,8 +146,8 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$a);
-        this.addTwoWay.call(this, twoWays$9);
+        this.registerEvents(outputs$b);
+        this.addTwoWay.call(this, twoWays$a);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -188,8 +188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-textarea',
-                    inputs: inputs$9,
-                    outputs: outputs$a,
+                    inputs: inputs$a,
+                    outputs: outputs$b,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -244,9 +244,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var NumericTextBoxComponent_1;
-const inputs$8 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
-const outputs$9 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
-const twoWays$8 = ['value'];
+const inputs$9 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
+const outputs$a = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+const twoWays$9 = ['value'];
 /**
  * Represents the EJ2 Angular NumericTextBox Component.
  * ```html
@@ -264,8 +264,8 @@ let NumericTextBoxComponent = NumericTextBoxComponent_1 = class NumericTextBoxCo
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$9);
-        this.addTwoWay.call(this, twoWays$8);
+        this.registerEvents(outputs$a);
+        this.addTwoWay.call(this, twoWays$9);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -306,8 +306,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-numerictextbox',
-                    inputs: inputs$8,
-                    outputs: outputs$9,
+                    inputs: inputs$9,
+                    outputs: outputs$a,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -362,9 +362,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var MaskedTextBoxComponent_1;
-const inputs$7 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
-const outputs$8 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
-const twoWays$7 = ['value'];
+const inputs$8 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
+const outputs$9 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+const twoWays$8 = ['value'];
 /**
  * Represents the EJ2 Angular MaskedTextbox Component.
  * ```html
@@ -382,8 +382,8 @@ let MaskedTextBoxComponent = MaskedTextBoxComponent_1 = class MaskedTextBoxCompo
         this.skipFromEvent = true;
         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);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -424,8 +424,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-maskedtextbox',
-                    inputs: inputs$7,
-                    outputs: outputs$8,
+                    inputs: inputs$8,
+                    outputs: outputs$9,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -480,9 +480,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var SliderComponent_1;
-const inputs$6 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
-const outputs$7 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
-const twoWays$6 = ['value'];
+const inputs$7 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
+const outputs$8 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
+const twoWays$7 = ['value'];
 /**
  * Represents the EJ2 Angular Slider Component.
  * ```html
@@ -499,8 +499,8 @@ let SliderComponent = SliderComponent_1 = class SliderComponent extends Slider {
         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);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -541,8 +541,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-slider',
-                    inputs: inputs$6,
-                    outputs: outputs$7,
+                    inputs: inputs$7,
+                    outputs: outputs$8,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -597,7 +597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 let input = ['name', 'size', 'type'];
-let outputs$6 = [];
+let outputs$7 = [];
 /**
  * 'e-files' directive represent a file of angular uploader
  * It must be contained in a Uploader component(`ejs-uploader`).
@@ -615,7 +615,7 @@ class UploadedFilesDirective extends ComplexBase {
         super();
         this.viewContainerRef = viewContainerRef;
         setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$6);
+        this.registerEvents(outputs$7);
         this.directivePropList = input;
     }
 }
@@ -626,7 +626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             args: [{
                     selector: 'e-files>e-uploadedfiles',
                     inputs: input,
-                    outputs: outputs$6,
+                    outputs: outputs$7,
                     queries: {}
                 }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
@@ -652,9 +652,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }], ctorParameters: function () { return []; } });
 
 var UploaderComponent_1;
-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$5 = ['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 = [];
+const inputs$6 = ['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$6 = [];
 /**
  * Represents the EJ2 Angular Uploader Component.
  * ```html
@@ -672,8 +672,8 @@ let UploaderComponent = UploaderComponent_1 = class UploaderComponent extends Up
         this.tags = ['files'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$5);
-        this.addTwoWay.call(this, twoWays$5);
+        this.registerEvents(outputs$6);
+        this.addTwoWay.call(this, twoWays$6);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -718,8 +718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-uploader',
-                    inputs: inputs$5,
-                    outputs: outputs$5,
+                    inputs: inputs$6,
+                    outputs: outputs$6,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -787,9 +787,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var ColorPickerComponent_1;
-const inputs$4 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'showRecentColors', 'value'];
-const outputs$4 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
-const twoWays$4 = ['value'];
+const inputs$5 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'showRecentColors', 'value'];
+const outputs$5 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
+const twoWays$5 = ['value'];
 /**
  * Represents the EJ2 Angular ColorPicker Component.
  * ```html
@@ -806,8 +806,8 @@ let ColorPickerComponent = ColorPickerComponent_1 = class ColorPickerComponent e
         this.cdr = cdr;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$4);
-        this.addTwoWay.call(this, twoWays$4);
+        this.registerEvents(outputs$5);
+        this.addTwoWay.call(this, twoWays$5);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -848,8 +848,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: '[ejs-colorpicker]',
-                    inputs: inputs$4,
-                    outputs: outputs$4,
+                    inputs: inputs$5,
+                    outputs: outputs$5,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -904,9 +904,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var SignatureComponent_1;
-const inputs$3 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
-const outputs$3 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
-const twoWays$3 = [];
+const inputs$4 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
+const outputs$4 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
+const twoWays$4 = [];
 /**
  * Represents the EJ2 Angular Signature Component.
  * ```html
@@ -923,8 +923,8 @@ let SignatureComponent = SignatureComponent_1 = class SignatureComponent extends
         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);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -965,8 +965,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: '[ejs-signature]',
-                    inputs: inputs$3,
-                    outputs: outputs$3,
+                    inputs: inputs$4,
+                    outputs: outputs$4,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -1021,9 +1021,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var RatingComponent_1;
-const inputs$2 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
-const outputs$2 = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
-const twoWays$2 = ['value'];
+const inputs$3 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
+const outputs$3 = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
+const twoWays$3 = ['value'];
 /**
  * Represents the EJ2 Angular Rating Component.
  * ```html
@@ -1040,8 +1040,8 @@ let RatingComponent = RatingComponent_1 = class RatingComponent extends Rating {
         this.cdr = cdr;
         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);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -1094,8 +1094,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: '[ejs-rating]',
-                    inputs: inputs$2,
-                    outputs: outputs$2,
+                    inputs: inputs$3,
+                    outputs: outputs$3,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -1162,9 +1162,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var OtpInputComponent_1;
-const inputs$1 = ['ariaLabels', 'autoFocus', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'length', 'locale', 'placeholder', 'separator', 'stylingMode', 'textTransform', 'type', 'value'];
-const outputs$1 = ['blur', 'created', 'focus', 'input', 'valueChanged', 'valueChange'];
-const twoWays$1 = ['value'];
+const inputs$2 = ['ariaLabels', 'autoFocus', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'length', 'locale', 'placeholder', 'separator', 'stylingMode', 'textTransform', 'type', 'value'];
+const outputs$2 = ['blur', 'created', 'focus', 'input', 'valueChanged', 'valueChange'];
+const twoWays$2 = ['value'];
 /**
  * Represents the EJ2 Angular OtpInput Component.
  * ```html
@@ -1182,8 +1182,8 @@ let OtpInputComponent = OtpInputComponent_1 = class OtpInputComponent extends Ot
         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);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -1224,8 +1224,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: '[ejs-otpinput]',
-                    inputs: inputs$1,
-                    outputs: outputs$1,
+                    inputs: inputs$2,
+                    outputs: outputs$2,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -1280,9 +1280,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
         }] });
 
 var SmartTextAreaComponent_1;
-const inputs = ['UserPhrases', 'aiSuggestionHandler', 'cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'showSuggestionOnPopup', 'userRole', 'value', 'width'];
-const outputs = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays = ['value'];
+const inputs$1 = ['UserPhrases', 'aiSuggestionHandler', 'cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'showSuggestionOnPopup', 'userRole', 'value', 'width'];
+const outputs$1 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays$1 = ['value'];
 /**
  * Represents the Angular Smart TextArea Component.
  * ```html
@@ -1300,8 +1300,8 @@ let SmartTextAreaComponent = SmartTextAreaComponent_1 = class SmartTextAreaCompo
         this.skipFromEvent = true;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs);
-        this.addTwoWay.call(this, twoWays);
+        this.registerEvents(outputs$1);
+        this.addTwoWay.call(this, twoWays$1);
         setValue('currentInstance', this, this.viewContainerRef);
         this.formContext = new FormBase();
         this.formCompContext = new ComponentBase();
@@ -1342,8 +1342,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-smarttextarea',
-                    inputs: inputs,
-                    outputs: outputs,
+                    inputs: inputs$1,
+                    outputs: outputs$1,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -1397,6 +1397,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                 }]
         }] });
 
+const inputs = ['allowInterimResults', 'buttonSettings', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'lang', 'listeningState', 'locale', 'showTooltip', 'tooltipSettings', 'transcript'];
+const outputs = ['created', 'onError', 'onStart', 'onStop', 'transcriptChanged', 'transcriptChange'];
+const twoWays = ['transcript'];
+/**
+ * Represents the EJ2 Angular SpeechToText Component.
+ * ```html
+ * <button ejs-speechtotext ></button>
+ * ```
+ */
+let SpeechToTextComponent = class SpeechToTextComponent extends SpeechToText {
+    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);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    ngAfterContentChecked() {
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+SpeechToTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+SpeechToTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SpeechToTextComponent, selector: "[ejs-speechtotext]", inputs: { allowInterimResults: "allowInterimResults", buttonSettings: "buttonSettings", cssClass: "cssClass", disabled: "disabled", enablePersistence: "enablePersistence", enableRtl: "enableRtl", htmlAttributes: "htmlAttributes", lang: "lang", listeningState: "listeningState", locale: "locale", showTooltip: "showTooltip", tooltipSettings: "tooltipSettings", transcript: "transcript" }, outputs: { created: "created", onError: "onError", onStart: "onStart", onStop: "onStop", transcriptChanged: "transcriptChanged", transcriptChange: "transcriptChange" }, usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SpeechToTextComponent = __decorate([
+    ComponentMixins([ComponentBase])
+], SpeechToTextComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ejs-speechtotext]',
+                    inputs: inputs,
+                    outputs: outputs,
+                    template: `<ng-content ></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    queries: {}
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
+
+/**
+ * NgModule definition for the SpeechToText component.
+ */
+class SpeechToTextModule {
+}
+SpeechToTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SpeechToTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextModule, declarations: [SpeechToTextComponent], imports: [CommonModule], exports: [SpeechToTextComponent] });
+SpeechToTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        SpeechToTextComponent
+                    ],
+                    exports: [
+                        SpeechToTextComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * NgModule definition for the SpeechToText component with providers.
+ */
+class SpeechToTextAllModule {
+}
+SpeechToTextAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SpeechToTextAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextAllModule, imports: [CommonModule, SpeechToTextModule], exports: [SpeechToTextModule] });
+SpeechToTextAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextAllModule, providers: [], imports: [[CommonModule, SpeechToTextModule], SpeechToTextModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SpeechToTextAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SpeechToTextModule],
+                    exports: [
+                        SpeechToTextModule
+                    ],
+                    providers: []
+                }]
+        }] });
+
 class FormValidators {
     //max validation
     static max(number) {
@@ -1593,5 +1686,5 @@ class FormValidators {
  * Generated bundle index. Do not edit.
  */
 
-export { ColorPickerAllModule, ColorPickerComponent, ColorPickerModule, FilesDirective, FormValidators, MaskedTextBoxAllModule, MaskedTextBoxComponent, MaskedTextBoxModule, NumericTextBoxAllModule, NumericTextBoxComponent, NumericTextBoxModule, OtpInputAllModule, OtpInputComponent, OtpInputModule, RatingAllModule, RatingComponent, RatingModule, SignatureAllModule, SignatureComponent, SignatureModule, SliderAllModule, SliderComponent, SliderModule, SmartTextAreaAllModule, SmartTextAreaComponent, SmartTextAreaModule, TextAreaAllModule, TextAreaComponent, TextAreaModule, TextBoxAllModule, TextBoxComponent, TextBoxModule, UploadedFilesDirective, UploaderAllModule, UploaderComponent, UploaderModule };
+export { ColorPickerAllModule, ColorPickerComponent, ColorPickerModule, FilesDirective, FormValidators, MaskedTextBoxAllModule, MaskedTextBoxComponent, MaskedTextBoxModule, NumericTextBoxAllModule, NumericTextBoxComponent, NumericTextBoxModule, OtpInputAllModule, OtpInputComponent, OtpInputModule, RatingAllModule, RatingComponent, RatingModule, SignatureAllModule, SignatureComponent, SignatureModule, SliderAllModule, SliderComponent, SliderModule, SmartTextAreaAllModule, SmartTextAreaComponent, SmartTextAreaModule, SpeechToTextAllModule, SpeechToTextComponent, SpeechToTextModule, TextAreaAllModule, TextAreaComponent, TextAreaModule, TextBoxAllModule, TextBoxComponent, TextBoxModule, UploadedFilesDirective, UploaderAllModule, UploaderComponent, UploaderModule };
 //# sourceMappingURL=syncfusion-ej2-angular-inputs.mjs.map