cmat 0.0.86 → 0.0.88

package/fesm2022/cmat-components-opt-input.mjs

@@ -2,12 +2,11 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, DOCUMENT, DestroyRef, Input, Output, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { input, output, signal, computed, inject, DOCUMENT, DestroyRef, Input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i2 from '@angular/forms';
 import { NgControl, FormBuilder, FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { isNil } from 'lodash';
 import { Subject } from 'rxjs';
 
 class KeyboardUtil {
@@ -35,75 +34,107 @@ class KeyboardUtil {
     }
 }
 
-/* eslint-disable @angular-eslint/no-output-on-prefix */
 /* eslint-disable @typescript-eslint/member-ordering */
 let NEXT_ID = 1;
 class CmatOtpInputComponent {
+    get errorState() {
+        if (this.ngControl == null)
+            return false;
+        return (this.ngControl.invalid && ((this.ngControl.dirty ?? false) || this.ngControl.touched)) ?? false;
+    }
     constructor() {
+        this.config = input({ length: 4 }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.onBlur = output();
+        this.onInputChange = output();
         this.id = `cmat-otp-input-${NEXT_ID}`;
-        this.onBlur = new EventEmitter();
-        this.onInputChange = new EventEmitter();
-        this.config = { length: 4 };
-        this.componentKey = (NEXT_ID++).toString(36);
         this.stateChanges = new Subject();
-        this.focused = false;
+        this._placeholderSignal = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_placeholderSignal" }] : /* istanbul ignore next */ []));
+        this._requiredSignal = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_requiredSignal" }] : /* istanbul ignore next */ []));
+        this._disabledSignal = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_disabledSignal" }] : /* istanbul ignore next */ []));
+        this._valueSignal = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_valueSignal" }] : /* istanbul ignore next */ []));
+        this._currentValSignal = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_currentValSignal" }] : /* istanbul ignore next */ []));
+        this._focused = false;
+        this._activeFocusCount = 0;
+        this.controlKeys = computed(() => Object.keys(this.otpForm?.controls ?? {}), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "controlKeys" }] : /* istanbul ignore next */ []));
+        this.inputType = computed(() => {
+            const cfg = this.config();
+            return cfg?.isPasswordInput
+                ? 'password'
+                : cfg?.allowNumbersOnly
+                    ? 'tel'
+                    : 'text';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputType" }] : /* istanbul ignore next */ []));
+        this.componentKey = (NEXT_ID++).toString(36);
         this.ngControl = inject(NgControl, { optional: true, self: true });
         this._document = inject(DOCUMENT);
         this._formBuilder = inject(FormBuilder);
         this._destroyRef = inject(DestroyRef);
         this._valueChangesSub = null;
-        this._activeFocusCount = 0;
         this._pendingTimeouts = [];
-        this._placeholder = '';
-        this._required = false;
-        this._disabled = false;
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this._onModelChange = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this._onTouchedChange = () => { };
         this.otpForm = this._formBuilder.group({});
         if (this.ngControl != null) {
             this.ngControl.valueAccessor = this;
         }
+        this._rebuildForm();
     }
-    get inputType() {
-        return this.config?.isPasswordInput
-            ? 'password'
-            : this.config?.allowNumbersOnly
-                ? 'tel'
-                : 'text';
+    get placeholder() {
+        return this._placeholderSignal();
     }
-    get controlKeys() { return Object.keys(this.otpForm?.controls ?? {}); }
-    ;
-    get errorState() {
-        if (this.ngControl == null)
-            return false;
-        return (this.ngControl.invalid && ((this.ngControl.dirty ?? false) || this.ngControl.touched)) ?? false;
+    set placeholder(value) {
+        this._placeholderSignal.set(value);
+        this.stateChanges.next();
     }
-    ngOnChanges(changes) {
-        if (changes.config) {
-            if (this.config.length !== Object.keys(this.otpForm?.controls ?? {}).length) {
-                this._valueChangesSub?.unsubscribe();
-                this._valueChangesSub = null;
-                this.otpForm = this._formBuilder.group({});
-                for (let index = 0; index < this.config.length; index++) {
-                    this.otpForm.addControl(this._getControlName(index), new FormControl());
-                }
-                this._valueChangesSub = this.otpForm.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
-                    Object.keys(this.otpForm.controls).forEach((k) => {
-                        const val = this.otpForm.controls[k].value;
-                        if (typeof val === 'string' && val.length > 1) {
-                            if (val.length >= this.config.length) {
-                                this.setValue(val);
-                            }
-                            else {
-                                this._rebuildValue();
-                            }
-                        }
-                    });
-                });
-            }
+    get required() {
+        return this._requiredSignal();
+    }
+    set required(value) {
+        this._requiredSignal.set(coerceBooleanProperty(value));
+        this.stateChanges.next();
+    }
+    get disabled() {
+        if (!this.ngControl.disabled && this.ngControl.disabled !== null) {
+            return this.ngControl.disabled;
         }
+        return this._disabledSignal();
+    }
+    set disabled(value) {
+        const isDisabled = coerceBooleanProperty(value);
+        this._disabledSignal.set(isDisabled);
+        this.setDisabledState(isDisabled);
+        if (isDisabled && this._focused) {
+            this._focused = false;
+            this.stateChanges.next();
+        }
+    }
+    get focused() {
+        return this._focused;
+    }
+    get value() {
+        return this._valueSignal();
+    }
+    set value(val) {
+        const current = this._valueSignal();
+        if (val !== current) {
+            this._valueSignal.set(val);
+            this.stateChanges.next();
+            this._onModelChange(val);
+        }
+    }
+    get empty() {
+        return !this._valueSignal();
+    }
+    get shouldLabelFloat() {
+        return this._focused || !this.empty;
     }
     setDisabledState(isDisabled) {
         if (this.otpForm) {
@@ -114,11 +145,12 @@ class CmatOtpInputComponent {
                 this.otpForm.enable({ emitEvent: false });
             }
         }
+        this.stateChanges.next();
     }
     writeValue(value) {
-        this.currentVal = value || null;
-        if (this.otpForm && this.currentVal) {
-            this.setValue(this.currentVal);
+        this._currentValSignal.set(value || null);
+        if (this.otpForm && this._currentValSignal()) {
+            this.setValue(this._currentValSignal());
         }
     }
     registerOnChange(fn) {
@@ -130,8 +162,8 @@ class CmatOtpInputComponent {
     onFocusIn() {
         this._onTouchedChange();
         this._activeFocusCount++;
-        if (!this.focused) {
-            this.focused = true;
+        if (!this._focused) {
+            this._focused = true;
             this.stateChanges.next();
         }
     }
@@ -140,16 +172,16 @@ class CmatOtpInputComponent {
             this._removePendingTimeout(timeoutId);
             this._activeFocusCount--;
             if (this._activeFocusCount === 0) {
-                this.focused = false;
+                this._focused = false;
                 this._onTouchedChange();
-                this.onBlur.next();
+                this.onBlur.emit();
                 this.stateChanges.next();
             }
         }, 0);
         this._pendingTimeouts.push(timeoutId);
     }
     ngAfterViewInit() {
-        if (!this.config.disableAutoFocus) {
+        if (!this.config().disableAutoFocus) {
             const containerItem = this._document.getElementById(`c_${this.componentKey}`);
             if (containerItem) {
                 const ele = containerItem.getElementsByClassName('cmat-otp-input')[0];
@@ -167,49 +199,8 @@ class CmatOtpInputComponent {
         this.stateChanges.complete();
         this.otpForm.reset();
     }
-    get placeholder() {
-        return this._placeholder;
-    }
-    set placeholder(value) {
-        this._placeholder = value;
-        this.stateChanges.next();
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        if (value !== this.value) {
-            this._value = value;
-            this.stateChanges.next();
-            this._onModelChange(value);
-        }
-    }
-    get empty() {
-        return !this._value;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    get required() { return this._required; }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-        this.stateChanges.next();
-    }
-    get disabled() {
-        if (!isNil(this.ngControl?.disabled)) {
-            return this.ngControl.disabled;
-        }
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this.setDisabledState(this._disabled);
-        if (this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-    }
     setDescribedByIds(ids) {
+        this.userAriaDescribedBy = ids.length ? ids.join(' ') : undefined;
         const containerItem = this._document.getElementById(`c_${this.componentKey}`);
         if (containerItem) {
             if (ids.length) {
@@ -219,11 +210,14 @@ class CmatOtpInputComponent {
                 containerItem.removeAttribute('aria-describedby');
             }
         }
+        this.stateChanges.next();
     }
     onContainerClick() {
-        const containerItem = this._document.getElementById(`c_${this.componentKey}`);
-        if (!this.focused && containerItem) {
-            containerItem.focus();
+        if (!this._focused) {
+            const containerItem = this._document.getElementById(`c_${this.componentKey}`);
+            if (containerItem) {
+                containerItem.focus();
+            }
         }
     }
     onKeyDown($event, inputIdx) {
@@ -268,8 +262,9 @@ class CmatOtpInputComponent {
     }
     onInput($event, inputIdx) {
         const inputTarget = $event.target;
-        const newVal = this.currentVal ? `${this.currentVal}${inputTarget.value}` : inputTarget.value;
-        if (this.config.allowNumbersOnly && !this.validateNumber(newVal)) {
+        const currentVal = this._currentValSignal();
+        const newVal = currentVal ? `${currentVal}${inputTarget.value}` : inputTarget.value;
+        if (this.config().allowNumbersOnly && !this.validateNumber(newVal)) {
             inputTarget.value = '';
             $event.stopPropagation();
             this._clearInput(null, inputIdx);
@@ -309,7 +304,8 @@ class CmatOtpInputComponent {
         }
     }
     setValue(value) {
-        if (this.config.allowNumbersOnly && isNaN(value)) {
+        const cfg = this.config();
+        if (cfg.allowNumbersOnly && isNaN(value)) {
             return;
         }
         this.otpForm.reset();
@@ -317,19 +313,19 @@ class CmatOtpInputComponent {
             this._rebuildValue();
             return;
         }
-        value = value.toString().replace(/\s/g, ''); // remove whitespace
+        value = value.toString().replace(/\s/g, '');
         Array.from(value).forEach((c, idx) => {
             if (this.otpForm.get(this._getControlName(idx))) {
                 this.otpForm.get(this._getControlName(idx)).setValue(c);
             }
         });
-        if (!this.config.disableAutoFocus) {
+        if (!cfg.disableAutoFocus) {
             const outerTimeoutId = setTimeout(() => {
                 this._removePendingTimeout(outerTimeoutId);
                 const containerItem = this._document.getElementById(`c_${this.componentKey}`);
                 if (!containerItem)
                     return;
-                const indexOfElementToFocus = value.length < this.config.length ? value.length : (this.config.length - 1);
+                const indexOfElementToFocus = value.length < cfg.length ? value.length : (cfg.length - 1);
                 const ele = containerItem.getElementsByClassName('cmat-otp-input')[indexOfElementToFocus];
                 if (ele) {
                     const innerTimeoutId = setTimeout(() => {
@@ -351,7 +347,7 @@ class CmatOtpInputComponent {
         }
         e.stopPropagation();
         e.preventDefault();
-        if (!pastedData || (this.config.allowNumbersOnly && !this.validateNumber(pastedData))) {
+        if (!pastedData || (this.config().allowNumbersOnly && !this.validateNumber(pastedData))) {
             return;
         }
         this.setValue(pastedData);
@@ -391,7 +387,7 @@ class CmatOtpInputComponent {
     }
     ifValidKeyCode(event) {
         const inp = event.key;
-        if (this.config?.allowNumbersOnly) {
+        if (this.config()?.allowNumbersOnly) {
             return this.validateNumber(inp);
         }
         const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
@@ -399,13 +395,14 @@ class CmatOtpInputComponent {
     }
     _rebuildValue() {
         let val = null;
+        const cfg = this.config();
         Object.keys(this.otpForm.controls).forEach((k) => {
             let ctrlVal = this.otpForm.controls[k].value;
             if (typeof ctrlVal === 'string' && ctrlVal) {
                 const isLengthExceed = ctrlVal.length > 1;
                 ctrlVal = ctrlVal[0];
-                const letterCase = this.config.letterCase?.toLocaleLowerCase();
-                const isCaseTransformEnabled = !this.config.allowNumbersOnly && (letterCase === 'upper' || letterCase === 'lower');
+                const letterCase = cfg.letterCase?.toLocaleLowerCase();
+                const isCaseTransformEnabled = !cfg.allowNumbersOnly && (letterCase === 'upper' || letterCase === 'lower');
                 if (isCaseTransformEnabled) {
                     ctrlVal = letterCase === 'upper' ? ctrlVal.toUpperCase() : ctrlVal.toLowerCase();
                     this.otpForm.controls[k].setValue(ctrlVal);
@@ -416,37 +413,51 @@ class CmatOtpInputComponent {
                 val = val === null ? ctrlVal : val + ctrlVal;
             }
         });
-        if (this.currentVal != val) {
-            this.currentVal = val;
+        const currentVal = this._currentValSignal();
+        if (currentVal != val) {
+            this._currentValSignal.set(val);
             this._onModelChange(val);
             this.onInputChange.emit(val);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatOtpInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: CmatOtpInputComponent, isStandalone: true, selector: "cmat-otp-input", inputs: { id: "id", config: "config", placeholder: "placeholder", value: "value", required: "required", disabled: "disabled" }, outputs: { onBlur: "onBlur", onInputChange: "onInputChange" }, host: { properties: { "attr.id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CmatOtpInputComponent }], exportAs: ["cmatOtpInput"], usesOnChanges: true, ngImport: i0, template: "@if(otpForm.controls){\r\n<div class=\"cmat-otp-input-wrapper wrapper {{config.containerClass}}\" id=\"c_{{componentKey}}\"\r\n    [attr.tabindex]=\"disabled ? -1 : 0\" [ngStyle]=\"config.containerStyles\" (focusin)=\"onFocusIn()\" (focusout)=\"onFocusOut()\">\r\n    <div class=\"n-o-c\">\r\n        @for (item of controlKeys; track item) {\r\n        <input #inp class=\"cmat-otp-input {{config.inputClass}}\" autocomplete=\"one-time-code\" [pattern]=\"config.allowNumbersOnly ? '\\\\d*' : ''\"\r\n            [type]=\"inputType\" [placeholder]=\"config.placeholder || ''\"\r\n            [ngStyle]=\"config.inputStyles\" [id]=\"getBoxId($index)\"\r\n            [ngClass]=\"{'error-input': (config.showError && errorState)}\"\r\n            [formControl]=\"getFormControl(item)\" (paste)=\"handlePaste($event)\" (keyup)=\"onKeyUp($event,$index)\"\r\n            (input)=\"onInput($event,$index)\" (keydown)=\"onKeyDown($event,$index)\">\r\n        @if(config.separator && !$last){\r\n        {{config.separator}}\r\n        }\r\n        }\r\n    </div>\r\n</div>\r\n}", styles: [".cmat-otp-input{width:50px;height:50px;border-radius:4px;border:solid 1px;border-color:rgba(var(--cmat-text-hint-rgb),.5);text-align:center;font-size:32px}.cmat-otp-input:focus{background-color:var(--cmat-divider);border:solid 2px var(--cmat-primary)}.cmat-otp-input-wrapper .cmat-otp-input{margin:0 .51rem}.cmat-otp-input-wrapper .cmat-otp-input:first-child{margin-left:0}.cmat-otp-input-wrapper .cmat-otp-input:last-child{margin-right:0}.n-o-c{display:flex;align-items:center}.error-input{border-color:var(--cmat-warn)}@media screen and (max-width:767px){.cmat-otp-input{width:40px;font-size:24px;height:40px}}@media screen and (max-width:420px){.cmat-otp-input{width:30px;font-size:18px;height:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    _rebuildForm() {
+        this._valueChangesSub?.unsubscribe();
+        this._valueChangesSub = null;
+        this.otpForm = this._formBuilder.group({});
+        for (let index = 0; index < this.config().length; index++) {
+            this.otpForm.addControl(this._getControlName(index), new FormControl());
+        }
+        this._valueChangesSub = this.otpForm.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+            Object.keys(this.otpForm.controls).forEach((k) => {
+                const val = this.otpForm.controls[k].value;
+                if (typeof val === 'string' && val.length > 1) {
+                    if (val.length >= this.config().length) {
+                        this.setValue(val);
+                    }
+                    else {
+                        this._rebuildValue();
+                    }
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatOtpInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatOtpInputComponent, isStandalone: true, selector: "cmat-otp-input", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onInputChange: "onInputChange" }, host: { properties: { "attr.id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CmatOtpInputComponent }], exportAs: ["cmatOtpInput"], ngImport: i0, template: "@if(otpForm.controls){\r\n<div class=\"cmat-otp-input-wrapper wrapper {{config().containerClass}}\" id=\"c_{{componentKey}}\"\r\n    [attr.tabindex]=\"disabled ? -1 : 0\" [ngStyle]=\"config().containerStyles\" (focusin)=\"onFocusIn()\" (focusout)=\"onFocusOut()\">\r\n    <div class=\"n-o-c\">\r\n        @for (item of controlKeys(); track item) {\r\n        <input #inp class=\"cmat-otp-input {{config().inputClass}}\" autocomplete=\"one-time-code\" [pattern]=\"config().allowNumbersOnly ? '\\\\d*' : ''\"\r\n            [type]=\"inputType()\" [placeholder]=\"config().placeholder || ''\"\r\n            [ngStyle]=\"config().inputStyles\" [id]=\"getBoxId($index)\"\r\n            [ngClass]=\"{'error-input': (config().showError && errorState)}\"\r\n            [formControl]=\"getFormControl(item)\" (paste)=\"handlePaste($event)\" (keyup)=\"onKeyUp($event,$index)\"\r\n            (input)=\"onInput($event,$index)\" (keydown)=\"onKeyDown($event,$index)\">\r\n        @if(config().separator && !$last){\r\n        {{config().separator}}\r\n        }\r\n        }\r\n    </div>\r\n</div>\r\n}", styles: [".cmat-otp-input{width:50px;height:50px;border-radius:4px;border:solid 1px;border-color:rgba(var(--cmat-text-hint-rgb),.5);text-align:center;font-size:32px}.cmat-otp-input:focus{background-color:var(--cmat-divider);border:solid 2px var(--cmat-primary)}.cmat-otp-input-wrapper .cmat-otp-input{margin:0 .51rem}.cmat-otp-input-wrapper .cmat-otp-input:first-child{margin-left:0}.cmat-otp-input-wrapper .cmat-otp-input:last-child{margin-right:0}.n-o-c{display:flex;align-items:center}.error-input{border-color:var(--cmat-warn)}@media screen and (max-width:767px){.cmat-otp-input{width:40px;font-size:24px;height:40px}}@media screen and (max-width:420px){.cmat-otp-input{width:30px;font-size:18px;height:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatOtpInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatOtpInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-otp-input', exportAs: 'cmatOtpInput', imports: [CommonModule, ReactiveFormsModule], providers: [{ provide: MatFormFieldControl, useExisting: CmatOtpInputComponent }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(otpForm.controls){\r\n<div class=\"cmat-otp-input-wrapper wrapper {{config.containerClass}}\" id=\"c_{{componentKey}}\"\r\n    [attr.tabindex]=\"disabled ? -1 : 0\" [ngStyle]=\"config.containerStyles\" (focusin)=\"onFocusIn()\" (focusout)=\"onFocusOut()\">\r\n    <div class=\"n-o-c\">\r\n        @for (item of controlKeys; track item) {\r\n        <input #inp class=\"cmat-otp-input {{config.inputClass}}\" autocomplete=\"one-time-code\" [pattern]=\"config.allowNumbersOnly ? '\\\\d*' : ''\"\r\n            [type]=\"inputType\" [placeholder]=\"config.placeholder || ''\"\r\n            [ngStyle]=\"config.inputStyles\" [id]=\"getBoxId($index)\"\r\n            [ngClass]=\"{'error-input': (config.showError && errorState)}\"\r\n            [formControl]=\"getFormControl(item)\" (paste)=\"handlePaste($event)\" (keyup)=\"onKeyUp($event,$index)\"\r\n            (input)=\"onInput($event,$index)\" (keydown)=\"onKeyDown($event,$index)\">\r\n        @if(config.separator && !$last){\r\n        {{config.separator}}\r\n        }\r\n        }\r\n    </div>\r\n</div>\r\n}", styles: [".cmat-otp-input{width:50px;height:50px;border-radius:4px;border:solid 1px;border-color:rgba(var(--cmat-text-hint-rgb),.5);text-align:center;font-size:32px}.cmat-otp-input:focus{background-color:var(--cmat-divider);border:solid 2px var(--cmat-primary)}.cmat-otp-input-wrapper .cmat-otp-input{margin:0 .51rem}.cmat-otp-input-wrapper .cmat-otp-input:first-child{margin-left:0}.cmat-otp-input-wrapper .cmat-otp-input:last-child{margin-right:0}.n-o-c{display:flex;align-items:center}.error-input{border-color:var(--cmat-warn)}@media screen and (max-width:767px){.cmat-otp-input{width:40px;font-size:24px;height:40px}}@media screen and (max-width:420px){.cmat-otp-input{width:30px;font-size:18px;height:30px}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], onBlur: [{
-                type: Output
-            }], onInputChange: [{
-                type: Output
-            }], config: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], value: [{
+            args: [{ selector: 'cmat-otp-input', exportAs: 'cmatOtpInput', imports: [CommonModule, ReactiveFormsModule], providers: [{ provide: MatFormFieldControl, useExisting: CmatOtpInputComponent }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[attr.id]': 'id',
+                    }, template: "@if(otpForm.controls){\r\n<div class=\"cmat-otp-input-wrapper wrapper {{config().containerClass}}\" id=\"c_{{componentKey}}\"\r\n    [attr.tabindex]=\"disabled ? -1 : 0\" [ngStyle]=\"config().containerStyles\" (focusin)=\"onFocusIn()\" (focusout)=\"onFocusOut()\">\r\n    <div class=\"n-o-c\">\r\n        @for (item of controlKeys(); track item) {\r\n        <input #inp class=\"cmat-otp-input {{config().inputClass}}\" autocomplete=\"one-time-code\" [pattern]=\"config().allowNumbersOnly ? '\\\\d*' : ''\"\r\n            [type]=\"inputType()\" [placeholder]=\"config().placeholder || ''\"\r\n            [ngStyle]=\"config().inputStyles\" [id]=\"getBoxId($index)\"\r\n            [ngClass]=\"{'error-input': (config().showError && errorState)}\"\r\n            [formControl]=\"getFormControl(item)\" (paste)=\"handlePaste($event)\" (keyup)=\"onKeyUp($event,$index)\"\r\n            (input)=\"onInput($event,$index)\" (keydown)=\"onKeyDown($event,$index)\">\r\n        @if(config().separator && !$last){\r\n        {{config().separator}}\r\n        }\r\n        }\r\n    </div>\r\n</div>\r\n}", styles: [".cmat-otp-input{width:50px;height:50px;border-radius:4px;border:solid 1px;border-color:rgba(var(--cmat-text-hint-rgb),.5);text-align:center;font-size:32px}.cmat-otp-input:focus{background-color:var(--cmat-divider);border:solid 2px var(--cmat-primary)}.cmat-otp-input-wrapper .cmat-otp-input{margin:0 .51rem}.cmat-otp-input-wrapper .cmat-otp-input:first-child{margin-left:0}.cmat-otp-input-wrapper .cmat-otp-input:last-child{margin-right:0}.n-o-c{display:flex;align-items:center}.error-input{border-color:var(--cmat-warn)}@media screen and (max-width:767px){.cmat-otp-input{width:40px;font-size:24px;height:40px}}@media screen and (max-width:420px){.cmat-otp-input{width:30px;font-size:18px;height:30px}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], onInputChange: [{ type: i0.Output, args: ["onInputChange"] }], placeholder: [{
                 type: Input
             }], required: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], value: [{
+                type: Input
             }] } });
 
 /**

package/fesm2022/cmat-components-opt-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-opt-input.mjs","sources":["../../../projects/cmat/components/opt-input/utils/keyboard-util.ts","../../../projects/cmat/components/opt-input/otp-input.component.ts","../../../projects/cmat/components/opt-input/otp-input.component.html","../../../projects/cmat/components/opt-input/cmat-components-opt-input.ts"],"sourcesContent":["export class KeyboardUtil {\r\n    static ifTab(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Tab');\r\n    }\r\n    static ifDelete(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Delete;Del');\r\n    }\r\n    static ifBackspace(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Backspace');\r\n    }\r\n    static ifRightArrow(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'ArrowRight;Right')\r\n    }\r\n    static ifLeftArrow(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'ArrowLeft;Left')\r\n    }\r\n    static ifSpacebar(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Spacebar; ')//don't remove the space after ; as this will check for space key\r\n    }\r\n    static ifKey(event: KeyboardEvent, keys: string): boolean {\r\n        let keysToCheck = keys.split(';');\r\n        return keysToCheck.some(k => k === event.key);\r\n    }\r\n}\r\n","/* eslint-disable @angular-eslint/no-output-on-prefix */\r\n/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, DOCUMENT, inject, DestroyRef } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, ReactiveFormsModule, ControlValueAccessor, FormBuilder, UntypedFormGroup, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { isNil } from 'lodash';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { OptInputConfig } from './models/config';\r\nimport { KeyboardUtil } from './utils/keyboard-util';\r\n\r\nlet NEXT_ID = 1;\r\n\r\n@Component({\r\n    selector: 'cmat-otp-input',\r\n    templateUrl: './otp-input.component.html',\r\n    styleUrls: ['./otp-input.component.scss'],\r\n    exportAs: 'cmatOtpInput',\r\n    imports: [CommonModule, ReactiveFormsModule],\r\n    providers: [{ provide: MatFormFieldControl, useExisting: CmatOtpInputComponent }],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatOtpInputComponent implements MatFormFieldControl<string | null>, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor {\r\n    @HostBinding('attr.id')\r\n    @Input()\r\n    public id = `cmat-otp-input-${NEXT_ID}`;\r\n\r\n    @Output() onBlur = new EventEmitter<void>();\r\n    @Output() onInputChange = new EventEmitter<string | null>();\r\n    @Input() config: OptInputConfig = { length: 4 };\r\n\r\n    otpForm: UntypedFormGroup;\r\n    currentVal: string | null;\r\n\r\n    componentKey = (NEXT_ID++).toString(36);\r\n\r\n    readonly stateChanges: Subject<void> = new Subject<void>();\r\n    focused: boolean = false;\r\n\r\n    ngControl = inject(NgControl, { optional: true, self: true })!;\r\n    private _document = inject<Document>(DOCUMENT);\r\n    private _formBuilder = inject(FormBuilder);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n    private _valueChangesSub: Subscription | null = null;\r\n    private _activeFocusCount = 0;\r\n    private _pendingTimeouts: ReturnType<typeof setTimeout>[] = [];\r\n\r\n    constructor() {\r\n        this.otpForm = this._formBuilder.group({});\r\n\r\n        if (this.ngControl != null) {\r\n            this.ngControl.valueAccessor = this;\r\n        }\r\n    }\r\n\r\n    get inputType(): string {\r\n        return this.config?.isPasswordInput\r\n            ? 'password'\r\n            : this.config?.allowNumbersOnly\r\n                ? 'tel'\r\n                : 'text';\r\n    }\r\n    get controlKeys(): string[] { return Object.keys(this.otpForm?.controls ?? {}) };\r\n\r\n    get errorState(): boolean {\r\n        if (this.ngControl == null)\r\n            return false;\r\n\r\n        return (this.ngControl.invalid && ((this.ngControl.dirty ?? false) || this.ngControl.touched)) ?? false;\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes.config) {\r\n            if (this.config.length !== Object.keys(this.otpForm?.controls ?? {}).length) {\r\n                this._valueChangesSub?.unsubscribe();\r\n                this._valueChangesSub = null;\r\n                this.otpForm = this._formBuilder.group({});\r\n                for (let index = 0; index < this.config.length; index++) {\r\n                    this.otpForm.addControl(this._getControlName(index), new FormControl());\r\n                }\r\n                this._valueChangesSub = this.otpForm.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {\r\n                    Object.keys(this.otpForm.controls).forEach((k) => {\r\n                        const val = this.otpForm.controls[k].value as string | null;\r\n                        if (typeof val === 'string' && val.length > 1) {\r\n                            if (val.length >= this.config.length) {\r\n                                this.setValue(val);\r\n                            } else {\r\n                                this._rebuildValue();\r\n                            }\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    setDisabledState(isDisabled: boolean): void {\r\n        if (this.otpForm) {\r\n            if (isDisabled) {\r\n                this.otpForm.disable({ emitEvent: false });\r\n            } else {\r\n                this.otpForm.enable({ emitEvent: false });\r\n            }\r\n        }\r\n    }\r\n    writeValue(value: string): void {\r\n        this.currentVal = value || null;\r\n        if (this.otpForm && this.currentVal) {\r\n            this.setValue(this.currentVal);\r\n        }\r\n    }\r\n\r\n    registerOnChange(fn: (value: string | null) => void): void {\r\n        this._onModelChange = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: () => void): void {\r\n        this._onTouchedChange = fn;\r\n    }\r\n\r\n    onFocusIn(): void {\r\n        this._onTouchedChange();\r\n        this._activeFocusCount++;\r\n\r\n        if (!this.focused) {\r\n            this.focused = true;\r\n            this.stateChanges.next();\r\n        }\r\n    }\r\n\r\n    onFocusOut(): void {\r\n        const timeoutId = setTimeout(() => {\r\n            this._removePendingTimeout(timeoutId);\r\n            this._activeFocusCount--;\r\n            if (this._activeFocusCount === 0) {\r\n                this.focused = false;\r\n                this._onTouchedChange();\r\n                this.onBlur.next();\r\n                this.stateChanges.next();\r\n            }\r\n        }, 0);\r\n        this._pendingTimeouts.push(timeoutId);\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        if (!this.config.disableAutoFocus) {\r\n            const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n            if (containerItem) {\r\n                const ele = containerItem.getElementsByClassName('cmat-otp-input')[0] as HTMLElement | null;\r\n                if (ele?.focus) {\r\n                    ele.focus();\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._pendingTimeouts.forEach(id => clearTimeout(id));\r\n        this._pendingTimeouts = [];\r\n        this._valueChangesSub?.unsubscribe();\r\n        this._valueChangesSub = null;\r\n        this.stateChanges.complete();\r\n        this.otpForm.reset();\r\n    }\r\n\r\n\r\n    @Input()\r\n    get placeholder(): string {\r\n        return this._placeholder;\r\n    }\r\n    set placeholder(value: string) {\r\n        this._placeholder = value;\r\n        this.stateChanges.next();\r\n    }\r\n    private _placeholder: string = '';\r\n\r\n    @Input()\r\n    get value(): string | null {\r\n        return this._value;\r\n    }\r\n    set value(value: string | null) {\r\n        if (value !== this.value) {\r\n            this._value = value;\r\n\r\n            this.stateChanges.next();\r\n\r\n            this._onModelChange(value);\r\n        }\r\n    }\r\n    protected _value: string | null;\r\n\r\n    get empty(): boolean {\r\n        return !this._value;\r\n    }\r\n\r\n    get shouldLabelFloat(): boolean {\r\n        return this.focused || !this.empty;\r\n    }\r\n\r\n    @Input()\r\n    get required(): boolean { return this._required; }\r\n    set required(value: BooleanInput) {\r\n        this._required = coerceBooleanProperty(value);\r\n        this.stateChanges.next();\r\n    }\r\n    protected _required = false;\r\n\r\n    @Input()\r\n    get disabled(): boolean {\r\n        if (!isNil(this.ngControl?.disabled)) {\r\n            return this.ngControl.disabled;\r\n        }\r\n        return this._disabled;\r\n    }\r\n    set disabled(value: BooleanInput) {\r\n        this._disabled = coerceBooleanProperty(value);\r\n\r\n        this.setDisabledState(this._disabled);\r\n\r\n        if (this.focused) {\r\n            this.focused = false;\r\n            this.stateChanges.next();\r\n        }\r\n    }\r\n    protected _disabled = false;\r\n\r\n    setDescribedByIds(ids: string[]): void {\r\n        const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n\r\n        if (containerItem) {\r\n            if (ids.length) {\r\n                containerItem.setAttribute('aria-describedby', ids.join(' '));\r\n            } else {\r\n                containerItem.removeAttribute('aria-describedby');\r\n            }\r\n        }\r\n    }\r\n\r\n    onContainerClick(): void {\r\n        const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n\r\n        if (!this.focused && containerItem) {\r\n            containerItem.focus();\r\n        }\r\n    }\r\n\r\n    onKeyDown($event: KeyboardEvent, inputIdx: number): void {\r\n        const inputTarget = $event.target as HTMLInputElement;\r\n        const prevInputId = this.getBoxId(inputIdx - 1);\r\n        const currentInputId = this.getBoxId(inputIdx);\r\n        const nextInputId = this.getBoxId(inputIdx + 1);\r\n        if (KeyboardUtil.ifSpacebar($event)) {\r\n            $event.preventDefault();\r\n            return;\r\n        }\r\n        if (KeyboardUtil.ifBackspace($event)) {\r\n            if (!inputTarget.value) {\r\n                this._clearInput(prevInputId, inputIdx - 1);\r\n                this._setSelected(prevInputId);\r\n            } else {\r\n                this._clearInput(currentInputId, inputIdx);\r\n            }\r\n            this._rebuildValue();\r\n            return;\r\n        }\r\n        if (KeyboardUtil.ifDelete($event)) {\r\n            if (!inputTarget.value) {\r\n                this._clearInput(prevInputId, inputIdx - 1);\r\n                this._setSelected(prevInputId);\r\n            } else {\r\n                this._clearInput(currentInputId, inputIdx);\r\n            }\r\n            this._rebuildValue();\r\n            return;\r\n        }\r\n        if (this.ifValidKeyCode($event)) {\r\n            inputTarget.value = $event.key;\r\n            const ctrlName = this._getControlName(inputIdx);\r\n            this.otpForm.controls[ctrlName]?.setValue($event.key);\r\n            $event.preventDefault();\r\n            this._setSelected(nextInputId);\r\n            this._rebuildValue();\r\n        }\r\n    }\r\n    onInput($event: Event, inputIdx: number): void {\r\n        const inputTarget = $event.target as HTMLInputElement;\r\n        const newVal = this.currentVal ? `${this.currentVal}${inputTarget.value}` : inputTarget.value;\r\n        if (this.config.allowNumbersOnly && !this.validateNumber(newVal)) {\r\n            inputTarget.value = '';\r\n            $event.stopPropagation();\r\n            this._clearInput(null, inputIdx);\r\n            this._rebuildValue();\r\n        }\r\n    }\r\n\r\n\r\n    onKeyUp($event: KeyboardEvent, inputIdx: number): void {\r\n        if (KeyboardUtil.ifTab($event)) {\r\n            inputIdx -= 1;\r\n        }\r\n        const nextInputId = this.getBoxId(inputIdx + 1);\r\n        const prevInputId = this.getBoxId(inputIdx - 1);\r\n        if (KeyboardUtil.ifRightArrow($event)) {\r\n            $event.preventDefault();\r\n            this._setSelected(nextInputId);\r\n            return;\r\n        }\r\n        if (KeyboardUtil.ifLeftArrow($event)) {\r\n            $event.preventDefault();\r\n            this._setSelected(prevInputId);\r\n            return;\r\n        }\r\n\r\n        if (!($event.target as HTMLInputElement)?.value) {\r\n            return;\r\n        }\r\n    }\r\n\r\n    validateNumber(val: string): boolean {\r\n        return !!val && /^[0-9]+$/.test(val);\r\n    }\r\n\r\n    getBoxId(idx: string | number): string {\r\n        return `otp_${idx}_${this.componentKey}`;\r\n    }\r\n\r\n    focusTo(eleId: string): void {\r\n        const ele = this._document.getElementById(eleId);\r\n        if (ele) {\r\n            ele.focus();\r\n        }\r\n    }\r\n\r\n    setValue(value: string | null): void {\r\n        if (this.config.allowNumbersOnly && isNaN(value as unknown as number)) {\r\n            return;\r\n        }\r\n        this.otpForm.reset();\r\n        if (!value) {\r\n            this._rebuildValue();\r\n            return;\r\n        }\r\n        value = value.toString().replace(/\\s/g, ''); // remove whitespace\r\n        Array.from(value).forEach((c, idx) => {\r\n            if (this.otpForm.get(this._getControlName(idx))) {\r\n                this.otpForm.get(this._getControlName(idx))!.setValue(c);\r\n            }\r\n        });\r\n        if (!this.config.disableAutoFocus) {\r\n            const outerTimeoutId = setTimeout(() => {\r\n                this._removePendingTimeout(outerTimeoutId);\r\n                const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n                if (!containerItem) return;\r\n                const indexOfElementToFocus = value.length < this.config.length ? value.length : (this.config.length - 1);\r\n                const ele: HTMLElement | null = containerItem.getElementsByClassName('cmat-otp-input')[indexOfElementToFocus] as HTMLElement | null;\r\n                if (ele) {\r\n                    const innerTimeoutId = setTimeout(() => {\r\n                        this._removePendingTimeout(innerTimeoutId);\r\n                        ele.focus();\r\n                    }, 1);\r\n                    this._pendingTimeouts.push(innerTimeoutId);\r\n                }\r\n            }, 0);\r\n            this._pendingTimeouts.push(outerTimeoutId);\r\n        }\r\n        this._rebuildValue();\r\n    }\r\n\r\n    handlePaste(e: ClipboardEvent): void {\r\n        const clipboardData = e.clipboardData ?? (window as unknown as { clipboardData?: DataTransfer }).clipboardData;\r\n        let pastedData = '';\r\n        if (clipboardData) {\r\n            pastedData = clipboardData.getData('Text');\r\n        }\r\n        e.stopPropagation();\r\n        e.preventDefault();\r\n        if (!pastedData || (this.config.allowNumbersOnly && !this.validateNumber(pastedData))) {\r\n            return;\r\n        }\r\n        this.setValue(pastedData);\r\n    }\r\n\r\n    getFormControl(key: string): FormControl {\r\n        return this.otpForm.controls[key] as FormControl;\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n    private _onModelChange: (value: string | null) => void = () => { };\r\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n    private _onTouchedChange: () => void = () => { };\r\n\r\n    private _removePendingTimeout(timeoutId: ReturnType<typeof setTimeout>): void {\r\n        const idx = this._pendingTimeouts.indexOf(timeoutId);\r\n        if (idx !== -1) {\r\n            this._pendingTimeouts.splice(idx, 1);\r\n        }\r\n    }\r\n\r\n    private _getControlName(idx: number): string {\r\n        return `ctrl_${idx}`;\r\n    }\r\n\r\n    private _clearInput(eleId: string | null, inputIdx: number): void {\r\n        const ctrlName = this._getControlName(inputIdx);\r\n        this.otpForm.controls[ctrlName]?.setValue(null);\r\n        if (eleId) {\r\n            const ele = this._document.getElementById(eleId);\r\n            if (ele && ele instanceof HTMLInputElement) {\r\n                ele.value = '';\r\n            }\r\n        }\r\n    }\r\n\r\n    private _setSelected(eleId: string): void {\r\n        this.focusTo(eleId);\r\n        const ele = this._document.getElementById(eleId);\r\n        if (ele instanceof HTMLInputElement) {\r\n            const timeoutId = setTimeout(() => {\r\n                this._removePendingTimeout(timeoutId);\r\n                ele.setSelectionRange(0, 1);\r\n            }, 0);\r\n            this._pendingTimeouts.push(timeoutId);\r\n        }\r\n    }\r\n\r\n    private ifValidKeyCode(event: KeyboardEvent): boolean {\r\n        const inp: string = event.key;\r\n        if (this.config?.allowNumbersOnly) {\r\n            return this.validateNumber(inp);\r\n        }\r\n        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\r\n        return isMobile || (/^[a-zA-Z0-9%*_\\-@#$!]$/.test(inp) && inp.length === 1);\r\n    }\r\n\r\n\r\n    private _rebuildValue(): void {\r\n        let val: string | null = null;\r\n        Object.keys(this.otpForm.controls).forEach((k) => {\r\n            let ctrlVal = this.otpForm.controls[k].value as string | null;\r\n            if (typeof ctrlVal === 'string' && ctrlVal) {\r\n                const isLengthExceed = ctrlVal.length > 1;\r\n                ctrlVal = ctrlVal[0];\r\n                const letterCase = this.config.letterCase?.toLocaleLowerCase();\r\n                const isCaseTransformEnabled = !this.config.allowNumbersOnly && (letterCase === 'upper' || letterCase === 'lower');\r\n                if (isCaseTransformEnabled) {\r\n                    ctrlVal = letterCase === 'upper' ? ctrlVal.toUpperCase() : ctrlVal.toLowerCase();\r\n                    this.otpForm.controls[k].setValue(ctrlVal);\r\n                } else if (isLengthExceed) {\r\n                    this.otpForm.controls[k].setValue(ctrlVal);\r\n                }\r\n                val = val === null ? ctrlVal : val + ctrlVal;\r\n            }\r\n        });\r\n        if (this.currentVal != val) {\r\n            this.currentVal = val;\r\n            this._onModelChange(val);\r\n            this.onInputChange.emit(val);\r\n        }\r\n    }\r\n}","@if(otpForm.controls){\r\n<div class=\"cmat-otp-input-wrapper wrapper {{config.containerClass}}\" id=\"c_{{componentKey}}\"\r\n    [attr.tabindex]=\"disabled ? -1 : 0\" [ngStyle]=\"config.containerStyles\" (focusin)=\"onFocusIn()\" (focusout)=\"onFocusOut()\">\r\n    <div class=\"n-o-c\">\r\n        @for (item of controlKeys; track item) {\r\n        <input #inp class=\"cmat-otp-input {{config.inputClass}}\" autocomplete=\"one-time-code\" [pattern]=\"config.allowNumbersOnly ? '\\\\d*' : ''\"\r\n            [type]=\"inputType\" [placeholder]=\"config.placeholder || ''\"\r\n            [ngStyle]=\"config.inputStyles\" [id]=\"getBoxId($index)\"\r\n            [ngClass]=\"{'error-input': (config.showError && errorState)}\"\r\n            [formControl]=\"getFormControl(item)\" (paste)=\"handlePaste($event)\" (keyup)=\"onKeyUp($event,$index)\"\r\n            (input)=\"onInput($event,$index)\" (keydown)=\"onKeyDown($event,$index)\">\r\n        @if(config.separator && !$last){\r\n        {{config.separator}}\r\n        }\r\n        }\r\n    </div>\r\n</div>\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;MAAa,YAAY,CAAA;IACrB,OAAO,KAAK,CAAC,KAAoB,EAAA;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC;IACnC;IACA,OAAO,QAAQ,CAAC,KAAoB,EAAA;QAChC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC;IAC1C;IACA,OAAO,WAAW,CAAC,KAAoB,EAAA;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC;IACzC;IACA,OAAO,YAAY,CAAC,KAAoB,EAAA;QACpC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,kBAAkB,CAAC;IAChD;IACA,OAAO,WAAW,CAAC,KAAoB,EAAA;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAC9C;IACA,OAAO,UAAU,CAAC,KAAoB,EAAA;QAClC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;IAC1C;AACA,IAAA,OAAO,KAAK,CAAC,KAAoB,EAAE,IAAY,EAAA;QAC3C,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AACjC,QAAA,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC;IACjD;AACH;;ACvBD;AACA;AAYA,IAAI,OAAO,GAAG,CAAC;MAYF,qBAAqB,CAAA;AAyB9B,IAAA,WAAA,GAAA;AAtBO,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,eAAA,EAAkB,OAAO,CAAA,CAAE;AAE7B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAQ;AACjC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAiB;AAClD,QAAA,IAAA,CAAA,MAAM,GAAmB,EAAE,MAAM,EAAE,CAAC,EAAE;QAK/C,IAAA,CAAA,YAAY,GAAG,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC;AAE9B,QAAA,IAAA,CAAA,YAAY,GAAkB,IAAI,OAAO,EAAQ;QAC1D,IAAA,CAAA,OAAO,GAAY,KAAK;AAExB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAE;AACtD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAW,QAAQ,CAAC;AACtC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;AACzB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QACzC,IAAA,CAAA,gBAAgB,GAAwB,IAAI;QAC5C,IAAA,CAAA,iBAAiB,GAAG,CAAC;QACrB,IAAA,CAAA,gBAAgB,GAAoC,EAAE;QAiItD,IAAA,CAAA,YAAY,GAAW,EAAE;QA+BvB,IAAA,CAAA,SAAS,GAAG,KAAK;QAmBjB,IAAA,CAAA,SAAS,GAAG,KAAK;;AAmKnB,QAAA,IAAA,CAAA,cAAc,GAAmC,MAAK,EAAG,CAAC;;AAE1D,QAAA,IAAA,CAAA,gBAAgB,GAAe,MAAK,EAAG,CAAC;QArV5C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;AAE1C,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACvC;IACJ;AAEA,IAAA,IAAI,SAAS,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE;AAChB,cAAE;AACF,cAAE,IAAI,CAAC,MAAM,EAAE;AACX,kBAAE;kBACA,MAAM;IACpB;AACA,IAAA,IAAI,WAAW,GAAA,EAAe,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA,CAAC;;AAE/E,IAAA,IAAI,UAAU,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI;AACtB,YAAA,OAAO,KAAK;QAEhB,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,KAAK;IAC3G;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,MAAM,EAAE;YAChB,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;AACzE,gBAAA,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE;AACpC,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;gBAC5B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,gBAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;AACrD,oBAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,IAAI,WAAW,EAAE,CAAC;gBAC3E;gBACA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AACxG,oBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;AAC7C,wBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAsB;wBAC3D,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;4BAC3C,IAAI,GAAG,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AAClC,gCAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;4BACtB;iCAAO;gCACH,IAAI,CAAC,aAAa,EAAE;4BACxB;wBACJ;AACJ,oBAAA,CAAC,CAAC;AACN,gBAAA,CAAC,CAAC;YACN;QACJ;IACJ;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,UAAU,EAAE;gBACZ,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YAC9C;iBAAO;gBACH,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YAC7C;QACJ;IACJ;AACA,IAAA,UAAU,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,IAAI,IAAI;QAC/B,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE;AACjC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;QAClC;IACJ;AAEA,IAAA,gBAAgB,CAAC,EAAkC,EAAA;AAC/C,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;IAC5B;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;IAC9B;IAEA,SAAS,GAAA;QACL,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,iBAAiB,EAAE;AAExB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACf,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC5B;IACJ;IAEA,UAAU,GAAA;AACN,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,MAAK;AAC9B,YAAA,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC;YACrC,IAAI,CAAC,iBAAiB,EAAE;AACxB,YAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,CAAC,EAAE;AAC9B,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK;gBACpB,IAAI,CAAC,gBAAgB,EAAE;AACvB,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;YAC5B;QACJ,CAAC,EAAE,CAAC,CAAC;AACL,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC;IACzC;IAEA,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC/B,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAA,CAAE,CAAC;YAC7E,IAAI,aAAa,EAAE;gBACf,MAAM,GAAG,GAAG,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAuB;AAC3F,gBAAA,IAAI,GAAG,EAAE,KAAK,EAAE;oBACZ,GAAG,CAAC,KAAK,EAAE;gBACf;YACJ;QACJ;IACJ;IAEA,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,IAAI,YAAY,CAAC,EAAE,CAAC,CAAC;AACrD,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;AAC1B,QAAA,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE;AACpC,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;AAC5B,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;IACxB;AAGA,IAAA,IACI,WAAW,GAAA;QACX,OAAO,IAAI,CAAC,YAAY;IAC5B;IACA,IAAI,WAAW,CAAC,KAAa,EAAA;AACzB,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC5B;AAGA,IAAA,IACI,KAAK,GAAA;QACL,OAAO,IAAI,CAAC,MAAM;IACtB;IACA,IAAI,KAAK,CAAC,KAAoB,EAAA;AAC1B,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AAEnB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAExB,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAC9B;IACJ;AAGA,IAAA,IAAI,KAAK,GAAA;AACL,QAAA,OAAO,CAAC,IAAI,CAAC,MAAM;IACvB;AAEA,IAAA,IAAI,gBAAgB,GAAA;QAChB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;IACtC;IAEA,IACI,QAAQ,KAAc,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;IACjD,IAAI,QAAQ,CAAC,KAAmB,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAC7C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC5B;AAGA,IAAA,IACI,QAAQ,GAAA;QACR,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;AAClC,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ;QAClC;QACA,OAAO,IAAI,CAAC,SAAS;IACzB;IACA,IAAI,QAAQ,CAAC,KAAmB,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAE7C,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC;AAErC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC5B;IACJ;AAGA,IAAA,iBAAiB,CAAC,GAAa,EAAA;AAC3B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAA,CAAE,CAAC;QAE7E,IAAI,aAAa,EAAE;AACf,YAAA,IAAI,GAAG,CAAC,MAAM,EAAE;AACZ,gBAAA,aAAa,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjE;iBAAO;AACH,gBAAA,aAAa,CAAC,eAAe,CAAC,kBAAkB,CAAC;YACrD;QACJ;IACJ;IAEA,gBAAgB,GAAA;AACZ,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAA,CAAE,CAAC;AAE7E,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,aAAa,EAAE;YAChC,aAAa,CAAC,KAAK,EAAE;QACzB;IACJ;IAEA,SAAS,CAAC,MAAqB,EAAE,QAAgB,EAAA;AAC7C,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAA0B;QACrD,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC/C,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC;AAC/C,QAAA,IAAI,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YACjC,MAAM,CAAC,cAAc,EAAE;YACvB;QACJ;AACA,QAAA,IAAI,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;AAClC,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,GAAG,CAAC,CAAC;AAC3C,gBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAClC;iBAAO;AACH,gBAAA,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,QAAQ,CAAC;YAC9C;YACA,IAAI,CAAC,aAAa,EAAE;YACpB;QACJ;AACA,QAAA,IAAI,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,GAAG,CAAC,CAAC;AAC3C,gBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAClC;iBAAO;AACH,gBAAA,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,QAAQ,CAAC;YAC9C;YACA,IAAI,CAAC,aAAa,EAAE;YACpB;QACJ;AACA,QAAA,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;AAC7B,YAAA,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG;YAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;AAC/C,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;YACrD,MAAM,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAC9B,IAAI,CAAC,aAAa,EAAE;QACxB;IACJ;IACA,OAAO,CAAC,MAAa,EAAE,QAAgB,EAAA;AACnC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAA0B;QACrD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAA,EAAG,WAAW,CAAC,KAAK,CAAA,CAAE,GAAG,WAAW,CAAC,KAAK;AAC7F,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;AAC9D,YAAA,WAAW,CAAC,KAAK,GAAG,EAAE;YACtB,MAAM,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC;YAChC,IAAI,CAAC,aAAa,EAAE;QACxB;IACJ;IAGA,OAAO,CAAC,MAAqB,EAAE,QAAgB,EAAA;AAC3C,QAAA,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YAC5B,QAAQ,IAAI,CAAC;QACjB;QACA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC;AAC/C,QAAA,IAAI,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YACnC,MAAM,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAC9B;QACJ;AACA,QAAA,IAAI,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;YAClC,MAAM,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAC9B;QACJ;AAEA,QAAA,IAAI,CAAE,MAAM,CAAC,MAA2B,EAAE,KAAK,EAAE;YAC7C;QACJ;IACJ;AAEA,IAAA,cAAc,CAAC,GAAW,EAAA;QACtB,OAAO,CAAC,CAAC,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;IACxC;AAEA,IAAA,QAAQ,CAAC,GAAoB,EAAA;AACzB,QAAA,OAAO,OAAO,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,YAAY,EAAE;IAC5C;AAEA,IAAA,OAAO,CAAC,KAAa,EAAA;QACjB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC;QAChD,IAAI,GAAG,EAAE;YACL,GAAG,CAAC,KAAK,EAAE;QACf;IACJ;AAEA,IAAA,QAAQ,CAAC,KAAoB,EAAA;QACzB,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,IAAI,KAAK,CAAC,KAA0B,CAAC,EAAE;YACnE;QACJ;AACA,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;QACpB,IAAI,CAAC,KAAK,EAAE;YACR,IAAI,CAAC,aAAa,EAAE;YACpB;QACJ;AACA,QAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAC5C,QAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,KAAI;AACjC,YAAA,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE;AAC7C,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5D;AACJ,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAC/B,YAAA,MAAM,cAAc,GAAG,UAAU,CAAC,MAAK;AACnC,gBAAA,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC;AAC1C,gBAAA,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAA,CAAE,CAAC;AAC7E,gBAAA,IAAI,CAAC,aAAa;oBAAE;AACpB,gBAAA,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBACzG,MAAM,GAAG,GAAuB,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,CAAuB;gBACnI,IAAI,GAAG,EAAE;AACL,oBAAA,MAAM,cAAc,GAAG,UAAU,CAAC,MAAK;AACnC,wBAAA,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC;wBAC1C,GAAG,CAAC,KAAK,EAAE;oBACf,CAAC,EAAE,CAAC,CAAC;AACL,oBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,CAAC;gBAC9C;YACJ,CAAC,EAAE,CAAC,CAAC;AACL,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,CAAC;QAC9C;QACA,IAAI,CAAC,aAAa,EAAE;IACxB;AAEA,IAAA,WAAW,CAAC,CAAiB,EAAA;QACzB,MAAM,aAAa,GAAG,CAAC,CAAC,aAAa,IAAK,MAAsD,CAAC,aAAa;QAC9G,IAAI,UAAU,GAAG,EAAE;QACnB,IAAI,aAAa,EAAE;AACf,YAAA,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC;QAC9C;QACA,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,EAAE;YACnF;QACJ;AACA,QAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;IAC7B;AAEA,IAAA,cAAc,CAAC,GAAW,EAAA;QACtB,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAgB;IACpD;AAOQ,IAAA,qBAAqB,CAAC,SAAwC,EAAA;QAClE,MAAM,GAAG,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC;AACpD,QAAA,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE;YACZ,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC;QACxC;IACJ;AAEQ,IAAA,eAAe,CAAC,GAAW,EAAA;QAC/B,OAAO,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE;IACxB;IAEQ,WAAW,CAAC,KAAoB,EAAE,QAAgB,EAAA;QACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;AAC/C,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;QAC/C,IAAI,KAAK,EAAE;YACP,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC;AAChD,YAAA,IAAI,GAAG,IAAI,GAAG,YAAY,gBAAgB,EAAE;AACxC,gBAAA,GAAG,CAAC,KAAK,GAAG,EAAE;YAClB;QACJ;IACJ;AAEQ,IAAA,YAAY,CAAC,KAAa,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QACnB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC;AAChD,QAAA,IAAI,GAAG,YAAY,gBAAgB,EAAE;AACjC,YAAA,MAAM,SAAS,GAAG,UAAU,CAAC,MAAK;AAC9B,gBAAA,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC;AACrC,gBAAA,GAAG,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC,EAAE,CAAC,CAAC;AACL,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC;QACzC;IACJ;AAEQ,IAAA,cAAc,CAAC,KAAoB,EAAA;AACvC,QAAA,MAAM,GAAG,GAAW,KAAK,CAAC,GAAG;AAC7B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE;AAC/B,YAAA,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;QACnC;QACA,MAAM,QAAQ,GAAG,2BAA2B,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;AACtE,QAAA,OAAO,QAAQ,KAAK,wBAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC;IAC/E;IAGQ,aAAa,GAAA;QACjB,IAAI,GAAG,GAAkB,IAAI;AAC7B,QAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;AAC7C,YAAA,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAsB;AAC7D,YAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,EAAE;AACxC,gBAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;AACzC,gBAAA,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;gBACpB,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,iBAAiB,EAAE;AAC9D,gBAAA,MAAM,sBAAsB,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,KAAK,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,OAAO,CAAC;gBAClH,IAAI,sBAAsB,EAAE;AACxB,oBAAA,OAAO,GAAG,UAAU,KAAK,OAAO,GAAG,OAAO,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,WAAW,EAAE;AAChF,oBAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAC9C;qBAAO,IAAI,cAAc,EAAE;AACvB,oBAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAC9C;AACA,gBAAA,GAAG,GAAG,GAAG,KAAK,IAAI,GAAG,OAAO,GAAG,GAAG,GAAG,OAAO;YAChD;AACJ,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,GAAG,EAAE;AACxB,YAAA,IAAI,CAAC,UAAU,GAAG,GAAG;AACrB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACxB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;QAChC;IACJ;+GApbS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,4SAJnB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBrF,gjCAiBC,EAAA,MAAA,EAAA,CAAA,msBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGa,YAAY,iNAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,sEAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAKlC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;+BACI,gBAAgB,EAAA,QAAA,EAGhB,cAAc,EAAA,OAAA,EACf,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,SAAA,EACjC,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,qBAAuB,EAAE,CAAC,EAAA,aAAA,EAClE,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gjCAAA,EAAA,MAAA,EAAA,CAAA,msBAAA,CAAA,EAAA;;sBAG9C,WAAW;uBAAC,SAAS;;sBACrB;;sBAGA;;sBACA;;sBACA;;sBAyIA;;sBAUA;;sBAuBA;;sBAQA;;;AElNL;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-opt-input.mjs","sources":["../../../projects/cmat/components/opt-input/utils/keyboard-util.ts","../../../projects/cmat/components/opt-input/otp-input.component.ts","../../../projects/cmat/components/opt-input/otp-input.component.html","../../../projects/cmat/components/opt-input/cmat-components-opt-input.ts"],"sourcesContent":["export class KeyboardUtil {\r\n    static ifTab(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Tab');\r\n    }\r\n    static ifDelete(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Delete;Del');\r\n    }\r\n    static ifBackspace(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Backspace');\r\n    }\r\n    static ifRightArrow(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'ArrowRight;Right')\r\n    }\r\n    static ifLeftArrow(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'ArrowLeft;Left')\r\n    }\r\n    static ifSpacebar(event: KeyboardEvent): boolean {\r\n        return this.ifKey(event, 'Spacebar; ')//don't remove the space after ; as this will check for space key\r\n    }\r\n    static ifKey(event: KeyboardEvent, keys: string): boolean {\r\n        let keysToCheck = keys.split(';');\r\n        return keysToCheck.some(k => k === event.key);\r\n    }\r\n}\r\n"," \r\n/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\r\nimport { CommonModule } from '@angular/common';\r\nimport {\r\n    Component,\r\n    AfterViewInit,\r\n    OnDestroy,\r\n    ChangeDetectionStrategy,\r\n    ViewEncapsulation,\r\n    DOCUMENT,\r\n    inject,\r\n    DestroyRef,\r\n    input,\r\n    output,\r\n    signal,\r\n    computed,\r\n    Input,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, ReactiveFormsModule, ControlValueAccessor, FormBuilder, UntypedFormGroup, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { OptInputConfig } from './models/config';\r\nimport { KeyboardUtil } from './utils/keyboard-util';\r\n\r\nlet NEXT_ID = 1;\r\n\r\n@Component({\r\n    selector: 'cmat-otp-input',\r\n    templateUrl: './otp-input.component.html',\r\n    styleUrls: ['./otp-input.component.scss'],\r\n    exportAs: 'cmatOtpInput',\r\n    imports: [CommonModule, ReactiveFormsModule],\r\n    providers: [{ provide: MatFormFieldControl, useExisting: CmatOtpInputComponent }],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    host: {\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        '[attr.id]': 'id',\r\n    }\r\n})\r\nexport class CmatOtpInputComponent implements MatFormFieldControl<string | null>, AfterViewInit, OnDestroy, ControlValueAccessor {\r\n    readonly config = input<OptInputConfig>({ length: 4 });\r\n\r\n    readonly onBlur = output<void>();\r\n    readonly onInputChange = output<string | null>();\r\n\r\n    readonly id = `cmat-otp-input-${NEXT_ID}`;\r\n\r\n    userAriaDescribedBy?: string;\r\n\r\n    readonly stateChanges: Subject<void> = new Subject<void>();\r\n\r\n    private readonly _placeholderSignal = signal<string>('');\r\n    private readonly _requiredSignal = signal<boolean>(false);\r\n    private readonly _disabledSignal = signal<boolean>(false);\r\n    private readonly _valueSignal = signal<string | null>(null);\r\n    private readonly _currentValSignal = signal<string | null>(null);\r\n\r\n    private _focused = false;\r\n    private _activeFocusCount = 0;\r\n\r\n    readonly controlKeys = computed(() => Object.keys(this.otpForm?.controls ?? {}));\r\n\r\n    readonly inputType = computed(() => {\r\n        const cfg = this.config();\r\n        return cfg?.isPasswordInput\r\n            ? 'password'\r\n            : cfg?.allowNumbersOnly\r\n                ? 'tel'\r\n                : 'text';\r\n    });\r\n\r\n    get errorState(): boolean {\r\n        if (this.ngControl == null) return false;\r\n        return (this.ngControl.invalid && ((this.ngControl.dirty ?? false) || this.ngControl.touched)) ?? false;\r\n    }\r\n\r\n    otpForm: UntypedFormGroup;\r\n    componentKey = (NEXT_ID++).toString(36);\r\n\r\n    ngControl = inject(NgControl, { optional: true, self: true })!;\r\n    private readonly _document = inject<Document>(DOCUMENT);\r\n    private readonly _formBuilder = inject(FormBuilder);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n    private _valueChangesSub: Subscription | null = null;\r\n    private _pendingTimeouts: ReturnType<typeof setTimeout>[] = [];\r\n\r\n    constructor() {\r\n        this.otpForm = this._formBuilder.group({});\r\n\r\n        if (this.ngControl != null) {\r\n            this.ngControl.valueAccessor = this;\r\n        }\r\n\r\n        this._rebuildForm();\r\n    }\r\n\r\n    @Input()\r\n    get placeholder(): string {\r\n        return this._placeholderSignal();\r\n    }\r\n\r\n    set placeholder(value: string) {\r\n        this._placeholderSignal.set(value);\r\n        this.stateChanges.next();\r\n    }\r\n\r\n    @Input()\r\n    get required(): boolean {\r\n        return this._requiredSignal();\r\n    }\r\n\r\n    set required(value: BooleanInput) {\r\n        this._requiredSignal.set(coerceBooleanProperty(value));\r\n        this.stateChanges.next();\r\n    }\r\n\r\n    @Input()\r\n    get disabled(): boolean {\r\n        if (!this.ngControl.disabled && this.ngControl.disabled !== null) {\r\n            return this.ngControl.disabled;\r\n        }\r\n        return this._disabledSignal();\r\n    }\r\n\r\n    set disabled(value: BooleanInput) {\r\n        const isDisabled = coerceBooleanProperty(value);\r\n        this._disabledSignal.set(isDisabled);\r\n        this.setDisabledState(isDisabled);\r\n\r\n        if (isDisabled && this._focused) {\r\n            this._focused = false;\r\n            this.stateChanges.next();\r\n        }\r\n    }\r\n\r\n    get focused(): boolean {\r\n        return this._focused;\r\n    }\r\n\r\n    @Input()\r\n    get value(): string | null {\r\n        return this._valueSignal();\r\n    }\r\n\r\n    set value(val: string | null) {\r\n        const current = this._valueSignal();\r\n        if (val !== current) {\r\n            this._valueSignal.set(val);\r\n            this.stateChanges.next();\r\n            this._onModelChange(val);\r\n        }\r\n    }\r\n\r\n    get empty(): boolean {\r\n        return !this._valueSignal();\r\n    }\r\n\r\n    get shouldLabelFloat(): boolean {\r\n        return this._focused || !this.empty;\r\n    }\r\n\r\n    setDisabledState(isDisabled: boolean): void {\r\n        if (this.otpForm) {\r\n            if (isDisabled) {\r\n                this.otpForm.disable({ emitEvent: false });\r\n            } else {\r\n                this.otpForm.enable({ emitEvent: false });\r\n            }\r\n        }\r\n        this.stateChanges.next();\r\n    }\r\n\r\n    writeValue(value: string): void {\r\n        this._currentValSignal.set(value || null);\r\n        if (this.otpForm && this._currentValSignal()) {\r\n            this.setValue(this._currentValSignal());\r\n        }\r\n    }\r\n\r\n    registerOnChange(fn: (value: string | null) => void): void {\r\n        this._onModelChange = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: () => void): void {\r\n        this._onTouchedChange = fn;\r\n    }\r\n\r\n    onFocusIn(): void {\r\n        this._onTouchedChange();\r\n        this._activeFocusCount++;\r\n\r\n        if (!this._focused) {\r\n            this._focused = true;\r\n            this.stateChanges.next();\r\n        }\r\n    }\r\n\r\n    onFocusOut(): void {\r\n        const timeoutId = setTimeout(() => {\r\n            this._removePendingTimeout(timeoutId);\r\n            this._activeFocusCount--;\r\n            if (this._activeFocusCount === 0) {\r\n                this._focused = false;\r\n                this._onTouchedChange();\r\n                this.onBlur.emit();\r\n                this.stateChanges.next();\r\n            }\r\n        }, 0);\r\n        this._pendingTimeouts.push(timeoutId);\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        if (!this.config().disableAutoFocus) {\r\n            const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n            if (containerItem) {\r\n                const ele = containerItem.getElementsByClassName('cmat-otp-input')[0] as HTMLElement | null;\r\n                if (ele?.focus) {\r\n                    ele.focus();\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._pendingTimeouts.forEach(id => clearTimeout(id));\r\n        this._pendingTimeouts = [];\r\n        this._valueChangesSub?.unsubscribe();\r\n        this._valueChangesSub = null;\r\n        this.stateChanges.complete();\r\n        this.otpForm.reset();\r\n    }\r\n\r\n    setDescribedByIds(ids: string[]): void {\r\n        this.userAriaDescribedBy = ids.length ? ids.join(' ') : undefined;\r\n\r\n        const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n        if (containerItem) {\r\n            if (ids.length) {\r\n                containerItem.setAttribute('aria-describedby', ids.join(' '));\r\n            } else {\r\n                containerItem.removeAttribute('aria-describedby');\r\n            }\r\n        }\r\n        this.stateChanges.next();\r\n    }\r\n\r\n    onContainerClick(): void {\r\n        if (!this._focused) {\r\n            const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n            if (containerItem) {\r\n                containerItem.focus();\r\n            }\r\n        }\r\n    }\r\n\r\n    onKeyDown($event: KeyboardEvent, inputIdx: number): void {\r\n        const inputTarget = $event.target as HTMLInputElement;\r\n        const prevInputId = this.getBoxId(inputIdx - 1);\r\n        const currentInputId = this.getBoxId(inputIdx);\r\n        const nextInputId = this.getBoxId(inputIdx + 1);\r\n\r\n        if (KeyboardUtil.ifSpacebar($event)) {\r\n            $event.preventDefault();\r\n            return;\r\n        }\r\n\r\n        if (KeyboardUtil.ifBackspace($event)) {\r\n            if (!inputTarget.value) {\r\n                this._clearInput(prevInputId, inputIdx - 1);\r\n                this._setSelected(prevInputId);\r\n            } else {\r\n                this._clearInput(currentInputId, inputIdx);\r\n            }\r\n            this._rebuildValue();\r\n            return;\r\n        }\r\n\r\n        if (KeyboardUtil.ifDelete($event)) {\r\n            if (!inputTarget.value) {\r\n                this._clearInput(prevInputId, inputIdx - 1);\r\n                this._setSelected(prevInputId);\r\n            } else {\r\n                this._clearInput(currentInputId, inputIdx);\r\n            }\r\n            this._rebuildValue();\r\n            return;\r\n        }\r\n\r\n        if (this.ifValidKeyCode($event)) {\r\n            inputTarget.value = $event.key;\r\n            const ctrlName = this._getControlName(inputIdx);\r\n            this.otpForm.controls[ctrlName]?.setValue($event.key);\r\n            $event.preventDefault();\r\n            this._setSelected(nextInputId);\r\n            this._rebuildValue();\r\n        }\r\n    }\r\n\r\n    onInput($event: Event, inputIdx: number): void {\r\n        const inputTarget = $event.target as HTMLInputElement;\r\n        const currentVal = this._currentValSignal();\r\n        const newVal = currentVal ? `${currentVal}${inputTarget.value}` : inputTarget.value;\r\n\r\n        if (this.config().allowNumbersOnly && !this.validateNumber(newVal)) {\r\n            inputTarget.value = '';\r\n            $event.stopPropagation();\r\n            this._clearInput(null, inputIdx);\r\n            this._rebuildValue();\r\n        }\r\n    }\r\n\r\n    onKeyUp($event: KeyboardEvent, inputIdx: number): void {\r\n        if (KeyboardUtil.ifTab($event)) {\r\n            inputIdx -= 1;\r\n        }\r\n\r\n        const nextInputId = this.getBoxId(inputIdx + 1);\r\n        const prevInputId = this.getBoxId(inputIdx - 1);\r\n\r\n        if (KeyboardUtil.ifRightArrow($event)) {\r\n            $event.preventDefault();\r\n            this._setSelected(nextInputId);\r\n            return;\r\n        }\r\n\r\n        if (KeyboardUtil.ifLeftArrow($event)) {\r\n            $event.preventDefault();\r\n            this._setSelected(prevInputId);\r\n            return;\r\n        }\r\n\r\n        if (!($event.target as HTMLInputElement)?.value) {\r\n            return;\r\n        }\r\n    }\r\n\r\n    validateNumber(val: string): boolean {\r\n        return !!val && /^[0-9]+$/.test(val);\r\n    }\r\n\r\n    getBoxId(idx: string | number): string {\r\n        return `otp_${idx}_${this.componentKey}`;\r\n    }\r\n\r\n    focusTo(eleId: string): void {\r\n        const ele = this._document.getElementById(eleId);\r\n        if (ele) {\r\n            ele.focus();\r\n        }\r\n    }\r\n\r\n    setValue(value: string | null): void {\r\n        const cfg = this.config();\r\n\r\n        if (cfg.allowNumbersOnly && isNaN(value as unknown as number)) {\r\n            return;\r\n        }\r\n\r\n        this.otpForm.reset();\r\n\r\n        if (!value) {\r\n            this._rebuildValue();\r\n            return;\r\n        }\r\n\r\n        value = value.toString().replace(/\\s/g, '');\r\n\r\n        Array.from(value).forEach((c, idx) => {\r\n            if (this.otpForm.get(this._getControlName(idx))) {\r\n                this.otpForm.get(this._getControlName(idx))!.setValue(c);\r\n            }\r\n        });\r\n\r\n        if (!cfg.disableAutoFocus) {\r\n            const outerTimeoutId = setTimeout(() => {\r\n                this._removePendingTimeout(outerTimeoutId);\r\n                const containerItem = this._document.getElementById(`c_${this.componentKey}`);\r\n                if (!containerItem) return;\r\n\r\n                const indexOfElementToFocus = value.length < cfg.length ? value.length : (cfg.length - 1);\r\n                const ele: HTMLElement | null = containerItem.getElementsByClassName('cmat-otp-input')[indexOfElementToFocus] as HTMLElement | null;\r\n\r\n                if (ele) {\r\n                    const innerTimeoutId = setTimeout(() => {\r\n                        this._removePendingTimeout(innerTimeoutId);\r\n                        ele.focus();\r\n                    }, 1);\r\n                    this._pendingTimeouts.push(innerTimeoutId);\r\n                }\r\n            }, 0);\r\n            this._pendingTimeouts.push(outerTimeoutId);\r\n        }\r\n\r\n        this._rebuildValue();\r\n    }\r\n\r\n    handlePaste(e: ClipboardEvent): void {\r\n        const clipboardData = e.clipboardData ?? (window as unknown as { clipboardData?: DataTransfer }).clipboardData;\r\n        let pastedData = '';\r\n\r\n        if (clipboardData) {\r\n            pastedData = clipboardData.getData('Text');\r\n        }\r\n\r\n        e.stopPropagation();\r\n        e.preventDefault();\r\n\r\n        if (!pastedData || (this.config().allowNumbersOnly && !this.validateNumber(pastedData))) {\r\n            return;\r\n        }\r\n\r\n        this.setValue(pastedData);\r\n    }\r\n\r\n    getFormControl(key: string): FormControl {\r\n        return this.otpForm.controls[key] as FormControl;\r\n    }\r\n\r\n\r\n    private _onModelChange: (value: string | null) => void = () => { /* empty */ };\r\n\r\n    private _onTouchedChange: () => void = () => { /* empty */ };\r\n\r\n    private _removePendingTimeout(timeoutId: ReturnType<typeof setTimeout>): void {\r\n        const idx = this._pendingTimeouts.indexOf(timeoutId);\r\n        if (idx !== -1) {\r\n            this._pendingTimeouts.splice(idx, 1);\r\n        }\r\n    }\r\n\r\n    private _getControlName(idx: number): string {\r\n        return `ctrl_${idx}`;\r\n    }\r\n\r\n    private _clearInput(eleId: string | null, inputIdx: number): void {\r\n        const ctrlName = this._getControlName(inputIdx);\r\n        this.otpForm.controls[ctrlName]?.setValue(null);\r\n\r\n        if (eleId) {\r\n            const ele = this._document.getElementById(eleId);\r\n            if (ele && ele instanceof HTMLInputElement) {\r\n                ele.value = '';\r\n            }\r\n        }\r\n    }\r\n\r\n    private _setSelected(eleId: string): void {\r\n        this.focusTo(eleId);\r\n        const ele = this._document.getElementById(eleId);\r\n\r\n        if (ele instanceof HTMLInputElement) {\r\n            const timeoutId = setTimeout(() => {\r\n                this._removePendingTimeout(timeoutId);\r\n                ele.setSelectionRange(0, 1);\r\n            }, 0);\r\n            this._pendingTimeouts.push(timeoutId);\r\n        }\r\n    }\r\n\r\n    private ifValidKeyCode(event: KeyboardEvent): boolean {\r\n        const inp: string = event.key;\r\n\r\n        if (this.config()?.allowNumbersOnly) {\r\n            return this.validateNumber(inp);\r\n        }\r\n\r\n        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\r\n        return isMobile || (/^[a-zA-Z0-9%*_\\-@#$!]$/.test(inp) && inp.length === 1);\r\n    }\r\n\r\n    private _rebuildValue(): void {\r\n        let val: string | null = null;\r\n        const cfg = this.config();\r\n\r\n        Object.keys(this.otpForm.controls).forEach((k) => {\r\n            let ctrlVal = this.otpForm.controls[k].value as string | null;\r\n\r\n            if (typeof ctrlVal === 'string' && ctrlVal) {\r\n                const isLengthExceed = ctrlVal.length > 1;\r\n                ctrlVal = ctrlVal[0];\r\n\r\n                const letterCase = cfg.letterCase?.toLocaleLowerCase();\r\n                const isCaseTransformEnabled = !cfg.allowNumbersOnly && (letterCase === 'upper' || letterCase === 'lower');\r\n\r\n                if (isCaseTransformEnabled) {\r\n                    ctrlVal = letterCase === 'upper' ? ctrlVal.toUpperCase() : ctrlVal.toLowerCase();\r\n                    this.otpForm.controls[k].setValue(ctrlVal);\r\n                } else if (isLengthExceed) {\r\n                    this.otpForm.controls[k].setValue(ctrlVal);\r\n                }\r\n\r\n                val = val === null ? ctrlVal : val + ctrlVal;\r\n            }\r\n        });\r\n\r\n        const currentVal = this._currentValSignal();\r\n        if (currentVal != val) {\r\n            this._currentValSignal.set(val);\r\n            this._onModelChange(val);\r\n            this.onInputChange.emit(val);\r\n        }\r\n    }\r\n\r\n    private _rebuildForm(): void {\r\n        this._valueChangesSub?.unsubscribe();\r\n        this._valueChangesSub = null;\r\n        this.otpForm = this._formBuilder.group({});\r\n\r\n        for (let index = 0; index < this.config().length; index++) {\r\n            this.otpForm.addControl(this._getControlName(index), new FormControl());\r\n        }\r\n\r\n        this._valueChangesSub = this.otpForm.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {\r\n            Object.keys(this.otpForm.controls).forEach((k) => {\r\n                const val = this.otpForm.controls[k].value as string | null;\r\n                if (typeof val === 'string' && val.length > 1) {\r\n                    if (val.length >= this.config().length) {\r\n                        this.setValue(val);\r\n                    } else {\r\n                        this._rebuildValue();\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    }\r\n}","@if(otpForm.controls){\r\n<div class=\"cmat-otp-input-wrapper wrapper {{config().containerClass}}\" id=\"c_{{componentKey}}\"\r\n    [attr.tabindex]=\"disabled ? -1 : 0\" [ngStyle]=\"config().containerStyles\" (focusin)=\"onFocusIn()\" (focusout)=\"onFocusOut()\">\r\n    <div class=\"n-o-c\">\r\n        @for (item of controlKeys(); track item) {\r\n        <input #inp class=\"cmat-otp-input {{config().inputClass}}\" autocomplete=\"one-time-code\" [pattern]=\"config().allowNumbersOnly ? '\\\\d*' : ''\"\r\n            [type]=\"inputType()\" [placeholder]=\"config().placeholder || ''\"\r\n            [ngStyle]=\"config().inputStyles\" [id]=\"getBoxId($index)\"\r\n            [ngClass]=\"{'error-input': (config().showError && errorState)}\"\r\n            [formControl]=\"getFormControl(item)\" (paste)=\"handlePaste($event)\" (keyup)=\"onKeyUp($event,$index)\"\r\n            (input)=\"onInput($event,$index)\" (keydown)=\"onKeyDown($event,$index)\">\r\n        @if(config().separator && !$last){\r\n        {{config().separator}}\r\n        }\r\n        }\r\n    </div>\r\n</div>\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}