ngx-infinite-scroll - npm Package Compare versions

Comparing version 18.0.0 to 19.0.0

package.json

 {
   "name": "ngx-infinite-scroll",
-  "version": "18.0.0",
+  "version": "19.0.0",
   "repository": {
@@ -14,4 +14,4 @@ "type": "git",
   "peerDependencies": {
-    "@angular/common": ">=18.0.0 <19.0.0",
-    "@angular/core": ">=18.0.0 <19.0.0"
+    "@angular/common": ">=19.0.0 <20.0.0",
+    "@angular/core": ">=19.0.0 <20.0.0"
   },
@@ -34,4 +34,2 @@ "dependencies": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/ngx-infinite-scroll.mjs",
-      "esm": "./esm2022/ngx-infinite-scroll.mjs",
       "default": "./fesm2022/ngx-infinite-scroll.mjs"
@@ -38,0 +36,0 @@ }

README.md

@@ -101,28 +101,10 @@ [![Build Status](https://travis-ci.org/orizens/ngx-infinite-scroll.svg?branch=master)](https://travis-ci.org/orizens/ngx-infinite-scroll) [![Backers on Open Collective](https://opencollective.com/ngx-infinite-scroll/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/ngx-infinite-scroll/sponsors/badge.svg)](#sponsors)
 
-First, import the InfiniteScrollModule to your module:
-
-```typescript
-import { NgModule } from "@angular/core";
-import { BrowserModule } from "@angular/platform-browser";
-import { InfiniteScrollModule } from "ngx-infinite-scroll";
-import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
-import { AppComponent } from "./app";
-
-@NgModule({
-  imports: [BrowserModule, InfiniteScrollModule],
-  declarations: [AppComponent],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-
-platformBrowserDynamic().bootstrapModule(AppModule);
-```
-
 In this example, the **onScroll** callback will be invoked when the window is scrolled down:
 
 ```typescript
-import { Component } from "@angular/core";
+import { Component } from '@angular/core';
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 
 @Component({
-  selector: "app",
+  selector: 'app',
   template: `
@@ -137,6 +119,7 @@ <div
   `,
+  imports: [InfiniteScrollDirective]
 })
 export class AppComponent {
   onScroll() {
-    console.log("scrolled!!");
+    console.log('scrolled!!');
   }
@@ -149,6 +132,7 @@ }
 ```typescript
-import { Component } from "@angular/core";
+import { Component } from '@angular/core';
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 
 @Component({
-  selector: "app",
+  selector: 'app',
   styles: [
@@ -172,6 +156,7 @@ `
   `,
+  imports: [InfiniteScrollDirective]
 })
 export class AppComponent {
   onScroll() {
-    console.log("scrolled!!");
+    console.log('scrolled!!');
   }
@@ -184,7 +169,7 @@ }
 ```typescript
-import { Component } from "@angular/core";
-import { InfiniteScroll } from "ngx-infinite-scroll";
+import { Component } from '@angular/core';
+import { InfiniteScroll } from 'ngx-infinite-scroll';
 
 @Component({
-  selector: "app",
+  selector: 'app',
   directives: [InfiniteScroll],
@@ -205,7 +190,7 @@ template: `
   onScrollDown() {
-    console.log("scrolled down!!");
+    console.log('scrolled down!!');
   }
 
   onScrollUp() {
-    console.log("scrolled up!!");
+    console.log('scrolled up!!');
   }
@@ -218,6 +203,7 @@ }
 ```typescript
-import { Component } from "@angular/core";
+import { Component } from '@angular/core';
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 
 @Component({
-  selector: "app",
+  selector: 'app',
   styles: [
@@ -243,8 +229,9 @@ `
   `,
+  imports: [InfiniteScrollDirective]
 })
 export class AppComponent {
-  selector: string = ".main-panel";
+  selector: string = '.main-panel';
 
   onScroll() {
-    console.log("scrolled!!");
+    console.log('scrolled!!');
   }
@@ -251,0 +238,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

77150

decreased by-48.29%

Number of package files

16

decreased by-42.86%

Lines of code

655

decreased by-42.04%

Number of lines in readme file

266

decreased by-4.66%

No dependency changes