@syncfusion/ej2-angular-inputs 25.2.6-ngcc → 26.1.35-ngcc

package/README.md

@@ -187,6 +187,19 @@ The [Angular Rating](https://www.syncfusion.com/angular-ui-components/angular-ra
 * [Appearance](https://ej2.syncfusion.com/angular/documentation/rating/appearance) - Customize the rating items appearance.
 * [Templates](https://ej2.syncfusion.com/angular/documentation/rating/templates) - Customize the rating item with a heart, SVG, or any content that precisely matches unique needs.
 
+### Angular OTP Input
+
+The `Angular OTP Input` component is designed to securely enter and verify single-use passwords for multi-factor authentication purposes in various applications, such as banking, e-commerce, or account login processes. It has several built-in features such as support for input types, styling modes, placeholder, seperators, and customization.
+
+#### Key features
+
+* `Input types` - Allow specifying the input type as text, number, or password for the OTP input..
+* `Styling modes` - Offer built-in styling options such as underline, outline, or fill.
+* `Tooltip` - Displays additional information of the rating items.
+* `Placeholders` - Allow setting a hint character for each input field, indicating the expected value.
+* `Separators` - Specify a character to be placed between input fields. 
+* `Customization` - Allows customizing the default appearance, including input field styling, input length, and more. 
+
 <p align="center">
 Trusted by the world's leading companies
   <a href="https://www.syncfusion.com/">

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-inputs.umd.js
-*  version : 25.2.6
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -216,7 +216,7 @@ var __metadata$1 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$1 = ['columnsCount', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rowsCount', 'showClearButton', 'value', 'width'];
+var inputs$1 = ['cols', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rows', 'showClearButton', 'value', 'width'];
 var outputs$1 = ['blur', 'change', 'created', 'destroyed', 'focus', 'input', 'valueChange'];
 var twoWays$1 = ['value'];
 /**
@@ -1731,6 +1731,185 @@ RatingAllModule.decorators = [
  * @nocollapse
  */
 RatingAllModule.ctorParameters = function () { return []; };
+var __decorate$9 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$9 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$9 = ['ariaLabels', 'cssClass', 'disabled', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'length', 'locale', 'placeholder', 'separator', 'stylingMode', 'type', 'value'];
+var outputs$10 = ['blur', 'created', 'focus', 'input', 'valueChanged', 'valueChange'];
+var twoWays$9 = ['value'];
+/**
+ * Represents the EJ2 Angular OtpInput Component.
+ * ```html
+ * <div ejs-otpinput [value]='value'></div>
+ * ```
+ */
+exports.OtpInputComponent = OtpInputComponent_1 = /** @class */ (function (_super) {
+    __extends(OtpInputComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     * @param {?} cdr
+     */
+    function OtpInputComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.cdr = cdr;
+        _this.skipFromEvent = true;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$10);
+        _this.addTwoWay.call(_this, twoWays$9);
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.formContext = new ej2AngularBase.FormBase();
+        _this.formCompContext = new ej2AngularBase.ComponentBase();
+        return _this;
+    }
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    OtpInputComponent.prototype.registerOnChange = function (registerFunction) {
+    };
+    /**
+     * @param {?} registerFunction
+     * @return {?}
+     */
+    OtpInputComponent.prototype.registerOnTouched = function (registerFunction) {
+    };
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    OtpInputComponent.prototype.writeValue = function (value) {
+    };
+    /**
+     * @param {?} disabled
+     * @return {?}
+     */
+    OtpInputComponent.prototype.setDisabledState = function (disabled) {
+    };
+    /**
+     * @return {?}
+     */
+    OtpInputComponent.prototype.ngOnInit = function () {
+        this.formCompContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    OtpInputComponent.prototype.ngAfterViewInit = function () {
+        this.formContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    OtpInputComponent.prototype.ngOnDestroy = function () {
+        this.formCompContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    OtpInputComponent.prototype.ngAfterContentChecked = function () {
+        this.formCompContext.ngAfterContentChecked(this);
+    };
+    return OtpInputComponent;
+}(ej2Inputs.OtpInput));
+exports.OtpInputComponent.decorators = [
+    { type: core.Component, args: [{
+                selector: '[ejs-otpinput]',
+                inputs: inputs$9,
+                outputs: outputs$10,
+                template: '',
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return OtpInputComponent_1; }),
+                        multi: true
+                    }
+                ],
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+exports.OtpInputComponent.ctorParameters = function () { return [
+    { type: core.ElementRef, },
+    { type: core.Renderer2, },
+    { type: core.ViewContainerRef, },
+    { type: core.Injector, },
+    { type: core.ChangeDetectorRef, },
+]; };
+exports.OtpInputComponent = OtpInputComponent_1 = __decorate$9([
+    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase, ej2AngularBase.FormBase]),
+    __metadata$9("design:paramtypes", [core.ElementRef,
+        core.Renderer2,
+        core.ViewContainerRef,
+        core.Injector,
+        core.ChangeDetectorRef])
+], exports.OtpInputComponent);
+var OtpInputComponent_1;
+/**
+ * NgModule definition for the OtpInput component.
+ */
+var OtpInputModule = /** @class */ (function () {
+    function OtpInputModule() {
+    }
+    return OtpInputModule;
+}());
+OtpInputModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule],
+                declarations: [
+                    exports.OtpInputComponent
+                ],
+                exports: [
+                    exports.OtpInputComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+OtpInputModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the OtpInput component with providers.
+ */
+var OtpInputAllModule = /** @class */ (function () {
+    function OtpInputAllModule() {
+    }
+    return OtpInputAllModule;
+}());
+OtpInputAllModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule, OtpInputModule],
+                exports: [
+                    OtpInputModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+OtpInputAllModule.ctorParameters = function () { return []; };
 var FormValidators = /** @class */ (function () {
     function FormValidators() {
     }
@@ -1993,6 +2172,8 @@ exports.SignatureModule = SignatureModule;
 exports.SignatureAllModule = SignatureAllModule;
 exports.RatingModule = RatingModule;
 exports.RatingAllModule = RatingAllModule;
+exports.OtpInputModule = OtpInputModule;
+exports.OtpInputAllModule = OtpInputAllModule;
 exports.FormValidators = FormValidators;
 exports.ɵm = inputs$6;
 exports.ɵn = outputs$7;
@@ -2000,6 +2181,8 @@ exports.ɵg = inputs$3;
 exports.ɵh = outputs$3;
 exports.ɵe = inputs$2;
 exports.ɵf = outputs$2;
+exports.ɵs = inputs$9;
+exports.ɵt = outputs$10;
 exports.ɵq = inputs$8;
 exports.ɵr = outputs$9;
 exports.ɵo = inputs$7;
@@ -2058,6 +2241,9 @@ exports.Signature = ej2Inputs.Signature;
 exports.LabelPosition = ej2Inputs.LabelPosition;
 exports.PrecisionType = ej2Inputs.PrecisionType;
 exports.Rating = ej2Inputs.Rating;
+exports.OtpInputType = ej2Inputs.OtpInputType;
+exports.OtpInputStyle = ej2Inputs.OtpInputStyle;
+exports.OtpInput = ej2Inputs.OtpInput;
 exports.SignatureBase = ej2Inputs.SignatureBase;
 
 Object.defineProperty(exports, '__esModule', { value: true });