Stage v5.4.0 (#28)

* ip change

* angular 20 amd code improvement and package upgrade

* prettier rules change and package upgrade

Author: ct-dixit

.github/workflows/prod-angular.yml

@@ -7,7 +7,7 @@ on:
     branches:
       - main
     paths:
-      - 'angular/**'
+      - "angular/**"
   #pull_request:
   #  types:
   #    - closed
@@ -23,12 +23,12 @@ jobs:
 
     steps:
       - name: 🚚 Get latest code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
-      - name: Install Node.js 20
-        uses: actions/setup-node@v3
+      - name: Install Node.js 22
+        uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version: "22"
 
       - name: 🔨 Build Project
         run: |
@@ -42,7 +42,7 @@ jobs:
           SSH_PRIVATE_KEY: ${{ secrets.SERVER_SSH_KEY }}
           # ARGS: "-rltgoDzvO --delete"
           SOURCE: "angular/dist/"
-          REMOTE_HOST: 91.108.116.107
+          REMOTE_HOST: 82.29.156.38
           REMOTE_USER: u106957989
           REMOTE_PORT: "65002"
           TARGET: domains/codedthemes.com/public_html/demos/admin-templates/gradient-able/angular/free

.github/workflows/prod-bootstrap.yml

@@ -7,7 +7,7 @@ on:
     branches:
       - main
     paths:
-      - 'bootstrap/**'
+      - "bootstrap/**"
   #pull_request:
   #  types:
   #    - closed
@@ -23,15 +23,15 @@ jobs:
 
     steps:
       - name: 🚚 Get latest code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 📂 Deploy to Server
         uses: easingthemes/ssh-deploy@main
         env:
           SSH_PRIVATE_KEY: ${{ secrets.SERVER_SSH_KEY }}
           # ARGS: "-rltgoDzvO --delete"
           SOURCE: "bootstrap/dist/"
-          REMOTE_HOST: 91.108.116.107
+          REMOTE_HOST: 82.29.156.38
           REMOTE_USER: u106957989
           REMOTE_PORT: "65002"
           TARGET: domains/codedthemes.com/public_html/demos/admin-templates/gradient-able/bootstrap/free

.github/workflows/prod-react.yml

@@ -7,7 +7,7 @@ on:
     branches:
       - main
     paths:
-      - 'react/**'
+      - "react/**"
   #pull_request:
   #  types:
   #    - closed
@@ -25,10 +25,10 @@ jobs:
       - name: 🚚 Get latest code
         uses: actions/checkout@v4
 
-      - name: Install Node.js 20
+      - name: Install Node.js 22
         uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version: "22"
 
       - name: 🔨 Build Project
         run: |
@@ -42,7 +42,7 @@ jobs:
           SSH_PRIVATE_KEY: ${{ secrets.SERVER_SSH_KEY }}
           # ARGS: "-rltgoDzvO --delete"
           SOURCE: "react/dist/"
-          REMOTE_HOST: 91.108.116.107
+          REMOTE_HOST: 82.29.156.38
           REMOTE_USER: u106957989
           REMOTE_PORT: "65002"
           TARGET: domains/codedthemes.com/public_html/demos/admin-templates/gradient-able/react/free

angular/.prettierrc

@@ -6,5 +6,6 @@
   "tabWidth": 2,
   "useTabs": false,
   "htmlWhitespaceSensitivity": "ignore",
-  "bracketSameLine": false
+  "bracketSameLine": false,
+  "endOfLine": "lf"
 }

angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gradient-able-free-angular-admin-template",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "author": "CodedThemes",
   "scripts": {
     "ng": "ng",
@@ -15,49 +15,47 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "20.0.0-next.8",
-    "@angular/cdk": "19.2.17",
-    "@angular/common": "20.0.0-next.8",
-    "@angular/compiler": "20.0.0-next.8",
-    "@angular/core": "20.0.0-next.8",
-    "@angular/forms": "20.0.0-next.8",
-    "@angular/localize": "20.0.0-next.8",
-    "@angular/platform-browser": "20.0.0-next.8",
-    "@angular/platform-browser-dynamic": "20.0.0-next.8",
-    "@angular/router": "20.0.0-next.8",
-    "@ng-bootstrap/ng-bootstrap": "18.0.0",
+    "@angular/animations": "20.0.5",
+    "@angular/cdk": "20.0.4",
+    "@angular/common": "20.0.5",
+    "@angular/compiler": "20.0.5",
+    "@angular/core": "20.0.5",
+    "@angular/forms": "20.0.5",
+    "@angular/localize": "20.0.5",
+    "@angular/platform-browser": "20.0.5",
+    "@angular/platform-browser-dynamic": "20.0.5",
+    "@angular/router": "20.0.5",
+    "@ng-bootstrap/ng-bootstrap": "19.0.0",
     "@popperjs/core": "2.11.8",
     "apexcharts": "4.7.0",
-    "bootstrap": "5.3.6",
+    "bootstrap": "5.3.7",
     "hammerjs": "2.0.8",
     "jquery": "3.7.1",
     "lodash-es": "4.17.21",
     "mousetrap": "1.6.5",
-    "ng-apexcharts": "1.15.0",
+    "ng-apexcharts": "1.16.0",
     "ngx-scrollbar": "18.0.0",
-    "rxjs": "~7.8.2",
+    "rxjs": "7.8.2",
     "tslib": "2.8.1",
-    "zone.js": "~0.15.0"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "20.0.0-next.8",
-    "@angular-eslint/builder": "19.4.0",
-    "@angular-eslint/eslint-plugin": "19.4.0",
-    "@angular-eslint/eslint-plugin-template": "19.4.0",
-    "@angular-eslint/schematics": "19.4.0",
-    "@angular-eslint/template-parser": "19.4.0",
-    "@angular/cli": "20.0.0-next.8",
-    "@angular/compiler-cli": "20.0.0-next.8",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.27.0",
-    "@types/jasmine": "~5.1.8",
-    "@types/lodash": "4.17.17",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "22.15.21",
-    "@typescript-eslint/eslint-plugin": "8.32.1",
-    "@typescript-eslint/parser": "8.32.1",
-    "eslint": "9.27.0",
-    "prettier": "3.5.3",
+    "@angular-devkit/build-angular": "20.0.4",
+    "@angular-eslint/builder": "20.1.1",
+    "@angular-eslint/eslint-plugin": "20.1.1",
+    "@angular-eslint/eslint-plugin-template": "20.1.1",
+    "@angular-eslint/schematics": "20.1.1",
+    "@angular-eslint/template-parser": "20.1.1",
+    "@angular/cli": "20.0.4",
+    "@angular/compiler-cli": "20.0.5",
+    "@eslint/eslintrc": "3.3.1",
+    "@eslint/js": "^9.29.0",
+    "@types/lodash-es": "4.17.12",
+    "@types/node": "24.0.4",
+    "@typescript-eslint/eslint-plugin": "8.35.0",
+    "@typescript-eslint/parser": "8.35.0",
+    "eslint": "9.29.0",
+    "prettier": "3.6.1",
     "typescript": "5.8.3"
   }
 }

