feat: make scroll directive standalone

README.md

@@ -117,6 +117,33 @@ export class AppModule {}
 platformBrowserDynamic().bootstrapModule(AppModule);
 ```
 
+or for standalone import InfiniteScrollDirective:
+
+```typescript
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app',
+  template: `
+    <div
+      class="search-results"
+      infiniteScroll
+      [infiniteScrollDistance]="2"
+      [infiniteScrollThrottle]="50"
+      (scrolled)="onScroll()"
+    ></div>
+  `,
+  standalone: true,
+  imports: [InfiniteScrollDirective]
+})
+export class AppComponent {
+  protected onScroll() {
+    console.log('scrolled!!');
+  }
+}
+```
+
 In this example, the **onScroll** callback will be invoked when the window is scrolled down:
 
 ```typescript

projects/ngx-infinite-scroll/src/lib/ngx-infinite-scroll.directive.ts

@@ -11,7 +11,6 @@ import {
   SimpleChanges,
 } from '@angular/core';
 import { Subscription } from 'rxjs';
-
 import { IInfiniteScrollEvent, IInfiniteScrollAction } from '../models';
 import { hasWindowDefined, inputPropChanged } from './services/ngx-ins-utils';
 import {
@@ -21,6 +20,7 @@ import {
 
 @Directive({
   selector: '[infiniteScroll], [infinite-scroll], [data-infinite-scroll]',
+  standalone: true
 })
 export class InfiniteScrollDirective
   implements OnDestroy, OnChanges, AfterViewInit
@@ -70,26 +70,30 @@ export class InfiniteScrollDirective
     }
   }
 
-  setup() {
-    if (hasWindowDefined()) {
-      this.zone.runOutsideAngular(() => {
-        this.disposeScroller = createScroller({
-          fromRoot: this.fromRoot,
-          alwaysCallback: this.alwaysCallback,
-          disable: this.infiniteScrollDisabled,
-          downDistance: this.infiniteScrollDistance,
-          element: this.element,
-          horizontal: this.horizontal,
-          scrollContainer: this.infiniteScrollContainer,
-          scrollWindow: this.scrollWindow,
-          throttle: this.infiniteScrollThrottle,
-          upDistance: this.infiniteScrollUpDistance,
-        }).subscribe((payload) => this.handleOnScroll(payload));
-      });
-    }
+  ngOnDestroy() {
+    this.destroyScroller();
   }
 
-  handleOnScroll({ type, payload }: IInfiniteScrollAction) {
+  private setup() {
+    if (!hasWindowDefined()) { return; }
+
+    this.zone.runOutsideAngular(() => {
+      this.disposeScroller = createScroller({
+        fromRoot: this.fromRoot,
+        alwaysCallback: this.alwaysCallback,
+        disable: this.infiniteScrollDisabled,
+        downDistance: this.infiniteScrollDistance,
+        element: this.element,
+        horizontal: this.horizontal,
+        scrollContainer: this.infiniteScrollContainer,
+        scrollWindow: this.scrollWindow,
+        throttle: this.infiniteScrollThrottle,
+        upDistance: this.infiniteScrollUpDistance,
+      }).subscribe((payload) => this.handleOnScroll(payload));
+    });
+  }
+
+  private handleOnScroll({ type, payload }: IInfiniteScrollAction) {
     const emitter =
       type === InfiniteScrollActions.DOWN ? this.scrolled : this.scrolledUp;
 
@@ -98,11 +102,7 @@ export class InfiniteScrollDirective
     }
   }
 
-  ngOnDestroy() {
-    this.destroyScroller();
-  }
-
-  destroyScroller() {
+  private destroyScroller() {
     if (this.disposeScroller) {
       this.disposeScroller.unsubscribe();
     }

projects/ngx-infinite-scroll/src/lib/ngx-infinite-scroll.module.ts

@@ -1,11 +1,11 @@
 import { NgModule } from '@angular/core';
-
 import { InfiniteScrollDirective } from './ngx-infinite-scroll.directive';
 
+/**
+ * @deprecated Import InfiniteScrollDirective instead
+ */
 @NgModule({
-  declarations: [InfiniteScrollDirective],
   exports: [InfiniteScrollDirective],
-  imports: [],
-  providers: [],
+  imports: [InfiniteScrollDirective],
 })
 export class InfiniteScrollModule {}

projects/ngx-infinite-scroll/src/public-api.ts

@@ -2,7 +2,6 @@
  * Public API Surface of ngx-infinite-scroll
  */
 
-export * from './lib/ngx-infinite-scroll.service';
 export { InfiniteScrollDirective } from './lib/ngx-infinite-scroll.directive';
 export { InfiniteScrollModule } from './lib/ngx-infinite-scroll.module';
 export {

tsconfig.json

@@ -28,7 +28,8 @@
       "es2020",
       "dom"
     ],
-    "useDefineForClassFields": false
+    "useDefineForClassFields": false,
+    "removeComments": false
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,