angular-infinity-scrolling 2.1.1 → 2.2.0

package/fesm2022/angular-infinity-scrolling.mjs

@@ -0,0 +1,58 @@
+import * as i0 from '@angular/core';
+import { input, computed, output, inject, ElementRef, signal, Directive } from '@angular/core';
+
+class AngularInfinityScrollerDirective {
+    constructor() {
+        this.onScroll = this.onScroll.bind(this);
+    }
+    scrollDistance = input(2);
+    scrollDistanceCoefficient = computed(() => {
+        const val = this.scrollDistance();
+        if (val > 9) {
+            return 2;
+        }
+        return val;
+    });
+    onScrolled = output();
+    el = inject(ElementRef);
+    prevScrollHeight = signal(0);
+    ngAfterViewInit() {
+        this.el.nativeElement.addEventListener('scroll', this.onScroll);
+    }
+    onScroll() {
+        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();
+            this.prevScrollHeight.set(height);
+        }
+    }
+    ngOnDestroy() {
+        this.el.nativeElement.removeEventListener('scroll', this.onScroll);
+    }
+    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

@@ -0,0 +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 { computed, Directive, ElementRef, inject, input, output, signal } from '@angular/core';\n\n@Directive({\n  selector: '[angularInfinityScroller]',\n  standalone: true\n})\nexport class AngularInfinityScrollerDirective {\n\n  constructor() {\n    this.onScroll = this.onScroll.bind(this);\n  }\n  public scrollDistance = input<number>(2);\n  private readonly scrollDistanceCoefficient = computed(() => {\n    const val = this.scrollDistance();\n    if (val > 9) {\n      return 2\n    }\n    return val;\n  })\n  public onScrolled = output();\n  private el: ElementRef<HTMLDivElement> = inject(ElementRef);\n  private prevScrollHeight = signal<number>(0);\n\n\n  ngAfterViewInit(): void {\n    this.el.nativeElement.addEventListener('scroll', this.onScroll);\n  }\n\n  private onScroll(): void {\n    const height = Math.floor(this.el?.nativeElement.scrollHeight - this.el.nativeElement.clientHeight);\n    const scrollValue = Math.floor(this.el?.nativeElement.scrollTop);\n    const unexploredContentHeight = height - this.prevScrollHeight();\n    if (unexploredContentHeight < 0) {// if the list item quantity reduced (applying filter)\n      this.prevScrollHeight.set(0);\n    }\n    const emitTriggerHeight = this.prevScrollHeight() + Math.ceil((1 - ((this.scrollDistanceCoefficient()) / 10)) * unexploredContentHeight);\n    if (scrollValue >= (emitTriggerHeight) && this.prevScrollHeight() !== height) {\n      this.onScrolled.emit();\n      this.prevScrollHeight.set(height);\n    }\n  }\n  ngOnDestroy(): void {\n    this.el.nativeElement.removeEventListener('scroll', this.onScroll);\n  }\n\n}\n","/*\n * Public API Surface of angular-infinity-scroller\n */\n\nexport * from './lib/angular-infinity-scroller.directive'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,gCAAgC,CAAA;AAE3C,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;AAEnC,IAAA,cAAc,GAAG,KAAK,CAAS,CAAC,CAAC;AACvB,IAAA,yBAAyB,GAAG,QAAQ,CAAC,MAAK;AACzD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,EAAE;AACjC,QAAA,IAAI,GAAG,GAAG,CAAC,EAAE;AACX,YAAA,OAAO,CAAC;;AAEV,QAAA,OAAO,GAAG;AACZ,KAAC,CAAC;IACK,UAAU,GAAG,MAAM,EAAE;AACpB,IAAA,EAAE,GAA+B,MAAM,CAAC,UAAU,CAAC;AACnD,IAAA,gBAAgB,GAAG,MAAM,CAAS,CAAC,CAAC;IAG5C,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGzD,QAAQ,GAAA;QACd,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,uBAAuB,GAAG,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAChE,QAAA,IAAI,uBAAuB,GAAG,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;;AAE9B,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE,IAAI,EAAE,CAAC,IAAI,uBAAuB,CAAC;AACxI,QAAA,IAAI,WAAW,KAAK,iBAAiB,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE,KAAK,MAAM,EAAE;AAC5E,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC;;;IAGrC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;;uGApCzD,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

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

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class AngularInfinityScrollerDirective {
+    constructor();
+    scrollDistance: import("@angular/core").InputSignal<number>;
+    private readonly scrollDistanceCoefficient;
+    onScrolled: import("@angular/core").OutputEmitterRef<void>;
+    private el;
+    private prevScrollHeight;
+    ngAfterViewInit(): void;
+    private onScroll;
+    ngOnDestroy(): void;
+    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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-infinity-scrolling",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/Jayant061/angular-infinity-scroller"
@@ -29,5 +29,16 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
-}
+  "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"
+    }
+  }
+}

package/public-api.d.ts

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

package/ng-package.json

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

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

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

@@ -1,46 +0,0 @@
-import { computed, Directive, ElementRef, inject, input, output, signal } from '@angular/core';
-
-@Directive({
-  selector: '[angularInfinityScroller]',
-  standalone: true
-})
-export class AngularInfinityScrollerDirective {
-
-  constructor() {
-    this.onScroll = this.onScroll.bind(this);
-  }
-  public scrollDistance = input<number>(2);
-  private readonly scrollDistanceCoefficient = computed(() => {
-    const val = this.scrollDistance();
-    if (val > 9) {
-      return 2
-    }
-    return val;
-  })
-  public onScrolled = output();
-  private el: ElementRef<HTMLDivElement> = inject(ElementRef);
-  private prevScrollHeight = signal<number>(0);
-
-
-  ngAfterViewInit(): void {
-    this.el.nativeElement.addEventListener('scroll', this.onScroll);
-  }
-
-  private onScroll(): void {
-    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();
-      this.prevScrollHeight.set(height);
-    }
-  }
-  ngOnDestroy(): void {
-    this.el.nativeElement.removeEventListener('scroll', this.onScroll);
-  }
-
-}

package/src/public-api.ts

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

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* 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

@@ -1,11 +0,0 @@
-/* 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

@@ -1,15 +0,0 @@
-/* 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"
-  ]
-}