feat(pagination): added moduleless support

libs/doc-pages/pagination/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { PaginationModule } from 'ngx-bootstrap/pagination';
 
 @NgModule({
-  imports: [PaginationModule.forRoot(),...]
+  imports: [PaginationModule,...]
 })
 export class AppModule(){}

libs/doc-pages/pagination/src/lib/pagination.module.ts

@@ -17,7 +17,7 @@ export { PaginationSectionComponent } from './pagination-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        PaginationModule.forRoot(),
+        PaginationModule,
         CommonModule,
         FormsModule,
         DocsModule,

src/pagination/pager.component.ts

@@ -15,6 +15,7 @@ import { ConfigModel, PagesModel } from './models';
 
 import { PageChangedEvent } from './pagination.component';
 import { PaginationConfig } from './pagination.config';
+import { NgClass } from '@angular/common';
 
 export const PAGER_CONTROL_VALUE_ACCESSOR: Provider = {
   provide: NG_VALUE_ACCESSOR,
@@ -23,9 +24,11 @@ export const PAGER_CONTROL_VALUE_ACCESSOR: Provider = {
 };
 
 @Component({
-  selector: 'pager',
-  templateUrl: './pager.component.html',
-  providers: [PAGER_CONTROL_VALUE_ACCESSOR]
+    selector: 'pager',
+    templateUrl: './pager.component.html',
+    providers: [PAGER_CONTROL_VALUE_ACCESSOR],
+    standalone: true,
+    imports: [NgClass]
 })
 export class PagerComponent implements ControlValueAccessor, OnInit {
   config?: Partial<ConfigModel>;

src/pagination/pagination.component.ts

@@ -14,6 +14,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ConfigModel, PagesModel, PaginationLinkContext, PaginationNumberLinkContext } from './models';
 
 import { PaginationConfig } from './pagination.config';
+import { NgClass, NgIf, NgTemplateOutlet, NgFor } from '@angular/common';
 
 export interface PageChangedEvent {
   itemsPerPage: number;
@@ -27,9 +28,11 @@ export const PAGINATION_CONTROL_VALUE_ACCESSOR: Provider = {
 };
 
 @Component({
-  selector: 'pagination',
-  templateUrl: './pagination.component.html',
-  providers: [PAGINATION_CONTROL_VALUE_ACCESSOR]
+    selector: 'pagination',
+    templateUrl: './pagination.component.html',
+    providers: [PAGINATION_CONTROL_VALUE_ACCESSOR],
+    standalone: true,
+    imports: [NgClass, NgIf, NgTemplateOutlet, NgFor]
 })
 export class PaginationComponent implements ControlValueAccessor, OnInit {
   config?: Partial<ConfigModel>;

src/pagination/pagination.module.ts

@@ -1,16 +1,11 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, ModuleWithProviders } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { PagerComponent } from './pager.component';
 import { PaginationComponent } from './pagination.component';
 
 @NgModule({
-  imports: [CommonModule],
-  declarations: [PagerComponent, PaginationComponent],
-  exports: [PagerComponent, PaginationComponent]
+    imports: [CommonModule, PagerComponent, PaginationComponent],
+    exports: [PagerComponent, PaginationComponent]
 })
-export class PaginationModule {
-  static forRoot(): ModuleWithProviders<PaginationModule> {
-    return { ngModule: PaginationModule, providers: [] };
-  }
-}
+export class PaginationModule {}

src/pagination/testing/pager.component.spec.ts

@@ -16,7 +16,7 @@ describe('Component: Pager:', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [PaginationModule.forRoot()]
+      imports: [PaginationModule]
     });
     fixture = TestBed.createComponent(PagerComponent);
     context = fixture.debugElement.componentInstance;

src/pagination/testing/pagination.component.spec.ts

@@ -14,7 +14,7 @@ describe('Component: Pagination:', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [PaginationModule.forRoot()]
+      imports: [PaginationModule]
     });
     fixture = TestBed.createComponent(PaginationComponent);
     context = fixture.debugElement.componentInstance;