config #5

package.json

@@ -12,39 +12,41 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.12",
-    "@angular/cdk": "^14.2.0",
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/elements": "^17.3.12",
-    "@angular/forms": "^17.3.12",
-    "@angular/google-maps": "^14.2.0",
-    "@angular/localize": "^17.3.12",
-    "@angular/material": "^14.2.0",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
-    "@angular/router": "^17.3.12",
-    "@ng-bootstrap/ng-bootstrap": "12.0.1",
+    "@angular/animations": "^18.2.2",
+    "@angular/cdk": "^18.2.2",
+    "@angular/common": "^18.2.2",
+    "@angular/compiler": "^18.2.2",
+    "@angular/core": "^18.2.2",
+    "@angular/elements": "^18.2.2",
+    "@angular/forms": "^18.2.2",
+    "@angular/google-maps": "^18.2.2",
+    "@angular/localize": "^18.2.2",
+    "@angular/material": "^18.2.2",
+    "@angular/platform-browser": "^18.2.2",
+    "@angular/platform-browser-dynamic": "^18.2.2",
+    "@angular/router": "^18.2.2",
+    "@ng-bootstrap/ng-bootstrap": "^17.0.1",
     "@popperjs/core": "^2.11.4",
-    "bootstrap": "^5.3.3",
+    "bootstrap": "^4.3.0",
     "chart.js": "2.9.4",
     "clipboard": "2.0.10",
     "ngx-clipboard": "15.0.1",
     "ngx-toastr": "14.2.2",
     "nouislider": "15.5.1",
     "rxjs": "~7.5.0",
+    "sass": "^1.77.8",
+    "sass-loader": "^16.0.1",
     "web-animations-js": "2.3.2",
     "zone.js": "~0.14.10"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^18.2.2",
-    "@angular/cli": "~17.3.9",
-    "@angular/compiler-cli": "^17.3.12",
-    "@angular/language-service": "17.3.12",
+    "@angular/cli": "~18.2.2",
+    "@angular/compiler-cli": "^18.2.2",
+    "@angular/language-service": "18.2.2",
     "@types/jasmine": "~4.0.0",
     "@types/jasminewd2": "~2.0.10",
-    "@types/node": "^17.0.21",
+    "@types/node": "^22.5.2",
     "codelyzer": "^6.0.2",
     "cross-env": "^7.0.3",
     "jasmine-core": "~4.4.0",
@@ -57,6 +59,6 @@
     "karma-jasmine-html-reporter": "~2.0.0",
     "protractor": "^7.0.0",
     "ts-node": "~10.9.1",
-    "typescript": "~5.4.5"
+    "typescript": "^5.5.4"
   }
-}
+}

src/assets/scss/custom/_variables.scss

@@ -108,6 +108,12 @@ $theme-colors: map-merge((
   "darker":       $darker
 ), $theme-colors);
 
+// Define the theme-color function (if not already defined by your theme)
+@function theme-color($color-name) {
+  @return map-get($theme-colors, $color-name);
+}
+
+
 $brand-colors: () !default;
 $brand-colors: map-merge((
   "facebook":     $facebook,

src/polyfills.ts

@@ -46,7 +46,7 @@ import '@angular/localize/init';
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
 
 
 

src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,