Forgot password flow

src/app/shared/components/input/input.component.html

@@ -24,6 +24,7 @@
     [placeholder]="placeholder()"
     [value]="type() !== 'file' ? value() : null"
     (input)="type() !== 'file' ? onValueChange($event) : null"
+    (paste)="onPaste($event)"
     (change)="type() === 'file' ? onFileChange($event) : null"
     [attr.maxlength]="type() !== 'file' ? maxlength() : null"
     [attr.accept]="type() === 'file' ? accept() : null"

src/app/shared/components/input/input.component.ts

@@ -85,6 +85,7 @@ export class InputComponent {
 
   readonly disabledChange = output<boolean>();
   readonly fileChange = output<File | null>();
+  readonly pasteEvent = output<ClipboardEvent>();
   readonly visibleChange = output<boolean>();
 
   protected readonly inputType = computed(() => {
@@ -166,6 +167,10 @@ export class InputComponent {
     });
   }
 
+  focus(): void {
+    this.inputElement()?.nativeElement.focus();
+  }
+
   protected onValueChange(event: Event): void {
     this.value.set((event.target as HTMLInputElement).value);
   }
@@ -176,6 +181,10 @@ export class InputComponent {
     this.fileChange.emit(file);
   }
 
+  protected onPaste(event: ClipboardEvent): void {
+    this.pasteEvent.emit(event);
+  }
+
   protected toggleEditableState(): void {
     if (this.type() !== 'editable') {
       return;