angular/src/app/app-routing.module.ts

@@ -18,27 +18,27 @@ const routes: Routes = [
       },
       {
         path: 'analytics',
-        loadComponent: () => import('./demo/dashboard/dash-analytics.component')
+        loadComponent: () => import('./demo/dashboard/dash-analytics.component').then((c) => c.DashAnalyticsComponent)
       },
       {
         path: 'component',
         loadChildren: () => import('./demo/ui-element/ui-basic.module').then((m) => m.UiBasicModule)
       },
       {
         path: 'chart',
-        loadComponent: () => import('./demo/chart-maps/core-apex.component')
+        loadComponent: () => import('./demo/chart-maps/core-apex.component').then((c) => c.CoreApexComponent)
       },
       {
         path: 'forms',
-        loadComponent: () => import('./demo/forms/form-elements/form-elements.component')
+        loadComponent: () => import('./demo/forms/form-elements/form-elements.component').then((c) => c.FormElementsComponent)
       },
       {
         path: 'tables',
-        loadComponent: () => import('./demo/tables/tbl-bootstrap/tbl-bootstrap.component')
+        loadComponent: () => import('./demo/tables/tbl-bootstrap/tbl-bootstrap.component').then((c) => c.TblBootstrapComponent)
       },
       {
         path: 'sample-page',
-        loadComponent: () => import('./demo/other/sample-page/sample-page.component')
+        loadComponent: () => import('./demo/other/sample-page/sample-page.component').then((c) => c.SamplePageComponent)
       }
     ]
   },
@@ -47,12 +47,12 @@ const routes: Routes = [
     component: GuestComponent,
     children: [
       {
-        path: 'auth/signup',
-        loadComponent: () => import('./demo/pages/authentication/sign-up/sign-up.component')
+        path: 'login',
+        loadComponent: () => import('./demo/pages/authentication/sign-up/sign-up.component').then((c) => c.SignUpComponent)
       },
       {
-        path: 'auth/signin',
-        loadComponent: () => import('./demo/pages/authentication/sign-in/sign-in.component')
+        path: 'register',
+        loadComponent: () => import('./demo/pages/authentication/sign-in/sign-in.component').then((c) => c.SignInComponent)
       }
     ]
   }

angular/src/app/app.component.html

@@ -1,3 +1,3 @@
 <router-outlet>
-  <app-spinner></app-spinner>
+  <app-spinner />
 </router-outlet>

angular/src/app/app.component.scss

@@ -0,0 +1 @@
+// This file is intentionally left empty to allow customers to add custom CSS if needed.

angular/src/app/app.component.ts

@@ -14,7 +14,6 @@ import { SpinnerComponent } from './theme/shared/components/spinner/spinner.comp
 export class AppComponent implements OnInit {
   private router = inject(Router);
 
-
   // life cycle event
   ngOnInit() {
     this.router.events.subscribe((evt) => {

angular/src/app/demo/admin-panel/README.md

@@ -1,10 +1,10 @@
-**Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.*
+**Note:** _This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them._
 
 Please continue reading below to explore the features of the Pro version:
 
 # Gradient Able Admin Panel - Unlock Premium Features with the Pro Version
 
-Looking for more advanced features and pages? This page(folder) is part of the premium version of our <b>8.0.0</b> template. Upgrade to the Pro version to access these exclusive pages and take your project to the next level!
+Looking for more advanced features and pages? This page(folder) is part of the premium version of our <b>8.2.0</b> template. Upgrade to the Pro version to access these exclusive pages and take your project to the next level!
 
 ## Included in the Pro Version: