import { Directive, Input, Output, ElementRef, EventEmitter } from '@angular/core';
import { RdComponent } from '../../base/rdComponent';
import { AppComponent } from '../../app.component';

@Directive({
  selector: '[rd-popover]',
  exportAs: 'rdPopover'
})
export class Popover extends RdComponent {
  @Input("rd-popover") component;

  @Output("rd-popover-onDismiss") ondismissEvent: EventEmitter<any> = new EventEmitter<any>();

  constructor(private element: ElementRef) {
    super();
  }

  open(data) {
    AppComponent.instance.popoverInstance.open(data, this.component, this.element, data => this.ondismissEvent.emit(data));
  }
}