import { Directive, HostListener } from "@angular/core";
import { LinkService } from "../services/links/link.service";

@Directive({
  selector: "[appExternalLink]",
})
export class ExternalLinkDirective {
  @HostListener("click", ["$event"]) public onClick($event: MouseEvent): void {
    $event.preventDefault();
    $event.stopPropagation();

    const target = ($event as any).path?.find((t) => t.tagName === "A");

    this._linkService.confirmLinkNavigation(target.href as string).subscribe();
  }

  public constructor(private _linkService: LinkService) {}
}