import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'esb-image-slider-arrows',
  templateUrl: './esb-image-slider-arrows.component.html',
  styleUrls: ['./esb-image-slider-arrows.component.css']
})
export class EsbImageSliderArrowsComponent {
  private DISABLE_ELEMENT_TIME = 750;
  public disableElement: boolean;

  @Output() changeSlide: EventEmitter<string> = new EventEmitter();

  constructor() {}

  public onChangeSlide(direction: string): void {
    this.changeSlide.emit(direction);
  }

  public disableNavButtons(): void {
    this.disableElement = true;
    setTimeout(() => this.disableElement = false, this.DISABLE_ELEMENT_TIME);
  }
}