fix: slideInView emitting with pagination closes:#12

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);
     });
   }
 

src/app/app.component.scss

@@ -3,4 +3,3 @@
   padding: 0;
   box-sizing: border-box;
 }
-

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>

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;
+  }
+}