import { AfterViewChecked, Component, ElementRef, Input, OnInit } from '@angular/core';
import { D3Service } from '../../../../services/d3.service';

import { Link } from '@creedinteractive/onguard-models';

@Component({
    selector: '[link]',
    templateUrl: './link.component.html',
    styleUrls: ['./link.component.scss'],
})
export class LinkComponent implements OnInit, AfterViewChecked {
    @Input() link: Link;

    differ: boolean;

    constructor(private d3Service: D3Service, private _element: ElementRef) {}

    ngOnInit(): void {}

    ngAfterViewChecked(): void {
        if (this.link?.selected !== this.differ) {
            if (this.link.selected) {
                this.d3Service.raise(this._element.nativeElement);
            }
            this.differ = this.link.selected;
        }
    }
}