From 95760ec05f1ca5abcdaff516affd80db873cdeb8 Mon Sep 17 00:00:00 2001
From: Kole <h.kolaric92@gmail.com>
Date: Thu, 28 Feb 2019 13:37:36 +0100
Subject: [PATCH] fix: slideInView emitting with pagination closes:#12

---
 .../src/lib/slides/slides.component.ts        |  2 ++
 src/app/app.component.scss                    |  1 -
 .../simple-example.component.html             |  6 +++---
 src/styles.scss                               | 19 +++++++++++++++++++
 4 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/projects/ng-slider/src/lib/slides/slides.component.ts b/projects/ng-slider/src/lib/slides/slides.component.ts
index 008774c..a8a2943 100644
--- a/projects/ng-slider/src/lib/slides/slides.component.ts
+++ b/projects/ng-slider/src/lib/slides/slides.component.ts
@@ -129,6 +129,8 @@ export class SlidesComponent implements OnInit, AfterViewInit, OnDestroy {
         index: num,
         slide: this.slides.toArray()[num]
       });
+
+      this._shouldEmitSlideInView(this.options.blocksPerView, false);
     });
   }
 
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index cfbe57b..cca57b3 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -3,4 +3,3 @@
   padding: 0;
   box-sizing: border-box;
 }
-
diff --git a/src/app/simple-example/simple-example.component.html b/src/app/simple-example/simple-example.component.html
index 70f8efd..c4872aa 100644
--- a/src/app/simple-example/simple-example.component.html
+++ b/src/app/simple-example/simple-example.component.html
@@ -7,7 +7,7 @@ <h1>{{item.title}}</h1>
       </div>
     </jp-slide>
   </jp-slides>
-  <jp-slide-pagination></jp-slide-pagination>
-  <button jpSlideArrow="left">Left</button>
-  <button jpSlideArrow="right">Right</button>
+  <jp-slide-pagination class="pagination"></jp-slide-pagination>
+  <!--<button jpSlideArrow="left">Left</button>-->
+  <!--<button jpSlideArrow="right">Right</button>-->
 </jp-slider>
diff --git a/src/styles.scss b/src/styles.scss
index b7eba24..810e920 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -4,3 +4,22 @@
   padding: 0;
   box-sizing: border-box;
 }
+
+.jp-sp-w {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.jp-sp-d {
+  width: 12px;
+  height: 12px;
+  margin: 0 5px;
+  border: 2px solid black;
+  border-radius: 50%;
+  cursor: pointer;
+
+  &.active {
+    background: red;
+  }
+}