bitwarden-estensione-browser/angular/src/directives/autofocus.directive.ts

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

import { take } from 'rxjs/operators';

import { Utils } from 'jslib-common/misc/utils';

@Directive({
    selector: '[appAutofocus]',
})
export class AutofocusDirective {
    @Input() set appAutofocus(condition: boolean | string) {
        this.autofocus = condition === '' || condition === true;
    }

    private autofocus: boolean;

    constructor(private el: ElementRef, private ngZone: NgZone) { }

    ngOnInit() {
        if (!Utils.isMobileBrowser && this.autofocus) {
            if (this.ngZone.isStable) {
                this.el.nativeElement.focus();
            } else {
                this.ngZone.onStable.pipe(take(1)).subscribe(() => this.el.nativeElement.focus());
            }
        }
    }
}