import { Directive, OnInit, ElementRef } from '@angular/core';

@Directive({
    selector: '[fbBlurOnClick]'
})
export class FbBlurOnClickDirective implements OnInit {
    private element: HTMLElement;

    constructor(
        private readonly elementRef: ElementRef,
    ) { }

    ngOnInit(): void {
        this.element = this.elementRef.nativeElement;
        this.element.onclick = () => {
            this.element.blur();
        };
    }
}