feat(SlideArrow): added arrowClicked event

Jaspero · Jan 31, 2019 · 36daabe · 36daabe
1 parent ecc08c5
commit 36daabe
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/projects/ng-slider/src/lib/slide-arrow/slide-arrow.directive.ts b/projects/ng-slider/src/lib/slide-arrow/slide-arrow.directive.ts
@@ -1,20 +1,28 @@
-import {Directive, HostListener, Input} from '@angular/core';
+import {
+  Directive,
+  EventEmitter,
+  HostListener,
+  Input,
+  Output
+} from '@angular/core';
 import {SlideArrowDirection} from '../enums/slide-arrow-direction.enum';
 import {SliderComponent} from '../slider/slider.component';
 
 @Directive({
   selector: '[jpSlideArrow]'
 })
 export class SlideArrowDirective {
-  constructor(
-    private slider: SliderComponent
-  ) {}
+  constructor(private slider: SliderComponent) {}
 
   @Input('jpSlideArrow')
   direction: SlideArrowDirection = SlideArrowDirection.Right;
 
-  @HostListener('click')
-  onClick() {
+  @Output()
+  arrowClicked = new EventEmitter<MouseEvent>();
+
+  @HostListener('click', ['$event'])
+  onClick(event) {
+    this.arrowClicked.emit(event);
     this.slider.move$.next(this.direction);
   }
 }