@syncfusion/ej2-angular-inputs 25.2.6 → 26.1.35

package/fesm2020/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, FormValidator } from '@syncfusion/ej2-inputs';
+import { TextBox, TextArea, NumericTextBox, MaskedTextBox, Slider, Uploader, ColorPicker, Signature, Rating, OtpInput, FormValidator } from '@syncfusion/ej2-inputs';
 export * from '@syncfusion/ej2-inputs';
 import { CommonModule } from '@angular/common';
 
 var TextBoxComponent_1;
-const inputs$8 = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width'];
-const outputs$9 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays$8 = ['value'];
+const inputs$9 = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width'];
+const outputs$a = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays$9 = ['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$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();
@@ -70,8 +70,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-textbox',
-                    inputs: inputs$8,
-                    outputs: outputs$9,
+                    inputs: inputs$9,
+                    outputs: outputs$a,
                     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$7 = ['columnsCount', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rowsCount', 'showClearButton', 'value', 'width'];
-const outputs$8 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
-const twoWays$7 = ['value'];
+const inputs$8 = ['cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'value', 'width'];
+const outputs$9 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
+const twoWays$8 = ['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$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();
@@ -174,7 +174,7 @@ let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent extends Te
     }
 };
 TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TextAreaComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TextAreaComponent, selector: "ejs-textarea", inputs: { columnsCount: "columnsCount", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enabled: "enabled", floatLabelType: "floatLabelType", htmlAttributes: "htmlAttributes", locale: "locale", maxLength: "maxLength", placeholder: "placeholder", readonly: "readonly", resizeMode: "resizeMode", rowsCount: "rowsCount", showClearButton: "showClearButton", value: "value", width: "width" }, outputs: { blur: "blur", change: "change", created: "created", destroyed: "destroyed", focus: "focus", input: "input", valueChange: "valueChange" }, providers: [
+TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TextAreaComponent, selector: "ejs-textarea", inputs: { cols: "cols", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enabled: "enabled", floatLabelType: "floatLabelType", htmlAttributes: "htmlAttributes", locale: "locale", maxLength: "maxLength", placeholder: "placeholder", readonly: "readonly", resizeMode: "resizeMode", rows: "rows", showClearButton: "showClearButton", value: "value", width: "width" }, outputs: { blur: "blur", change: "change", created: "created", destroyed: "destroyed", focus: "focus", input: "input", valueChange: "valueChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => TextAreaComponent_1),
@@ -188,8 +188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-textarea',
-                    inputs: inputs$7,
-                    outputs: outputs$8,
+                    inputs: inputs$8,
+                    outputs: outputs$9,
                     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$6 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
-const outputs$7 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
-const twoWays$6 = ['value'];
+const inputs$7 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width'];
+const outputs$8 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+const twoWays$7 = ['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$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();
@@ -306,8 +306,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-numerictextbox',
-                    inputs: inputs$6,
-                    outputs: outputs$7,
+                    inputs: inputs$7,
+                    outputs: outputs$8,
                     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$5 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
-const outputs$6 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
-const twoWays$5 = ['value'];
+const inputs$6 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width'];
+const outputs$7 = ['blur', 'change', 'created', 'destroyed', 'focus', 'valueChange'];
+const twoWays$6 = ['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$6);
-        this.addTwoWay.call(this, twoWays$5);
+        this.registerEvents(outputs$7);
+        this.addTwoWay.call(this, twoWays$6);
         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$5,
-                    outputs: outputs$6,
+                    inputs: inputs$6,
+                    outputs: outputs$7,
                     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$4 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
-const outputs$5 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
-const twoWays$4 = ['value'];
+const inputs$5 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width'];
+const outputs$6 = ['focus', 'blur', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange', 'valueChange'];
+const twoWays$5 = ['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$5);
-        this.addTwoWay.call(this, twoWays$4);
+        this.registerEvents(outputs$6);
+        this.addTwoWay.call(this, twoWays$5);
         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$4,
-                    outputs: outputs$5,
+                    inputs: inputs$5,
+                    outputs: outputs$6,
                     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$4 = [];
+let outputs$5 = [];
 /**
  * '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$4);
+        this.registerEvents(outputs$5);
         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$4,
+                    outputs: outputs$5,
                     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$3 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template'];
-const outputs$3 = ['focus', 'blur', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
-const twoWays$3 = [];
+const inputs$4 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template'];
+const outputs$4 = ['focus', 'blur', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
+const twoWays$4 = [];
 /**
  * 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$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();
@@ -718,8 +718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: 'ejs-uploader',
-                    inputs: inputs$3,
-                    outputs: outputs$3,
+                    inputs: inputs$4,
+                    outputs: outputs$4,
                     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$2 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value'];
-const outputs$2 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
-const twoWays$2 = ['value'];
+const inputs$3 = ['columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value'];
+const outputs$3 = ['focus', 'blur', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select', 'valueChange'];
+const twoWays$3 = ['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$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();
@@ -848,8 +848,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: '[ejs-colorpicker]',
-                    inputs: inputs$2,
-                    outputs: outputs$2,
+                    inputs: inputs$3,
+                    outputs: outputs$3,
                     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$1 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
-const outputs$1 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
-const twoWays$1 = [];
+const inputs$2 = ['backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity'];
+const outputs$2 = ['focus', 'blur', 'beforeSave', 'change', 'created'];
+const twoWays$2 = [];
 /**
  * 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$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();
@@ -965,8 +965,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: '[ejs-signature]',
-                    inputs: inputs$1,
-                    outputs: outputs$1,
+                    inputs: inputs$2,
+                    outputs: outputs$2,
                     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 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
-const outputs = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
-const twoWays = ['value'];
+const inputs$1 = ['allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible'];
+const outputs$1 = ['focus', 'blur', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged', 'valueChange'];
+const twoWays$1 = ['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);
-        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();
@@ -1094,8 +1094,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
             type: Component,
             args: [{
                     selector: '[ejs-rating]',
-                    inputs: inputs,
-                    outputs: outputs,
+                    inputs: inputs$1,
+                    outputs: outputs$1,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [
@@ -1161,6 +1161,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                 }]
         }] });
 
+var OtpInputComponent_1;
+const inputs = ['ariaLabels', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'length', 'locale', 'placeholder', 'separator', 'stylingMode', 'type', 'value'];
+const outputs = ['blur', 'created', 'focus', 'input', 'valueChanged', 'valueChange'];
+const twoWays = ['value'];
+/**
+ * Represents the EJ2 Angular OtpInput Component.
+ * ```html
+ * <div ejs-otpinput [value]='value'></div>
+ * ```
+ */
+let OtpInputComponent = OtpInputComponent_1 = class OtpInputComponent extends OtpInput {
+    constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.cdr = cdr;
+        this.skipFromEvent = true;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.formContext = new FormBase();
+        this.formCompContext = new ComponentBase();
+    }
+    registerOnChange(registerFunction) {
+    }
+    registerOnTouched(registerFunction) {
+    }
+    writeValue(value) {
+    }
+    setDisabledState(disabled) {
+    }
+    ngOnInit() {
+        this.formCompContext.ngOnInit(this);
+    }
+    ngAfterViewInit() {
+        this.formContext.ngAfterViewInit(this);
+    }
+    ngOnDestroy() {
+        this.formCompContext.ngOnDestroy(this);
+    }
+    ngAfterContentChecked() {
+        this.formCompContext.ngAfterContentChecked(this);
+    }
+};
+OtpInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+OtpInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: OtpInputComponent, selector: "[ejs-otpinput]", inputs: { ariaLabels: "ariaLabels", cssClass: "cssClass", disabled: "disabled", enablePersistence: "enablePersistence", enableRtl: "enableRtl", htmlAttributes: "htmlAttributes", length: "length", locale: "locale", placeholder: "placeholder", separator: "separator", stylingMode: "stylingMode", type: "type", value: "value" }, outputs: { blur: "blur", created: "created", focus: "focus", input: "input", valueChanged: "valueChanged", valueChange: "valueChange" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => OtpInputComponent_1),
+            multi: true
+        }
+    ], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OtpInputComponent = OtpInputComponent_1 = __decorate([
+    ComponentMixins([ComponentBase, FormBase])
+], OtpInputComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ejs-otpinput]',
+                    inputs: inputs,
+                    outputs: outputs,
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => OtpInputComponent),
+                            multi: true
+                        }
+                    ],
+                    queries: {}
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; } });
+
+/**
+ * NgModule definition for the OtpInput component.
+ */
+class OtpInputModule {
+}
+OtpInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OtpInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputModule, declarations: [OtpInputComponent], imports: [CommonModule], exports: [OtpInputComponent] });
+OtpInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        OtpInputComponent
+                    ],
+                    exports: [
+                        OtpInputComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * NgModule definition for the OtpInput component with providers.
+ */
+class OtpInputAllModule {
+}
+OtpInputAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OtpInputAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputAllModule, imports: [CommonModule, OtpInputModule], exports: [OtpInputModule] });
+OtpInputAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputAllModule, providers: [], imports: [[CommonModule, OtpInputModule], OtpInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OtpInputAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, OtpInputModule],
+                    exports: [
+                        OtpInputModule
+                    ],
+                    providers: []
+                }]
+        }] });
+
 class FormValidators {
     //max validation
     static max(number) {
@@ -1353,11 +1471,9 @@ class FormValidators {
     }
 }
 
-// Mapping root file for package generation
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ColorPickerAllModule, ColorPickerComponent, ColorPickerModule, FilesDirective, FormValidators, MaskedTextBoxAllModule, MaskedTextBoxComponent, MaskedTextBoxModule, NumericTextBoxAllModule, NumericTextBoxComponent, NumericTextBoxModule, RatingAllModule, RatingComponent, RatingModule, SignatureAllModule, SignatureComponent, SignatureModule, SliderAllModule, SliderComponent, SliderModule, 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, TextAreaAllModule, TextAreaComponent, TextAreaModule, TextBoxAllModule, TextBoxComponent, TextBoxModule, UploadedFilesDirective, UploaderAllModule, UploaderComponent, UploaderModule };
 //# sourceMappingURL=syncfusion-ej2-angular-inputs.mjs.map