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

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

  @Input() images: string[];
  @Input() currentSlide: number;

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

  constructor() { }

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

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