Forgot password flow

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;