feat: migrate to standalone components and deprecate NgHttpLoaderModule

Author: mpalourdio

src/lib/components/ng-http-loader.component.ts

@@ -12,12 +12,15 @@ import { merge, Observable, partition, timer } from 'rxjs';
 import { debounce, distinctUntilChanged, switchMap, tap } from 'rxjs/operators';
 import { PendingRequestsInterceptor } from '../services/pending-requests-interceptor.service';
 import { SpinnerVisibilityService } from '../services/spinner-visibility.service';
-import { Spinkit } from '../spinkits';
+import { Spinkit, SPINKIT_COMPONENTS } from '../spinkits';
+import { AsyncPipe, NgComponentOutlet, NgIf, NgStyle } from "@angular/common";
 
 @Component({
     selector: 'ng-http-loader',
+    standalone: true,
     templateUrl: './ng-http-loader.component.html',
-    styleUrls: ['./ng-http-loader.component.scss']
+    styleUrls: ['./ng-http-loader.component.scss'],
+    imports: [SPINKIT_COMPONENTS, NgStyle, NgComponentOutlet, NgIf, AsyncPipe]
 })
 export class NgHttpLoaderComponent implements OnInit {
 

src/lib/components/sk-chasing-dots/sk-chasing-dots.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-chasing-dots',
+    standalone: true,
     templateUrl: './sk-chasing-dots.component.html',
     styleUrls: ['./sk-chasing-dots.component.scss']
 })

src/lib/components/sk-cube-grid/sk-cube-grid.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-cube-grid',
+    standalone: true,
     templateUrl: './sk-cube-grid.component.html',
     styleUrls: ['./sk-cube-grid.component.scss']
 })

src/lib/components/sk-double-bounce/sk-double-bounce.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-double-bounce',
+    standalone: true,
     templateUrl: './sk-double-bounce.component.html',
     styleUrls: ['./sk-double-bounce.component.scss']
 })

src/lib/components/sk-rotating-plane/sk-rotating-plane.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-rotating-plane',
+    standalone: true,
     templateUrl: './sk-rotating-plane.component.html',
     styleUrls: ['./sk-rotating-plane.component.scss']
 })

src/lib/components/sk-spinner-pulse/sk-spinner-pulse.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-spinner-pulse',
+    standalone: true,
     templateUrl: './sk-spinner-pulse.component.html',
     styleUrls: ['./sk-spinner-pulse.component.scss']
 })

src/lib/components/sk-three-bounce/sk-three-bounce.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-three-bounce',
+    standalone: true,
     templateUrl: './sk-three-bounce.component.html',
     styleUrls: ['./sk-three-bounce.component.scss']
 })

src/lib/components/sk-wandering-cubes/sk-wandering-cubes.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-wandering-cubes',
+    standalone: true,
     templateUrl: './sk-wandering-cubes.component.html',
     styleUrls: ['./sk-wandering-cubes.component.scss']
 })

src/lib/components/sk-wave/sk-wave.component.ts

@@ -12,6 +12,7 @@ import { AbstractLoaderDirective } from '../abstract.loader.directive';
 
 @Component({
     selector: 'sk-wave',
+    standalone: true,
     templateUrl: './sk-wave.component.html',
     styleUrls: ['./sk-wave.component.scss']
 })

src/lib/ng-http-loader.module.ts

@@ -13,20 +13,24 @@ import { NgHttpLoaderComponent } from './components/ng-http-loader.component';
 import { PendingRequestsInterceptorProvider } from './services/pending-requests-interceptor.service';
 import { SPINKIT_COMPONENTS } from './spinkits';
 
+/**
+ * @deprecated Will be removed in the next release, standalone component will become the default.
+ */
 @NgModule({
-    declarations: [
-        NgHttpLoaderComponent,
-        ...SPINKIT_COMPONENTS,
-    ],
     imports: [
         CommonModule,
+        NgHttpLoaderComponent,
+        ...SPINKIT_COMPONENTS,
     ],
     exports: [
         NgHttpLoaderComponent,
         ...SPINKIT_COMPONENTS,
     ]
 })
 export class NgHttpLoaderModule {
+    /**
+     * @deprecated Will be removed in the next release, standalone component will become the default.
+     */
     static forRoot(): ModuleWithProviders<NgHttpLoaderModule> {
         return {
             ngModule: NgHttpLoaderModule,