angular-infinity-scrolling 1.5.1 → 1.5.3

package/README.md

@@ -1,11 +1,11 @@
 ## Thank you for using angular -infinity-scroller for infinite scrolling.
->[!TIP]
->Note: Current version of package is compatible with angular version above 17
+
+> [!TIP]
+> Note: Current version of package is compatible with angular version above 17
 
 go to the directory, open terminal and and install package using `npm i angular-infinity-scroller`
 Go to the ts file of component e.g. example.component.ts and add AngularInfinityScrollerDirective inside imports.
 
-
 ```ruby
 import {AngularInfinityScrollerDirective} from "angular-infinity-scroller";
 
@@ -19,19 +19,28 @@ import {AngularInfinityScrollerDirective} from "angular-infinity-scroller";
 })
 export class ExampleComponent{}
 ```
-````
+
+```
 followed by consuming the directive in example.component.
-````
+```
+
 ### Currently Directive has 2 properties
-````
+
+```
 scrollDistance - input which accpet a number between 1  and 10.
 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%.
 
 onScrolled - output that accept a voidFunction to be invoked on emit
 (onScrolled)="handleScroll()"
-````
+```
+
 ```ruby
 <div class='scrollable-parent' angularInfinityScroller [scrollDistance]="4" (onScrolled)="handleScroll()">
 </div>
-```
+```
+
+```
+Any suggestions or contributions are most welcome. If you are facing any issue with the packge please raise the issue in the github, I'll happt to resolve the bugs.
+Happy coding!!
+```

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/angular-infinity-scroller",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,42 +1,31 @@
-{
-  "name": "angular-infinity-scrolling",
-  "version": "1.5.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Jayant061/angular-infinity-scroller"
-  },
-  "bugs": {
-    "url": "https://github.com/Jayant061/angular-infinity-scroller/issues"
-  },
-  "keywords": [
-    "Angular-infinity-scrolling",
-    "Angular-infinity-scroller",
-    "infinity-scroller",
-    "Angular-infinite-scroller",
-    "Angular-infinite-scroll",
-    "infinte-scroll",
-    "infinite",
-    "Angular"
-  ],
-  "author": "Jayant Thakur",
-  "license": "ISC",
-  "peerDependencies": {
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/angular-infinity-scrolling.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/angular-infinity-scrolling.mjs"
-    }
-  }
-}
+{
+  "name": "angular-infinity-scrolling",
+  "version": "1.5.3",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Jayant061/angular-infinity-scroller"
+  },
+  "bugs": {
+    "url": "https://github.com/Jayant061/angular-infinity-scroller/issues"
+  },
+  "keywords": [
+    "Angular-infinity-scrolling",
+    "Angular-infinity-scroller",
+    "infinity-scroller",
+    "Angular-infinite-scroller",
+    "Angular-infinite-scroll",
+    "infinte-scroll",
+    "infinite",
+    "Angular"
+  ],
+  "author": "Jayant Thakur",
+  "license": "ISC",
+  "peerDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}

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

@@ -0,0 +1,8 @@
+import { AngularInfinityScrollerDirective } from './angular-infinity-scroller.directive';
+
+describe('AngularInfinityScrollerDirective', () => {
+  it('should create an instance', () => {
+    const directive = new AngularInfinityScrollerDirective();
+    expect(directive).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,39 @@
+import { Directive, ElementRef, inject, input, output } from '@angular/core';
+
+@Directive({
+  selector: '[angularInfinityScroller]',
+  standalone: true
+})
+export class AngularInfinityScrollerDirective {
+
+  constructor() { }
+  public scrollDistance = input<number>();
+  public onScrolled = output();
+  private el:ElementRef<HTMLDivElement> = inject(ElementRef);
+  private prevScrollHeight:number = 0;
+  ngAfterViewInit(): void {
+    this.el.nativeElement.addEventListener('scroll',this.onScroll.bind(this));
+  }
+
+  ngOnDestroy(): void {
+    this.el.nativeElement.removeEventListener('scroll',this.onScroll.bind(this));
+  }
+  private isEmit:boolean = true;
+  private onScroll():void{
+      const height = Math.floor(this.el?.nativeElement.scrollHeight - this.el.nativeElement.clientHeight);
+      const scrollValue = Math.floor(this.el?.nativeElement.scrollTop);
+      const emitTriggerHeight  = Math.ceil((1-((this.scrollDistance()??2)/10))*height);
+      if(scrollValue>= (emitTriggerHeight) && !this.isEmit){
+        return;
+      }
+      else if(scrollValue < (emitTriggerHeight)){
+        this.isEmit = true;
+      }
+      if(scrollValue>= (emitTriggerHeight) && this.prevScrollHeight !== height){
+        this.onScrolled.emit();
+        this.prevScrollHeight = height;
+        this.isEmit = false;
+      }
+  }
+
+}

package/src/public-api.ts

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of angular-infinity-scroller
+ */
+
+export * from './lib/angular-infinity-scroller.directive'

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/fesm2022/angular-infinity-scrolling.mjs

@@ -1,53 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, output, inject, ElementRef, Directive } from '@angular/core';
-
-class AngularInfinityScrollerDirective {
-    constructor() { }
-    scrollDistance = input();
-    onScrolled = output();
-    el = inject(ElementRef);
-    prevScrollHeight = 0;
-    ngAfterViewInit() {
-        this.el.nativeElement.addEventListener('scroll', this.onScroll.bind(this));
-    }
-    ngOnDestroy() {
-        this.el.nativeElement.removeEventListener('scroll', this.onScroll.bind(this));
-    }
-    isEmit = true;
-    onScroll() {
-        const height = Math.floor(this.el?.nativeElement.scrollHeight - this.el.nativeElement.clientHeight);
-        const scrollValue = Math.floor(this.el?.nativeElement.scrollTop);
-        const emitTriggerHeight = Math.ceil((1 - ((this.scrollDistance() ?? 2) / 10)) * height);
-        if (scrollValue >= (emitTriggerHeight) && !this.isEmit) {
-            return;
-        }
-        else if (scrollValue < (emitTriggerHeight)) {
-            this.isEmit = true;
-        }
-        if (scrollValue >= (emitTriggerHeight) && this.prevScrollHeight !== height) {
-            this.onScrolled.emit();
-            this.prevScrollHeight = height;
-            this.isEmit = false;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AngularInfinityScrollerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AngularInfinityScrollerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[angularInfinityScroller]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [] });
-
-/*
- * Public API Surface of angular-infinity-scroller
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AngularInfinityScrollerDirective };
-//# sourceMappingURL=angular-infinity-scrolling.mjs.map

package/fesm2022/angular-infinity-scrolling.mjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="angular-infinity-scrolling" />
-export * from './public-api';

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

@@ -1,14 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class AngularInfinityScrollerDirective {
-    constructor();
-    scrollDistance: import("@angular/core").InputSignal<number | undefined>;
-    onScrolled: import("@angular/core").OutputEmitterRef<void>;
-    private el;
-    private prevScrollHeight;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private isEmit;
-    private onScroll;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularInfinityScrollerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AngularInfinityScrollerDirective, "[angularInfinityScroller]", never, { "scrollDistance": { "alias": "scrollDistance"; "required": false; "isSignal": true; }; }, { "onScrolled": "onScrolled"; }, never, never, true, never>;
-}

package/public-api.d.ts

@@ -1 +0,0 @@
-export * from './lib/angular-infinity-scroller.directive';