From bb6e0b84359cb9ba6f73b9b4cb98f2c7e02ead31 Mon Sep 17 00:00:00 2001
From: Janne Julkunen <janne.julkunen@zef.fi>
Date: Sat, 16 Jun 2018 14:50:30 +0300
Subject: [PATCH] Fixed keyboard selection for the component pagination

---
 example/src/app/app.component.ts | 1 +
 src/lib/swiper.component.html    | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/example/src/app/app.component.ts b/example/src/app/app.component.ts
index f53da57..c90427a 100644
--- a/example/src/app/app.component.ts
+++ b/example/src/app/app.component.ts
@@ -26,6 +26,7 @@ export class AppComponent {
   public disabled: boolean = false;
 
   public config: SwiperConfigInterface = {
+    a11y: true,
     direction: 'horizontal',
     slidesPerView: 1,
     keyboard: true,
diff --git a/src/lib/swiper.component.html b/src/lib/swiper.component.html
index 9000b31..3f1bd27 100644
--- a/src/lib/swiper.component.html
+++ b/src/lib/swiper.component.html
@@ -8,5 +8,5 @@
   <div class="swiper-button-prev" [hidden]="swiperConfig?.navigation !== true && swiperConfig?.navigation?.prevEl !== '.swiper-button-prev'" [attr.disabled]="isAtFirst || null"></div>
   <div class="swiper-button-next" [hidden]="swiperConfig?.navigation !== true && swiperConfig?.navigation?.nextEl !== '.swiper-button-next'" [attr.disabled]="isAtLast || null"></div>
 
-  <div class="swiper-pagination" [hidden]="swiperConfig?.pagination !== true && swiperConfig?.pagination?.el !== '.swiper-pagination'" (click)="directiveRef?.setIndex($event.target.getAttribute('index'))"></div>
+  <div class="swiper-pagination" [hidden]="swiperConfig?.pagination !== true && swiperConfig?.pagination?.el !== '.swiper-pagination'" (click)="directiveRef?.setIndex($event.target.getAttribute('index'))" (keyup.enter)="directiveRef?.setIndex($event.target.getAttribute('index'))"></div>
 </div>