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

@Directive({
    selector: '[svgHref]',
})
export class SvgHrefDirective implements OnInit {
    @Input()
    public svgHref: string;

    constructor(
        private _elementRef: ElementRef,
    ) {}

    public ngOnInit() {
        this._elementRef.nativeElement.setAttributeNS(
            'http://www.w3.org/1999/xlink',
            'href',
            this.svgHref,
        );
    }
}