From e834f56c0d8736b759a6ba4b37be7c0076334a87 Mon Sep 17 00:00:00 2001
From: Zurab Developer <75216044+ZurabDev@users.noreply.github.com>
Date: Fri, 19 Jul 2024 14:35:40 +0300
Subject: [PATCH 1/2] fix(components/input-text): incorrect behavior occurring
 in PrizmInputComponent when NgxMaskDirective is applied and the value changes
 from an empty state. #1190

---
 .../input/input-text/input-block.component.ts |  7 ++-
 .../input/input-text/input-text.component.ts  | 41 +++++++-------
 .../input-text/input-text.component.ts.ng14   | 56 ++++++++++---------
 .../input-text/input-text.component.ts.ng15   | 53 +++++++++---------
 .../input-text/input-text.component.ts.ng16   | 41 +++++++-------
 5 files changed, 99 insertions(+), 99 deletions(-)

diff --git a/libs/components/src/lib/components/input/input-text/input-block.component.ts b/libs/components/src/lib/components/input/input-text/input-block.component.ts
index 60eb85f986..017c509c75 100644
--- a/libs/components/src/lib/components/input/input-text/input-block.component.ts
+++ b/libs/components/src/lib/components/input/input-text/input-block.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, ElementRef, Optional, Self } from '@angular/core';
+import { ChangeDetectorRef, Component, ElementRef, Optional, Renderer2, Self } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { PrizmDestroyService } from '@prizm-ui/helpers';
 import { PrizmInputControl } from '../common/base/input-control.class';
@@ -43,9 +43,10 @@ export class PrizmInputBlockComponent extends PrizmInputTextComponent implements
     @Optional() @Self() public readonly ngControl_: NgControl,
     public readonly elementRef_: ElementRef<HTMLInputElement | HTMLTextAreaElement>,
     private readonly destroy_: PrizmDestroyService,
-    private readonly cdr_: ChangeDetectorRef
+    private readonly cdr_: ChangeDetectorRef,
+    private readonly renderer_: Renderer2
   ) {
-    super(ngControl_, elementRef_, destroy_, cdr_);
+    super(ngControl_, elementRef_, destroy_, cdr_, renderer_);
 
     if (this.ngControl != null) {
       this.ngControl.valueAccessor = this;
diff --git a/libs/components/src/lib/components/input/input-text/input-text.component.ts b/libs/components/src/lib/components/input/input-text/input-text.component.ts
index eddd77a411..b39486f1c7 100644
--- a/libs/components/src/lib/components/input/input-text/input-text.component.ts
+++ b/libs/components/src/lib/components/input/input-text/input-text.component.ts
@@ -12,6 +12,7 @@ import {
   OnInit,
   Optional,
   Output,
+  Renderer2,
   Self,
 } from '@angular/core';
 import { NgControl, NgModel, UntypedFormControl, Validators } from '@angular/forms';
@@ -113,7 +114,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
         this.ngControl.control?.patchValue(value);
       });
     } else {
-      this._inputValue.value = value as string;
+      this.updateValue(value);
       this.updateEmptyState();
       this.stateChanges.next();
     }
@@ -171,7 +172,8 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     @Optional() @Self() public readonly ngControl: NgControl,
     public readonly elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>,
     private readonly destroy: PrizmDestroyService,
-    private readonly cdr: ChangeDetectorRef
+    private readonly cdr: ChangeDetectorRef,
+    private readonly renderer2_: Renderer2
   ) {
     super();
     this.nativeElementType = elementRef.nativeElement.type;
@@ -205,14 +207,6 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     this.stateChanges.complete();
   }
 
-  @HostListener('input', ['$event'])
-  private onInput(): void {
-    this.updateEmptyState();
-    this.stateChanges.next();
-    this.updateValue(this.value);
-    this.valueChanged.next(this.value);
-  }
-
   @HostListener('focus', ['$event'])
   private onFocus(): void {
     this.focused = true;
@@ -262,11 +256,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateEmptyState(): void {
-    this.empty = !(
-      (this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length) ||
-      (this.ngControl && this.ngControl.value) ||
-      (this.ngControl instanceof NgModel && this.ngControl.model)
-    );
+    this.empty = !(this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length);
   }
 
   private updateErrorState(): void {
@@ -274,8 +264,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateValue(value: VALUE): void {
-    if (value !== this.ngControl?.value) this.ngControl?.control?.setValue(value);
-    if (value !== this.value) this._inputValue.value = value as string;
+    if (value !== this.value) this.renderer2_.setProperty(this._inputValue, 'value', value);
     this.inputHint?.updateHint();
   }
 
@@ -283,7 +272,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     if (this.disabled) return;
 
     this.updateValue(null as VALUE);
-
+    this.ngControl?.control?.setValue('');
     this.updateEmptyState();
     this.updateErrorState();
 
@@ -306,13 +295,21 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   public markControl(options: { touched?: boolean; dirty?: boolean }): void {
     const { touched, dirty } = options;
 
-    if (touched) {
+    if (typeof touched === 'boolean') {
       this._touched = true;
-      this.ngControl?.control?.markAsTouched();
+      if (touched) {
+        this.ngControl?.control?.markAsTouched();
+      } else {
+        this.ngControl?.control?.markAsUntouched();
+      }
     }
 
-    if (dirty) {
-      this.ngControl?.control?.markAsDirty();
+    if (typeof dirty === 'boolean') {
+      if (dirty) {
+        this.ngControl?.control?.markAsDirty();
+      } else {
+        this.ngControl?.control?.markAsPristine();
+      }
     }
 
     this.stateChanges.next();
diff --git a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14 b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14
index 75552940bc..f215f14610 100644
--- a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14
+++ b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14
@@ -12,6 +12,7 @@ import {
   OnInit,
   Optional,
   Output,
+  Renderer2,
   Self,
 } from '@angular/core';
 import { NgControl, NgModel, UntypedFormControl, Validators } from '@angular/forms';
@@ -19,11 +20,12 @@ import { PrizmDestroyService } from '@prizm-ui/helpers';
 import { takeUntil, tap } from 'rxjs/operators';
 import { PrizmInputControl } from '../common/base/input-control.class';
 import { PrizmInputHintDirective, PrizmInputLayoutComponent } from '../common';
-import { MaskDirective } from 'ngx-mask';
+import { NgxMaskDirective } from 'ngx-mask';
+import { timer } from 'rxjs';
 
 @Component({
   selector:
-    // eslint-disable-next-line @angular-eslint/component-selector
+  // eslint-disable-next-line @angular-eslint/component-selector
     'input[prizmInput]:not([type=number]), textarea[prizmInput], input[prizmInputPassword]',
   template: '',
   // eslint-disable-next-line @angular-eslint/no-host-metadata-property
@@ -73,6 +75,10 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
 
   private _disabled = false;
 
+  @Input()
+  @HostBinding('attr.placeholder')
+  placeholder?: string;
+
   /**
    * @deprecated
    * Required input
@@ -108,7 +114,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
         this.ngControl.control?.patchValue(value);
       });
     } else {
-      this._inputValue.value = value as string;
+      this.updateValue(value);
       this.updateEmptyState();
       this.stateChanges.next();
     }
@@ -130,9 +136,9 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   @HostBinding('class.empty')
   public empty!: boolean;
 
-  readonly maybeMask = inject(MaskDirective, {
+  readonly maybeMask = inject(NgxMaskDirective, {
     optional: true,
-  });
+  }) as NgxMaskDirective;
 
   readonly parentLayout = inject(PrizmInputLayoutComponent, {
     optional: true,
@@ -166,7 +172,8 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     @Optional() @Self() public readonly ngControl: NgControl,
     public readonly elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>,
     private readonly destroy: PrizmDestroyService,
-    private readonly cdr: ChangeDetectorRef
+    private readonly cdr: ChangeDetectorRef,
+    private readonly renderer2_: Renderer2,
   ) {
     super();
     this.nativeElementType = elementRef.nativeElement.type;
@@ -183,7 +190,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     this.parentLayout?.clear
       .pipe(
         tap(() => {
-          this.maybeMask, this.maybeMask?.writeValue(null as any);
+          this.maybeMask?.writeValue(null as any);
         }),
         takeUntil(this.destroy)
       )
@@ -200,14 +207,6 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     this.stateChanges.complete();
   }
 
-  @HostListener('input', ['$event'])
-  private onInput(): void {
-    this.updateEmptyState();
-    this.stateChanges.next();
-    this.updateValue(this.value);
-    this.valueChanged.next(this.value);
-  }
-
   @HostListener('focus', ['$event'])
   private onFocus(): void {
     this.focused = true;
@@ -257,11 +256,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateEmptyState(): void {
-    this.empty = !(
-      (this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length) ||
-      (this.ngControl && this.ngControl.value) ||
-      (this.ngControl instanceof NgModel && this.ngControl.model)
-    );
+    this.empty = !(this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length);
   }
 
   private updateErrorState(): void {
@@ -269,8 +264,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateValue(value: VALUE): void {
-    if (value !== this.ngControl?.value) this.ngControl?.control?.setValue(value);
-    if (value !== this.value) this._inputValue.value = value as string;
+    if (value !== this.value) this.renderer2_.setProperty(this._inputValue, 'value', value);
     this.inputHint?.updateHint();
   }
 
@@ -278,7 +272,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     if (this.disabled) return;
 
     this.updateValue(null as VALUE);
-
+    this.ngControl?.control?.setValue('');
     this.updateEmptyState();
     this.updateErrorState();
 
@@ -301,13 +295,21 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   public markControl(options: { touched?: boolean; dirty?: boolean }): void {
     const { touched, dirty } = options;
 
-    if (touched) {
+    if (typeof touched === 'boolean') {
       this._touched = true;
-      this.ngControl?.control?.markAsTouched();
+      if (touched) {
+        this.ngControl?.control?.markAsTouched();
+      } else {
+        this.ngControl?.control?.markAsUntouched();
+      }
     }
 
-    if (dirty) {
-      this.ngControl?.control?.markAsDirty();
+    if (typeof dirty === 'boolean') {
+      if (dirty) {
+        this.ngControl?.control?.markAsDirty();
+      } else {
+        this.ngControl?.control?.markAsPristine();
+      }
     }
 
     this.stateChanges.next();
diff --git a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15 b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15
index a69202cf8f..f215f14610 100644
--- a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15
+++ b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15
@@ -12,6 +12,7 @@ import {
   OnInit,
   Optional,
   Output,
+  Renderer2,
   Self,
 } from '@angular/core';
 import { NgControl, NgModel, UntypedFormControl, Validators } from '@angular/forms';
@@ -20,10 +21,11 @@ import { takeUntil, tap } from 'rxjs/operators';
 import { PrizmInputControl } from '../common/base/input-control.class';
 import { PrizmInputHintDirective, PrizmInputLayoutComponent } from '../common';
 import { NgxMaskDirective } from 'ngx-mask';
+import { timer } from 'rxjs';
 
 @Component({
   selector:
-    // eslint-disable-next-line @angular-eslint/component-selector
+  // eslint-disable-next-line @angular-eslint/component-selector
     'input[prizmInput]:not([type=number]), textarea[prizmInput], input[prizmInputPassword]',
   template: '',
   // eslint-disable-next-line @angular-eslint/no-host-metadata-property
@@ -73,6 +75,10 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
 
   private _disabled = false;
 
+  @Input()
+  @HostBinding('attr.placeholder')
+  placeholder?: string;
+
   /**
    * @deprecated
    * Required input
@@ -108,7 +114,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
         this.ngControl.control?.patchValue(value);
       });
     } else {
-      this._inputValue.value = value as string;
+      this.updateValue(value);
       this.updateEmptyState();
       this.stateChanges.next();
     }
@@ -132,7 +138,8 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
 
   readonly maybeMask = inject(NgxMaskDirective, {
     optional: true,
-  });
+  }) as NgxMaskDirective;
+
   readonly parentLayout = inject(PrizmInputLayoutComponent, {
     optional: true,
   });
@@ -165,7 +172,8 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     @Optional() @Self() public readonly ngControl: NgControl,
     public readonly elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>,
     private readonly destroy: PrizmDestroyService,
-    private readonly cdr: ChangeDetectorRef
+    private readonly cdr: ChangeDetectorRef,
+    private readonly renderer2_: Renderer2,
   ) {
     super();
     this.nativeElementType = elementRef.nativeElement.type;
@@ -182,7 +190,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     this.parentLayout?.clear
       .pipe(
         tap(() => {
-          this.maybeMask, this.maybeMask?.writeValue(null as any);
+          this.maybeMask?.writeValue(null as any);
         }),
         takeUntil(this.destroy)
       )
@@ -199,14 +207,6 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     this.stateChanges.complete();
   }
 
-  @HostListener('input', ['$event'])
-  private onInput(): void {
-    this.updateEmptyState();
-    this.stateChanges.next();
-    this.updateValue(this.value);
-    this.valueChanged.next(this.value);
-  }
-
   @HostListener('focus', ['$event'])
   private onFocus(): void {
     this.focused = true;
@@ -256,11 +256,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateEmptyState(): void {
-    this.empty = !(
-      (this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length) ||
-      (this.ngControl && this.ngControl.value) ||
-      (this.ngControl instanceof NgModel && this.ngControl.model)
-    );
+    this.empty = !(this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length);
   }
 
   private updateErrorState(): void {
@@ -268,8 +264,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateValue(value: VALUE): void {
-    if (value !== this.ngControl?.value) this.ngControl?.control?.setValue(value);
-    if (value !== this.value) this._inputValue.value = value as string;
+    if (value !== this.value) this.renderer2_.setProperty(this._inputValue, 'value', value);
     this.inputHint?.updateHint();
   }
 
@@ -277,7 +272,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     if (this.disabled) return;
 
     this.updateValue(null as VALUE);
-
+    this.ngControl?.control?.setValue('');
     this.updateEmptyState();
     this.updateErrorState();
 
@@ -300,13 +295,21 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   public markControl(options: { touched?: boolean; dirty?: boolean }): void {
     const { touched, dirty } = options;
 
-    if (touched) {
+    if (typeof touched === 'boolean') {
       this._touched = true;
-      this.ngControl?.control?.markAsTouched();
+      if (touched) {
+        this.ngControl?.control?.markAsTouched();
+      } else {
+        this.ngControl?.control?.markAsUntouched();
+      }
     }
 
-    if (dirty) {
-      this.ngControl?.control?.markAsDirty();
+    if (typeof dirty === 'boolean') {
+      if (dirty) {
+        this.ngControl?.control?.markAsDirty();
+      } else {
+        this.ngControl?.control?.markAsPristine();
+      }
     }
 
     this.stateChanges.next();
diff --git a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng16 b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng16
index fd14cb8074..f215f14610 100644
--- a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng16
+++ b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng16
@@ -12,6 +12,7 @@ import {
   OnInit,
   Optional,
   Output,
+  Renderer2,
   Self,
 } from '@angular/core';
 import { NgControl, NgModel, UntypedFormControl, Validators } from '@angular/forms';
@@ -113,7 +114,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
         this.ngControl.control?.patchValue(value);
       });
     } else {
-      this._inputValue.value = value as string;
+      this.updateValue(value);
       this.updateEmptyState();
       this.stateChanges.next();
     }
@@ -171,7 +172,8 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     @Optional() @Self() public readonly ngControl: NgControl,
     public readonly elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>,
     private readonly destroy: PrizmDestroyService,
-    private readonly cdr: ChangeDetectorRef
+    private readonly cdr: ChangeDetectorRef,
+    private readonly renderer2_: Renderer2,
   ) {
     super();
     this.nativeElementType = elementRef.nativeElement.type;
@@ -205,14 +207,6 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     this.stateChanges.complete();
   }
 
-  @HostListener('input', ['$event'])
-  private onInput(): void {
-    this.updateEmptyState();
-    this.stateChanges.next();
-    this.updateValue(this.value);
-    this.valueChanged.next(this.value);
-  }
-
   @HostListener('focus', ['$event'])
   private onFocus(): void {
     this.focused = true;
@@ -262,11 +256,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateEmptyState(): void {
-    this.empty = !(
-      (this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length) ||
-      (this.ngControl && this.ngControl.value) ||
-      (this.ngControl instanceof NgModel && this.ngControl.model)
-    );
+    this.empty = !(this.elementRef.nativeElement.value && this.elementRef.nativeElement.value.length);
   }
 
   private updateErrorState(): void {
@@ -274,8 +264,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   }
 
   private updateValue(value: VALUE): void {
-    if (value !== this.ngControl?.value) this.ngControl?.control?.setValue(value);
-    if (value !== this.value) this._inputValue.value = value as string;
+    if (value !== this.value) this.renderer2_.setProperty(this._inputValue, 'value', value);
     this.inputHint?.updateHint();
   }
 
@@ -283,7 +272,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
     if (this.disabled) return;
 
     this.updateValue(null as VALUE);
-
+    this.ngControl?.control?.setValue('');
     this.updateEmptyState();
     this.updateErrorState();
 
@@ -306,13 +295,21 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   public markControl(options: { touched?: boolean; dirty?: boolean }): void {
     const { touched, dirty } = options;
 
-    if (touched) {
+    if (typeof touched === 'boolean') {
       this._touched = true;
-      this.ngControl?.control?.markAsTouched();
+      if (touched) {
+        this.ngControl?.control?.markAsTouched();
+      } else {
+        this.ngControl?.control?.markAsUntouched();
+      }
     }
 
-    if (dirty) {
-      this.ngControl?.control?.markAsDirty();
+    if (typeof dirty === 'boolean') {
+      if (dirty) {
+        this.ngControl?.control?.markAsDirty();
+      } else {
+        this.ngControl?.control?.markAsPristine();
+      }
     }
 
     this.stateChanges.next();

From 9f6c6e615531051a67ed8d543f61d8f67e284127 Mon Sep 17 00:00:00 2001
From: Zurab Developer <75216044+ZurabDev@users.noreply.github.com>
Date: Fri, 19 Jul 2024 14:39:22 +0300
Subject: [PATCH 2/2] fix(components/input-text): for ng14 #000\

---
 .../input/input-text/input-text.component.ts.ng14      | 10 +++++-----
 .../input/input-text/input-text.component.ts.ng15      |  3 +--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14 b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14
index f215f14610..deabe5fb13 100644
--- a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14
+++ b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng14
@@ -15,13 +15,12 @@ import {
   Renderer2,
   Self,
 } from '@angular/core';
-import { NgControl, NgModel, UntypedFormControl, Validators } from '@angular/forms';
+import { NgControl, Validators } from '@angular/forms';
 import { PrizmDestroyService } from '@prizm-ui/helpers';
 import { takeUntil, tap } from 'rxjs/operators';
 import { PrizmInputControl } from '../common/base/input-control.class';
 import { PrizmInputHintDirective, PrizmInputLayoutComponent } from '../common';
-import { NgxMaskDirective } from 'ngx-mask';
-import { timer } from 'rxjs';
+import { MaskDirective } from 'ngx-mask';
 
 @Component({
   selector:
@@ -75,6 +74,7 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
 
   private _disabled = false;
 
+
   @Input()
   @HostBinding('attr.placeholder')
   placeholder?: string;
@@ -136,9 +136,9 @@ export class PrizmInputTextComponent<VALUE extends string | number | null = stri
   @HostBinding('class.empty')
   public empty!: boolean;
 
-  readonly maybeMask = inject(NgxMaskDirective, {
+  readonly maybeMask = inject(MaskDirective, {
     optional: true,
-  }) as NgxMaskDirective;
+  });
 
   readonly parentLayout = inject(PrizmInputLayoutComponent, {
     optional: true,
diff --git a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15 b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15
index f215f14610..10357ffc25 100644
--- a/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15
+++ b/libs/components/src/lib/components/input/input-text/input-text.component.ts.ng15
@@ -15,13 +15,12 @@ import {
   Renderer2,
   Self,
 } from '@angular/core';
-import { NgControl, NgModel, UntypedFormControl, Validators } from '@angular/forms';
+import { NgControl, Validators } from '@angular/forms';
 import { PrizmDestroyService } from '@prizm-ui/helpers';
 import { takeUntil, tap } from 'rxjs/operators';
 import { PrizmInputControl } from '../common/base/input-control.class';
 import { PrizmInputHintDirective, PrizmInputLayoutComponent } from '../common';
 import { NgxMaskDirective } from 'ngx-mask';
-import { timer } from 'rxjs';
 
 @Component({
   selector: