angular-infinity-scrolling 1.2.1 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +4 -4
  2. package/fesm2022/{angular-infinity-scroller.mjs → angular-infinity-scrolling.mjs} +4 -4
  3. package/fesm2022/angular-infinity-scrolling.mjs.map +1 -0
  4. package/index.d.ts +1 -1
  5. package/package.json +5 -26
  6. package/esm2022/angular-infinity-scroller.mjs +0 -5
  7. package/esm2022/lib/angular-infinity-scroller.directive.mjs +0 -42
  8. package/esm2022/public-api.mjs +0 -5
  9. package/fesm2022/angular-infinity-scroller.mjs.map +0 -1
package/README.md CHANGED
@@ -3,16 +3,16 @@
3
3
  >Note: Current version of package is compatible with angular version above 17
4
4
 
5
5
  go to the directory, open terminal and and install package using `npm i angular-infinity-scroller`
6
- Go to the ts file of component e.g. example.component.ts and insert AngularInfinityScrollerDirective
6
+ Go to the ts file of component e.g. example.component.ts and add AngularInfinityScrollerDirective inside imports.
7
7
 
8
8
 
9
9
  ```ruby
10
- import {AngularInfiniteScrollerDirective} from "angular-infinity-scroller";
10
+ import {AngularInfinityScrollerDirective} from "angular-infinity-scroller";
11
11
 
12
12
  @Component({
13
13
  selector: 'app-example',
14
14
  imports: [
15
- AngularInfiniteScrollerDirective,
15
+ AngularInfinityScrollerDirective,
16
16
  ],
17
17
  templateUrl: './exaple.component.html',
18
18
  styleUrl: './exaple.component.scss',
@@ -32,6 +32,6 @@ onScrolled - output that accept a voidFunction to be invoked on emit
32
32
  (onScrolled)="handleScroll()"
33
33
  ````
34
34
  ```ruby
35
- <div class='scrollable-parent' appAngularInfinityScroller [scrollDistance]="4" (onScrolled)="handleScroll()">
35
+ <div class='scrollable-parent' angularInfinityScroller [scrollDistance]="4" (onScrolled)="handleScroll()">
36
36
  </div>
