angular 20, package upgrade and code improvement

.github/workflows/prod.yml

@@ -20,12 +20,12 @@ jobs:
 
     steps:
       - name: 🚚 Get latest code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
-      - name: Use Node.js 20
-        uses: actions/setup-node@v3
+      - name: Use Node.js 22
+        uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: '22'
 
       - name: 🔨 Build Project
         run: |
@@ -37,7 +37,8 @@ jobs:
           SSH_PRIVATE_KEY: ${{ secrets.SERVER_SSH_KEY }}
           # ARGS: "-rltgoDzvO --delete"
           SOURCE: 'dist/'
-          REMOTE_HOST: 192.34.62.123
-          REMOTE_USER: mantis
-          TARGET: public_html/angular/free
+          REMOTE_HOST: 145.79.3.173
+          REMOTE_USER: u965251139
+          REMOTE_PORT: "65002"
+          TARGET: domains/mantisdashboard.com/public_html/angular/free
           EXCLUDE: '/node_modules/'

.prettierrc

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantis-free-angular-admin-template",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "author": "CodedThemes",
   "license": "MIT",
   "scripts": {
@@ -16,43 +16,42 @@
   },
   "private": false,
   "dependencies": {
-    "@angular/animations": "20.0.0-next.8",
-    "@angular/cdk": "19.2.16",
-    "@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/platform-browser": "20.0.0-next.8",
-    "@angular/platform-browser-dynamic": "20.0.0-next.8",
-    "@angular/router": "20.0.0-next.8",
-    "@ant-design/icons-angular": "19.0.0",
-    "@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/platform-browser": "20.0.5",
+    "@angular/platform-browser-dynamic": "20.0.5",
+    "@angular/router": "20.0.5",
+    "@ant-design/icons-angular": "20.0.0",
+    "@ng-bootstrap/ng-bootstrap": "19.0.0",
     "@popperjs/core": "2.11.8",
     "apexcharts": "4.7.0",
-    "bootstrap": "5.3.6",
-    "ng-apexcharts": "1.15.0",
+    "bootstrap": "5.3.7",
+    "ng-apexcharts": "1.16.0",
     "ngx-scrollbar": "18.0.0",
     "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/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/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"
   },
   "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"

src/app/app.component.scss

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

src/app/app.component.ts

@@ -1,6 +1,8 @@
 // angular import
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+
+// project import
 import { SpinnerComponent } from './theme/shared/components/spinner/spinner.component';
 
 @Component({

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

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/demo/application/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/demo/chart/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/demo/component/advance-component/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/demo/component/basic-component/color/color.component.scss

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

src/app/demo/component/basic-component/typography/typography.component.scss

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

src/app/demo/forms/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/demo/layouts/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/demo/others/sample-page/sample-page.component.scss

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

src/app/demo/table/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/demo/widget/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/theme/layouts/admin-layout/admin-layout.component.html

@@ -43,4 +43,3 @@
     </div>
   </div>
 </footer>
-<app-configuration />

src/app/theme/layouts/admin-layout/admin-layout.component.scss

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

src/app/theme/layouts/admin-layout/admin-layout.component.ts

@@ -7,12 +7,11 @@ import { RouterModule } from '@angular/router';
 
 import { NavBarComponent } from './nav-bar/nav-bar.component';
 import { NavigationComponent } from './navigation/navigation.component';
-import { ConfigurationComponent } from './configuration/configuration.component';
 import { BreadcrumbComponent } from 'src/app/theme/shared/components/breadcrumb/breadcrumb.component';
 
 @Component({
   selector: 'app-admin',
-  imports: [CommonModule, BreadcrumbComponent, NavigationComponent, NavBarComponent, RouterModule, ConfigurationComponent],
+  imports: [CommonModule, BreadcrumbComponent, NavigationComponent, NavBarComponent, RouterModule],
   templateUrl: './admin-layout.component.html',
   styleUrls: ['./admin-layout.component.scss']
 })

src/app/theme/layouts/admin-layout/nav-bar/nav-bar.component.scss

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

src/app/theme/layouts/admin-layout/nav-bar/nav-left/nav-left.component.scss

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

src/app/theme/layouts/admin-layout/nav-bar/nav-right/nav-right.component.scss

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

src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.scss

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

src/app/theme/layouts/admin-layout/navigation/nav-content/nav-content.component.scss

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

src/app/theme/layouts/admin-layout/navigation/nav-content/nav-group/nav-group.component.scss

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

src/app/theme/layouts/admin-layout/navigation/nav-content/nav-item/nav-item.component.scss

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

src/app/theme/layouts/admin-layout/navigation/navigation.component.scss

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

src/app/theme/layouts/guest-layout/guest-layout.component.scss

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

src/app/theme/shared/apexchart/analytics-chart/analytics-chart.component.scss

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

src/app/theme/shared/apexchart/income-overview-chart/income-overview-chart.component.scss

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

src/app/theme/shared/apexchart/sales-report-chart/sales-report-chart.component.scss

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

src/app/theme/shared/components/breadcrumb/breadcrumb.component.scss

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

src/app/theme/shared/components/card/card.component.scss

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

src/app/theme/shared/directive/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/app/theme/shared/service/README.md

@@ -6,7 +6,7 @@ Please continue reading below to explore the features of the Pro version:
 
 Elevate your project with the Pro Version of the <b>Mantis Admin Panel!</b> Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality.
 
-This page (folder) is a sneak peek into the premium features available in <b>version 2.2.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
+This page (folder) is a sneak peek into the premium features available in <b>version 2.3.0</b>. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level.
 
 ## Included in the Pro Version:
 

src/index.html

@@ -35,4 +35,4 @@
   <body part="preset-1">
     <app-root></app-root>
   </body>
-</html>
+</html>

src/scss/settings/theme-variables.scss

@@ -24,10 +24,6 @@
 
   // card
   --pc-card-box-shadow: none;
-
-  // horizontal menu
-  --pc-header-submenu-background: #{$white};
-  --pc-header-submenu-color: #{$gray-600};
 }
 
 $header-height: 60px;
@@ -37,9 +33,6 @@ $sidebar-collapsed-active-width: 300px;
 $sidebar-tab-width: 75px;
 $sidebar-tab-navbar-width: 320px;
 
-// horizontal menu
-$topbar-height: 60px;
-
 $soft-bg-level: -90%;
 
 // =====================================