angular-infinity-scrolling 2.0.0 → 2.1.1

package/README.md

@@ -27,16 +27,17 @@ followed by consuming the directive in example.component.
 ### Currently Directive has 2 properties
 
 ```
-scrollDistance - input which accpet a number between 1  and 10.
+scrollDistance - input which accpet a number between 1  and 9.
 Describing to emit the data if scrollable height is less than or equal to (number*10) percent.
 [scrollDistance]='2' value will be emitted if scrollable height is less than or 20%.
+NOTE: if invalid scrollDistance is given, then default value of 2 will be used for calculation;
 
 onScrolled - output that accept a voidFunction to be invoked on emit
 (onScrolled)="handleScroll()"
 ```
 
 ```ruby
-<div class='scrollable-parent' angularInfinityScroller [scrollDistance]="4" (onScrolled)="handleScroll()">
+<div class='scrollable-parent' angularInfinityScroller [scrollDistance]="2" (onScrolled)="handleScroll()">
 </div>
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-infinity-scrolling",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/Jayant061/angular-infinity-scroller"

package/src/lib/angular-infinity-scroller.directive.ts

@@ -30,6 +30,9 @@ export class AngularInfinityScrollerDirective {
     const height = Math.floor(this.el?.nativeElement.scrollHeight - this.el.nativeElement.clientHeight);
     const scrollValue = Math.floor(this.el?.nativeElement.scrollTop);
     const unexploredContentHeight = height - this.prevScrollHeight();
+    if (unexploredContentHeight < 0) {// if the list item quantity reduced (applying filter)
+      this.prevScrollHeight.set(0);
+    }
     const emitTriggerHeight = this.prevScrollHeight() + Math.ceil((1 - ((this.scrollDistanceCoefficient()) / 10)) * unexploredContentHeight);
     if (scrollValue >= (emitTriggerHeight) && this.prevScrollHeight() !== height) {
       this.onScrolled.emit();