37
37
  ```
package/fesm2022/{angular-infinity-scroller.mjs → angular-infinity-scrolling.mjs} RENAMED
@@ -30,10 +30,10 @@ class AngularInfinityScrollerDirective {
30
30
  this.isEmit = false;
31
31
  }
32
32
  }
33
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AngularInfinityScrollerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
34
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: AngularInfinityScrollerDirective, isStandalone: true, selector: "[angularInfinityScroller]", inputs: { scrollDistance: { classPropertyName: "scrollDistance", publicName: "scrollDistance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrolled: "onScrolled" }, ngImport: i0 });
33
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AngularInfinityScrollerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
34
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: AngularInfinityScrollerDirective, isStandalone: true, selector: "[angularInfinityScroller]", inputs: { scrollDistance: { classPropertyName: "scrollDistance", publicName: "scrollDistance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrolled: "onScrolled" }, ngImport: i0 });
35
35
  }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AngularInfinityScrollerDirective, decorators: [{
36
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AngularInfinityScrollerDirective, decorators: [{
37
37
  type: Directive,
38
38
  args: [{
39
39
  selector: '[angularInfinityScroller]',
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
50
50
  */
51
51
 
52
52
  export { AngularInfinityScrollerDirective };
53
- //# sourceMappingURL=angular-infinity-scroller.mjs.map
53
+ //# sourceMappingURL=angular-infinity-scrolling.mjs.map
package/fesm2022/angular-infinity-scrolling.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"angular-infinity-scrolling.mjs","sources":["../../../projects/angular-infinity-scroller/src/lib/angular-infinity-scroller.directive.ts","../../../projects/angular-infinity-scroller/src/public-api.ts","../../../projects/angular-infinity-scroller/src/angular-infinity-scrolling.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input, output } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[angularInfinityScroller]',\r\n standalone: true\r\n})\r\nexport class AngularInfinityScrollerDirective {\r\n\r\n constructor() { }\r\n public scrollDistance = input<number>();\r\n public onScrolled = output();\r\n private el:ElementRef<HTMLDivElement> = inject(ElementRef);\r\n private prevScrollHeight:number = 0;\r\n ngAfterViewInit(): void {\r\n this.el.nativeElement.addEventListener('scroll',this.onScroll.bind(this));\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.el.nativeElement.removeEventListener('scroll',this.onScroll.bind(this));\r\n }\r\n private isEmit:boolean = true;\r\n private onScroll():void{\r\n const height = Math.floor(this.el?.nativeElement.scrollHeight - this.el.nativeElement.clientHeight);\r\n const scrollValue = Math.floor(this.el?.nativeElement.scrollTop);\r\n const emitTriggerHeight = Math.ceil((1-((this.scrollDistance()??2)/10))*height);\r\n if(scrollValue>= (emitTriggerHeight) && !this.isEmit){\r\n return;\r\n }\r\n else if(scrollValue < (emitTriggerHeight)){\r\n this.isEmit = true;\r\n }\r\n if(scrollValue>= (emitTriggerHeight) && this.prevScrollHeight !== height){\r\n this.onScrolled.emit();\r\n this.prevScrollHeight = height;\r\n this.isEmit = false;\r\n }\r\n }\r\n\r\n}\r\n","/*\r\n * Public API Surface of angular-infinity-scroller\r\n */\r\n\r\nexport * from './lib/angular-infinity-scroller.directive'\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,gCAAgC,CAAA;AAE3C,IAAA,WAAA,GAAA;IACO,cAAc,GAAG,KAAK,EAAU;IAChC,UAAU,GAAG,MAAM,EAAE;AACpB,IAAA,EAAE,GAA8B,MAAM,CAAC,UAAU,CAAC;IAClD,gBAAgB,GAAU,CAAC;IACnC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAG3E,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAEtE,MAAM,GAAW,IAAI;IACrB,QAAQ,GAAA;QACZ,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC;AACnG,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,SAAS,CAAC;QAChE,MAAM,iBAAiB,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAE,CAAC,IAAE,EAAE,CAAC,IAAE,MAAM,CAAC;QAChF,IAAG,WAAW,KAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAC;YACnD;;AAEG,aAAA,IAAG,WAAW,IAAI,iBAAiB,CAAC,EAAC;AACxC,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;;AAEpB,QAAA,IAAG,WAAW,KAAI,iBAAiB,CAAC,IAAI,IAAI,CAAC,gBAAgB,KAAK,MAAM,EAAC;AACvE,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,YAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM;AAC9B,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;;;uGA5Bd,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAJ5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;ACFH;;AAEG;;;;"}
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
- /// <amd-module name="angular-infinity-scroller" />
4
+ /// <amd-module name="angular-infinity-scrolling" />
5
5
  export * from './public-api';
package/package.json CHANGED
@@ -1,34 +1,15 @@
1
1
  {
2
2
  "name": "angular-infinity-scrolling",
3
- "version": "1.2.1",
4
- "repository": {
5
- "type": "git",
6
- "url": "https://github.com/Jayant061/angular-infinity-scroller"
7
- },
8
- "bugs": {
9
- "url": "https://github.com/Jayant061/angular-infinity-scroller/issues"
10
- },
11
- "keywords": [
12
- "Angular-infinity-scrolling",
13
- "Angular-infinity-scroller",
14
- "infinity-scroller",
15
- "Angular-infinite-scroller",
16
- "Angular-infinite-scroll",
17
- "infinte-scroll",
18
- "infinite",
19
- "Angular"
20
- ],
21
- "author": "Jayant Thakur",
22
- "license": "ISC",
3
+ "version": "1.4.0",
23
4
  "peerDependencies": {
24
- "@angular/common": "^18.2.0",
25
- "@angular/core": "^18.2.0"
5
+ "@angular/common": "^19.0.0",
6
+ "@angular/core": "^19.0.0"
26
7
  },
27
8
  "dependencies": {
28
9
  "tslib": "^2.3.0"
29
10
  },
30
11
  "sideEffects": false,
31
- "module": "fesm2022/angular-infinity-scroller.mjs",
12
+ "module": "fesm2022/angular-infinity-scrolling.mjs",
32
13
  "typings": "index.d.ts",
33
14
  "exports": {
34
15
  "./package.json": {
@@ -36,9 +17,7 @@
36
17
  },
37
18
  ".": {
38
19
  "types": "./index.d.ts",
39
- "esm2022": "./esm2022/angular-infinity-scroller.mjs",
40
- "esm": "./esm2022/angular-infinity-scroller.mjs",
41
- "default": "./fesm2022/angular-infinity-scroller.mjs"
20
+ "default": "./fesm2022/angular-infinity-scrolling.mjs"
42
21
  }
43
22
  }
44
23
  }
package/esm2022/angular-infinity-scroller.mjs DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1pbmZpbml0eS1zY3JvbGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItaW5maW5pdHktc2Nyb2xsZXIvc3JjL2FuZ3VsYXItaW5maW5pdHktc2Nyb2xsZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
package/esm2022/lib/angular-infinity-scroller.directive.mjs DELETED
@@ -1,42 +0,0 @@
1
- import { Directive, ElementRef, inject, input, output } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class AngularInfinityScrollerDirective {
4
- constructor() { }
5
- scrollDistance = input();
6
- onScrolled = output();
7
- el = inject(ElementRef);
8
- prevScrollHeight = 0;
9
- ngAfterViewInit() {
10
- this.el.nativeElement.addEventListener('scroll', this.onScroll.bind(this));
11
- }
12
- ngOnDestroy() {
13
- this.el.nativeElement.removeEventListener('scroll', this.onScroll.bind(this));
14
- }
15
- isEmit = true;
16
- onScroll() {
17
- const height = Math.floor(this.el?.nativeElement.scrollHeight - this.el.nativeElement.clientHeight);
18
- const scrollValue = Math.floor(this.el?.nativeElement.scrollTop);
19
- const emitTriggerHeight = Math.ceil((1 - ((this.scrollDistance() ?? 2) / 10)) * height);
20
- if (scrollValue >= (emitTriggerHeight) && !this.isEmit) {
21
- return;
22
- }
23
- else if (scrollValue < (emitTriggerHeight)) {
24
- this.isEmit = true;
25
- }
26
- if (scrollValue >= (emitTriggerHeight) && this.prevScrollHeight !== height) {
27
- this.onScrolled.emit();
28
- this.prevScrollHeight = height;
29
- this.isEmit = false;
30
- }
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AngularInfinityScrollerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
33
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: AngularInfinityScrollerDirective, isStandalone: true, selector: "[angularInfinityScroller]", inputs: { scrollDistance: { classPropertyName: "scrollDistance", publicName: "scrollDistance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrolled: "onScrolled" }, ngImport: i0 });
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AngularInfinityScrollerDirective, decorators: [{
36
- type: Directive,
37
- args: [{
38
- selector: '[angularInfinityScroller]',
39
- standalone: true
40
- }]
41
- }], ctorParameters: () => [] });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1pbmZpbml0eS1zY3JvbGxlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWluZmluaXR5LXNjcm9sbGVyL3NyYy9saWIvYW5ndWxhci1pbmZpbml0eS1zY3JvbGxlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTdFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFFM0MsZ0JBQWdCLENBQUM7SUFDVixjQUFjLEdBQUcsS0FBSyxFQUFVLENBQUM7SUFDakMsVUFBVSxHQUFHLE1BQU0sRUFBRSxDQUFDO0lBQ3JCLEVBQUUsR0FBOEIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25ELGdCQUFnQixHQUFVLENBQUMsQ0FBQztJQUNwQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUMvRSxDQUFDO0lBQ08sTUFBTSxHQUFXLElBQUksQ0FBQztJQUN0QixRQUFRO1FBQ1osTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLGFBQWEsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDcEcsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNqRSxNQUFNLGlCQUFpQixHQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBRSxDQUFDLENBQUMsR0FBQyxFQUFFLENBQUMsQ0FBQyxHQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2pGLElBQUcsV0FBVyxJQUFHLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUMsQ0FBQztZQUNwRCxPQUFPO1FBQ1QsQ0FBQzthQUNJLElBQUcsV0FBVyxHQUFHLENBQUMsaUJBQWlCLENBQUMsRUFBQyxDQUFDO1lBQ3pDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLENBQUM7UUFDRCxJQUFHLFdBQVcsSUFBRyxDQUFDLGlCQUFpQixDQUFDLElBQUksSUFBSSxDQUFDLGdCQUFnQixLQUFLLE1BQU0sRUFBQyxDQUFDO1lBQ3hFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLE1BQU0sQ0FBQztZQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUN0QixDQUFDO0lBQ0wsQ0FBQzt3R0E5QlUsZ0NBQWdDOzRGQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBSjVDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBpbmplY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW2FuZ3VsYXJJbmZpbml0eVNjcm9sbGVyXScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQW5ndWxhckluZmluaXR5U2Nyb2xsZXJEaXJlY3RpdmUge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG4gIHB1YmxpYyBzY3JvbGxEaXN0YW5jZSA9IGlucHV0PG51bWJlcj4oKTtcclxuICBwdWJsaWMgb25TY3JvbGxlZCA9IG91dHB1dCgpO1xyXG4gIHByaXZhdGUgZWw6RWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4gPSBpbmplY3QoRWxlbWVudFJlZik7XHJcbiAgcHJpdmF0ZSBwcmV2U2Nyb2xsSGVpZ2h0Om51bWJlciA9IDA7XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsdGhpcy5vblNjcm9sbC5iaW5kKHRoaXMpKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsdGhpcy5vblNjcm9sbC5iaW5kKHRoaXMpKTtcclxuICB9XHJcbiAgcHJpdmF0ZSBpc0VtaXQ6Ym9vbGVhbiA9IHRydWU7XHJcbiAgcHJpdmF0ZSBvblNjcm9sbCgpOnZvaWR7XHJcbiAgICAgIGNvbnN0IGhlaWdodCA9IE1hdGguZmxvb3IodGhpcy5lbD8ubmF0aXZlRWxlbWVudC5zY3JvbGxIZWlnaHQgLSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0KTtcclxuICAgICAgY29uc3Qgc2Nyb2xsVmFsdWUgPSBNYXRoLmZsb29yKHRoaXMuZWw/Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsVG9wKTtcclxuICAgICAgY29uc3QgZW1pdFRyaWdnZXJIZWlnaHQgID0gTWF0aC5jZWlsKCgxLSgodGhpcy5zY3JvbGxEaXN0YW5jZSgpPz8yKS8xMCkpKmhlaWdodCk7XHJcbiAgICAgIGlmKHNjcm9sbFZhbHVlPj0gKGVtaXRUcmlnZ2VySGVpZ2h0KSAmJiAhdGhpcy5pc0VtaXQpe1xyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIGlmKHNjcm9sbFZhbHVlIDwgKGVtaXRUcmlnZ2VySGVpZ2h0KSl7XHJcbiAgICAgICAgdGhpcy5pc0VtaXQgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmKHNjcm9sbFZhbHVlPj0gKGVtaXRUcmlnZ2VySGVpZ2h0KSAmJiB0aGlzLnByZXZTY3JvbGxIZWlnaHQgIT09IGhlaWdodCl7XHJcbiAgICAgICAgdGhpcy5vblNjcm9sbGVkLmVtaXQoKTtcclxuICAgICAgICB0aGlzLnByZXZTY3JvbGxIZWlnaHQgPSBoZWlnaHQ7XHJcbiAgICAgICAgdGhpcy5pc0VtaXQgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIl19
package/esm2022/public-api.mjs DELETED
@@ -1,5 +0,0 @@
1
- /*
2
- * Public API Surface of angular-infinity-scroller
3
- */
4
- export * from './lib/angular-infinity-scroller.directive';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItaW5maW5pdHktc2Nyb2xsZXIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDJDQUEyQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFuZ3VsYXItaW5maW5pdHktc2Nyb2xsZXJcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hbmd1bGFyLWluZmluaXR5LXNjcm9sbGVyLmRpcmVjdGl2ZSdcclxuIl19
package/fesm2022/angular-infinity-scroller.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"angular-infinity-scroller.mjs","sources":["../../../projects/angular-infinity-scroller/src/lib/angular-infinity-scroller.directive.ts","../../../projects/angular-infinity-scroller/src/public-api.ts","../../../projects/angular-infinity-scroller/src/angular-infinity-scroller.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input, output } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[angularInfinityScroller]',\r\n standalone: true\r\n})\r\nexport class AngularInfinityScrollerDirective {\r\n\r\n constructor() { }\r\n public scrollDistance = input<number>();\r\n public onScrolled = output();\r\n private el:ElementRef<HTMLDivElement> = inject(ElementRef);\r\n private prevScrollHeight:number = 0;\r\n ngAfterViewInit(): void {\r\n this.el.nativeElement.addEventListener('scroll',this.onScroll.bind(this));\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.el.nativeElement.removeEventListener('scroll',this.onScroll.bind(this));\r\n }\r\n private isEmit:boolean = true;\r\n private onScroll():void{\r\n const height = Math.floor(this.el?.nativeElement.scrollHeight - this.el.nativeElement.clientHeight);\r\n const scrollValue = Math.floor(this.el?.nativeElement.scrollTop);\r\n const emitTriggerHeight = Math.ceil((1-((this.scrollDistance()??2)/10))*height);\r\n if(scrollValue>= (emitTriggerHeight) && !this.isEmit){\r\n return;\r\n }\r\n else if(scrollValue < (emitTriggerHeight)){\r\n this.isEmit = true;\r\n }\r\n if(scrollValue>= (emitTriggerHeight) && this.prevScrollHeight !== height){\r\n this.onScrolled.emit();\r\n this.prevScrollHeight = height;\r\n this.isEmit = false;\r\n }\r\n }\r\n\r\n}\r\n","/*\r\n * Public API Surface of angular-infinity-scroller\r\n */\r\n\r\nexport * from './lib/angular-infinity-scroller.directive'\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,gCAAgC,CAAA;AAE3C,IAAA,WAAA,GAAA,GAAiB;IACV,cAAc,GAAG,KAAK,EAAU,CAAC;IACjC,UAAU,GAAG,MAAM,EAAE,CAAC;AACrB,IAAA,EAAE,GAA8B,MAAM,CAAC,UAAU,CAAC,CAAC;IACnD,gBAAgB,GAAU,CAAC,CAAC;IACpC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAC3E;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAC9E;IACO,MAAM,GAAW,IAAI,CAAC;IACtB,QAAQ,GAAA;QACZ,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;AACpG,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QACjE,MAAM,iBAAiB,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAE,CAAC,IAAE,EAAE,CAAC,IAAE,MAAM,CAAC,CAAC;QACjF,IAAG,WAAW,KAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAC;YACnD,OAAO;SACR;AACI,aAAA,IAAG,WAAW,IAAI,iBAAiB,CAAC,EAAC;AACxC,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACpB;AACD,QAAA,IAAG,WAAW,KAAI,iBAAiB,CAAC,IAAI,IAAI,CAAC,gBAAgB,KAAK,MAAM,EAAC;AACvE,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC;AAC/B,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;KACJ;wGA9BU,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAJ5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACLD;;AAEG;;ACFH;;AAEG;;;;"}