feat(core): adds angular v18 support

feat(core): adds angular v18 support

package.json

@@ -15,46 +15,44 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.4",
-    "@angular/cdk": "17.3.4",
-    "@angular/common": "^17.3.4",
-    "@angular/compiler": "^17.3.4",
-    "@angular/core": "^17.3.4",
-    "@angular/forms": "^17.3.4",
-    "@angular/material": "17.3.4",
-    "@angular/material-experimental": "17.3.4",
-    "@angular/platform-browser": "^17.3.4",
-    "@angular/platform-browser-dynamic": "^17.3.4",
-    "@angular/router": "^17.3.4",
-    "bootstrap": "^5.3.2",
-    "ngxtension": "3.2.0",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.14.2"
+    "@angular/animations": "^18.0.0-rc.2",
+    "@angular/cdk": "18.0.0-rc.2",
+    "@angular/common": "^18.0.0-rc.2",
+    "@angular/compiler": "^18.0.0-rc.2",
+    "@angular/core": "^18.0.0-rc.2",
+    "@angular/forms": "^18.0.0-rc.2",
+    "@angular/material": "18.0.0-rc.2",
+    "@angular/platform-browser": "^18.0.0-rc.2",
+    "@angular/platform-browser-dynamic": "^18.0.0-rc.2",
+    "@angular/router": "^18.0.0-rc.2",
+    "bootstrap": "^5.3.3",
+    "rxjs": "~7.8.1",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.4",
-    "@angular-eslint/builder": "17.2.0",
-    "@angular-eslint/eslint-plugin": "17.2.0",
-    "@angular-eslint/eslint-plugin-template": "17.2.0",
-    "@angular-eslint/schematics": "17.2.0",
-    "@angular-eslint/template-parser": "17.2.0",
-    "@angular/cli": "^17.3.4",
-    "@angular/compiler-cli": "^17.3.4",
-    "@playwright/test": "^1.41.1",
-    "@types/jest": "^29.5.11",
-    "@types/node": "^20.11.5",
-    "@typescript-eslint/eslint-plugin": "^6.19.0",
-    "@typescript-eslint/parser": "^6.19.0",
-    "eslint": "^8.56.0",
+    "@angular-devkit/build-angular": "^18.0.0-rc.2",
+    "@angular-eslint/builder": "17.4.1",
+    "@angular-eslint/eslint-plugin": "17.4.1",
+    "@angular-eslint/eslint-plugin-template": "17.4.1",
+    "@angular-eslint/schematics": "17.4.1",
+    "@angular-eslint/template-parser": "17.4.1",
+    "@angular/cli": "^18.0.0-rc.2",
+    "@angular/compiler-cli": "^18.0.0-rc.2",
+    "@playwright/test": "^1.44.0",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.12.12",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
+    "eslint": "^9.3.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsdoc": "^48.0.2",
+    "eslint-plugin-jsdoc": "^48.2.5",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "ng-packagr": "^17.1.0",
-    "prettier": "^3.2.4",
-    "typescript": "~5.3.3"
+    "ng-packagr": "^18.0.0-rc.0",
+    "prettier": "^3.2.5",
+    "typescript": "~5.4.5"
   }
-}
+}

projects/ngxsmart-demo/src/app/app.config.ts

@@ -4,7 +4,7 @@ import { CommonModule, DatePipe } from '@angular/common';
 import { PreloadAllModules, RouterModule } from '@angular/router';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { HttpClientModule, HttpClientXsrfModule } from '@angular/common/http';
+import { provideHttpClient, withXsrfConfiguration } from '@angular/common/http';
 import { MatSelectModule } from '@angular/material/select';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatNativeDateModule } from '@angular/material/core';
@@ -27,13 +27,12 @@ export const appConfig: ApplicationConfig = {
 			FormsModule,
 			ReactiveFormsModule,
 			BrowserAnimationsModule,
-			HttpClientModule,
-			HttpClientXsrfModule.withOptions(),
 			MatSelectModule,
 			MatAutocompleteModule,
 			MatNativeDateModule,
 			MatDatepickerModule,
 		),
+		provideHttpClient(withXsrfConfiguration({ headerName: 'X-XSRF-TOKEN' })),
 		Title,
 		DatePipe,
 		{

projects/ngxsmart-demo/src/app/progress-state-demo/progress-state-demo.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { AlertComponent, initializeState, markLoading, markSuccess, SavePrimaryButtonComponent } from '@js-smart/ngxsmart';
+import { AlertComponent, initializeState, markError, markLoading, markSuccess, SavePrimaryButtonComponent } from '@js-smart/ngxsmart';
 
 @Component({
 	selector: 'app-progress-state-demo',
@@ -17,5 +17,9 @@ export class ProgressStateDemoComponent {
 		setTimeout(() => {
 			markSuccess(this.updateState, 'Successfully saved data');
 		}, 2000);
+
+		setTimeout(() => {
+			markError(this.updateState, 'Failed to save data');
+		}, 5000);
 	}
 }

projects/ngxsmart-demo/src/styles.scss

@@ -1,24 +1,3 @@
-/* You can add global styles to this file, and also import other style files */
-/*@use '@angular/material' as mat;
-@use '@angular/material-experimental' as matx;
-
-$theme: matx.define-theme(
-	(
-		color: (
-			theme-type: light,
-			primary: matx.$m3-azure-palette,
-			tertiary: matx.$m3-blue-palette,
-		),
-	)
-);
-
-@include mat.core();
-@include matx.color-variants-back-compat($theme);
-
-:root {
-	@include mat.all-component-themes($theme);
-}*/
-
 @import 'bootstrap/dist/css/bootstrap.css';
 @import '@angular/material/prebuilt-themes/indigo-pink.css';
 @import 'assets/app-variables';

projects/ngxsmart/package.json

@@ -1,12 +1,33 @@
 {
-  "name": "@js-smart/ngxsmart",
-  "version": "17.4.0",
-  "peerDependencies": {
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0"
+	"name": "@js-smart/ngxsmart",
+	"version": "18.0.0-rc.2",
+  "license": "MIT",
+  "author": "Pavan Kumar Jadda",
+  "keywords": [
+    "angular",
+    "angular-15",
+    "angular-16",
+    "angular-17",
+    "angular-18"
+  ],
+  "contributors": [
+    {
+      "name": "Pavan Kumar Jadda"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/js-smart/ngxsmart.git"
   },
-  "dependencies": {
-    "tslib": "^2.3.0"
+  "bugs": {
+    "url": "https://github.com/js-smart/ngxsmart/issues"
   },
-  "sideEffects": false
+	"peerDependencies": {
+		"@angular/common": "^18.0.0-rc.0",
+		"@angular/core": "^18.0.0-rc.0"
+	},
+	"dependencies": {
+		"tslib": "^2.6.2"
+	},
+	"sideEffects": false
 }