angular 18 upgrade complete (#14)

angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gradient-able-free-angular-admin-template",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "author": "CodedThemes",
   "scripts": {
     "ng": "ng",
@@ -14,54 +14,54 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.1.1",
-    "@angular/cdk": "^17.1.1",
-    "@angular/common": "^17.1.1",
-    "@angular/compiler": "^17.1.1",
-    "@angular/core": "^17.1.1",
-    "@angular/forms": "^17.1.1",
-    "@angular/localize": "^17.1.1",
-    "@angular/platform-browser": "^17.1.1",
-    "@angular/platform-browser-dynamic": "^17.1.1",
-    "@angular/router": "^17.1.1",
+    "@angular/animations": "^18.0.0-next.3",
+    "@angular/cdk": "^18.0.0-next.3",
+    "@angular/common": "^18.0.0-next.3",
+    "@angular/compiler": "^18.0.0-next.3",
+    "@angular/core": "^18.0.0-next.3",
+    "@angular/forms": "^18.0.0-next.3",
+    "@angular/localize": "^18.0.0-next.3",
+    "@angular/platform-browser": "^18.0.0-next.3",
+    "@angular/platform-browser-dynamic": "^18.0.0-next.3",
+    "@angular/router": "^18.0.0-next.3",
     "@ng-bootstrap/ng-bootstrap": "^16.0.0",
     "@popperjs/core": "^2.11.8",
-    "apexcharts": "^3.45.2",
-    "bootstrap": "^5.3.0",
+    "apexcharts": "^3.49.0",
+    "bootstrap": "^5.3.3",
     "hammerjs": "^2.0.8",
     "jquery": "^3.7.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "mousetrap": "^1.6.5",
-    "ng-apexcharts": "^1.8.0",
+    "ng-apexcharts": "^1.10.0",
     "ngx-color-picker": "^16.0.0",
     "ngx-scrollbar": "^13.0.3",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.2",
-    "zone.js": "~0.14.3"
+    "zone.js": "~0.14.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.1.1",
-    "@angular-eslint/builder": "17.2.1",
-    "@angular-eslint/eslint-plugin": "17.2.1",
-    "@angular-eslint/eslint-plugin-template": "17.2.1",
-    "@angular-eslint/schematics": "17.2.1",
-    "@angular-eslint/template-parser": "17.2.1",
-    "@angular/cli": "17.1.1",
-    "@angular/compiler-cli": "^17.1.1",
+    "@angular-devkit/build-angular": "^18.0.0-next.3",
+    "@angular-eslint/builder": "17.3.0",
+    "@angular-eslint/eslint-plugin": "17.3.0",
+    "@angular-eslint/eslint-plugin-template": "17.3.0",
+    "@angular-eslint/schematics": "17.3.0",
+    "@angular-eslint/template-parser": "17.3.0",
+    "@angular/cli": "18.0.0-next.3",
+    "@angular/compiler-cli": "^18.0.0-next.3",
     "@types/jasmine": "~5.1.4",
-    "@types/lodash": "^4.14.202",
-    "@types/node": "^20.11.10",
-    "@typescript-eslint/eslint-plugin": "6.19.1",
-    "@typescript-eslint/parser": "6.19.1",
-    "eslint": "^8.56.0",
-    "jasmine-core": "~5.1.1",
-    "karma": "~6.4.2",
+    "@types/lodash": "^4.17.0",
+    "@types/node": "^20.12.7",
+    "@typescript-eslint/eslint-plugin": "7.7.1",
+    "@typescript-eslint/parser": "7.7.1",
+    "eslint": "^9.1.1",
+    "jasmine-core": "~5.1.2",
+    "karma": "~6.4.3",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "prettier": "3.2.4",
-    "typescript": "~5.2.2"
+    "prettier": "3.2.5",
+    "typescript": "5.4"
   }
 }

angular/src/app/theme/layout/admin/configuration/configuration.component.html

@@ -1,5 +1,9 @@
 <div class="fixed-button active">
-  <a href="https://codedthemes.com/item/gradient-able-angular-admin-template/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium" target="_blank" class="btn btn-md btn-primary has-ripple">
+  <a
+    href="https://codedthemes.com/item/gradient-able-angular-admin-template/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium"
+    target="_blank"
+    class="btn btn-md btn-primary has-ripple"
+  >
     <i aria-hidden="true" class="fa fa-shopping-cart"></i> Upgrade To Pro
   </a>
 </div>

angular/src/app/theme/layout/admin/navigation/nav-content/nav-content.component.html

@@ -18,7 +18,12 @@
         <img src="assets/images/sidebar.png" alt="images" class="img-fluid mb-2" />
         <h5>Gradient Pro</h5>
         <p>Checkout Gradient Premium Features</p>
-        <a href="https://codedthemes.com/item/gradient-able-angular-admin-template/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium" target="_blank" class="btn text-white btn-primary">Download Premium</a>
+        <a
+          href="https://codedthemes.com/item/gradient-able-angular-admin-template/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium"
+          target="_blank"
+          class="btn text-white btn-primary"
+          >Download Premium</a
+        >
       </div>
     </div>
     <div class="version">

angular/src/scss/themes/layouts/_menu-lite.scss

@@ -1503,7 +1503,7 @@
       box-shadow: 0 0 0 1px $theme-background;
       color: rgba(0, 0, 0, 0.6);
 
-      .card-body{
+      .card-body {
         padding: 10px !important;
       }