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

@Directive({
  selector: '[onguardZoomable]'
})
export class ZoomableDirective implements OnInit {

    @Input() onguardZoomable: ElementRef;

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

    ngOnInit(): void {
        this.d3Service.applyZoomableBehaviour(this.onguardZoomable, this._element.nativeElement);
    }

}