feat(compat): support Angular 13–17, add NgModule wrapper and refactor component

- Relax peerDependencies to ">=13.0.0 <18"
- Convert [NgxSimpleDatatablesComponent] to non-standalone for Angular <=13 compatibility
- Add [NgxSimpleDatatablesModule] declaring/exports the component
- Export the module from [src/public-api.ts]
- Update example app to import [NgxSimpleDatatablesModule] instead of the component
- Build verified for the library

BREAKING CHANGE: The component is no longer standalone. Consumers should import [NgxSimpleDatatablesModule](NgModule) instead of importing the component directly.

Author: rinturaj

projects/example-app/src/app/app.component.ts

@@ -2,12 +2,12 @@ import { Component } from "@angular/core";
 import { RouterOutlet } from "@angular/router";
 import { ColumnConfig } from "../../../ngx-simple-datatables/src/interfaces/column-config.interface";
 import { CommonModule } from "@angular/common";
-import { NgxSimpleDatatablesComponent } from "../../../ngx-simple-datatables/src/public-api";
+import { NgxSimpleDatatablesModule } from "../../../ngx-simple-datatables/src/public-api";
 
 @Component({
   selector: "app-root",
   standalone: true,
-  imports: [NgxSimpleDatatablesComponent, CommonModule],
+  imports: [NgxSimpleDatatablesModule, CommonModule],
   templateUrl: "./app.component.html",
   styleUrl: "./app.component.css",
 })

projects/ngx-simple-datatables/package.json

@@ -22,8 +22,8 @@
     "angular17"
   ],
   "peerDependencies": {
-    "@angular/common": "^17.3.0",
-    "@angular/core": "^17.3.0"
+    "@angular/common": ">=13.0.0 <18",
+    "@angular/core": ">=13.0.0 <18"
   },
   "dependencies": {
     "tslib": "^2.3.0"

projects/ngx-simple-datatables/src/lib/ngx-simple-datatables.component.ts

@@ -21,8 +21,6 @@ import { ColumnConfig, SortState } from "../interfaces/column-config.interface";
 
 @Component({
   selector: "ngx-simple-datatables",
-  standalone: true,
-  imports: [CommonModule],
   templateUrl: "./ngx-simple-datatables.component.html",
   styleUrls: ["./ngx-simple-datatables.component.scss"],
   changeDetection: ChangeDetectionStrategy.OnPush,

projects/ngx-simple-datatables/src/lib/ngx-simple-datatables.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgxSimpleDatatablesComponent } from './ngx-simple-datatables.component';
+
+// NgModule wrapper to support Angular 14+ NgModule-based apps
+// This keeps the component standalone while enabling module-style imports.
+@NgModule({
+  declarations: [NgxSimpleDatatablesComponent],
+  imports: [CommonModule],
+  exports: [NgxSimpleDatatablesComponent],
+})
+export class NgxSimpleDatatablesModule {}

projects/ngx-simple-datatables/src/public-api.ts

@@ -4,3 +4,4 @@
 
 export * from "./lib/ngx-simple-datatables.service";
 export * from "./lib/ngx-simple-datatables.component";
+export * from "./lib/ngx-simple-datatables.module";