interactivemining-install.sh

@@ -1,7 +1,7 @@
 rm -f interactiveminingv3.tgz
 git clone https://code-repo.d4science.org/MaDgIK/interactive-mining.git
 cd interactive-mining/
-git checkout angular-14
+git checkout angular-16
 cd interactive-mining-angular-frontend/
 npm install
 npm run packagr

package.json

@@ -17,41 +17,40 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.2.3",
+    "@angular/animations": "^16.1.8",
-    "@angular/cdk": "^14.2.2",
+    "@angular/cdk": "^16.1.7",
-    "@angular/common": "^14.2.3",
+    "@angular/common": "^16.1.8",
-    "@angular/compiler": "^14.2.3",
+    "@angular/compiler": "^16.1.8",
-    "@angular/core": "^14.2.3",
+    "@angular/core": "^16.1.8",
-    "@angular/forms": "^14.2.3",
+    "@angular/forms": "^16.1.8",
-    "@angular/localize": "^14.2.3",
+    "@angular/localize": "^16.1.8",
-    "@angular/material": "^14.2.2",
+    "@angular/material": "^16.1.7",
-    "@angular/platform-browser": "^14.2.3",
+    "@angular/platform-browser": "^16.1.8",
-    "@angular/platform-browser-dynamic": "^14.2.3",
+    "@angular/platform-browser-dynamic": "^16.1.8",
-    "@angular/router": "^14.2.3",
+    "@angular/router": "^16.1.8",
     "clipboard": "^1.5.16",
     "core-js": "^2.5.4",
     "express": "^4.15.2",
     "jquery": "^3.4.1",
-    "ng-recaptcha": "^10.0.0",
+    "ng-recaptcha": "^12.0.2",
     "ng2-ckeditor": "1.3.7",
-    "ngx-color-picker": "^8.1.0",
+    "ngx-color-picker": "^14.0.0",
     "rxjs": "^6.5.1",
     "sass-loader": "7.3.1",
     "ts-md5": "^1.2.0",
     "tslib": "^2.0.0",
-    "uikit": "3.13.10",
+    "uikit": "3.16.24",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.13.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.3",
+    "@angular-devkit/build-angular": "^16.1.7",
-    "@angular/cli": "^14.2.3",
+    "@angular/cli": "^16.1.7",
-    "@angular/compiler-cli": "^14.2.3",
+    "@angular/compiler-cli": "^16.1.8",
-    "@angular/language-service": "^14.2.3",
+    "@angular/language-service": "^16.1.8",
+    "@types/ckeditor": "^4.9.10",
     "@types/express": "^4.17.0",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^12.11.1",
-    "@types/ckeditor": "^4.9.10",
     "codelyzer": "^6.0.0",
     "jasmine-core": "~3.8.0",
     "jasmine-spec-reporter": "~5.0.0",
@@ -62,6 +61,6 @@
     "karma-jasmine-html-reporter": "^1.6.0",
     "protractor": "~7.0.0",
     "ts-node": "~7.0.0",
-    "typescript": "~4.6.4"
+    "typescript": "~4.9.5"
   }
 }

src/app/pages/customization/color.component.ts

@@ -21,14 +21,14 @@ import {CustomizationOptions} from '../../openaireLibrary/connect/community/Cust
   `,
   styles:[
     `
-    .color-input{
+        .color-input{
-        width:24px;
+            width:24px;
-        height:14px;
+            height:14px;
-        border-radius:3px;
+            border-radius:3px;
-        border:0.1px solid #707070;
+            border:0.1px solid #707070;
-        cursor: pointer;
+            cursor: pointer;
-        
+            
-    }`
+        }`
   ]
 })
 

src/mining.scss

@@ -1,5 +1,5 @@
 @use "sass:meta";
-@import "~interactiveminingv3/assets/css/variables.css";
+@import "node_modules/interactiveminingv3/assets/css/variables.css";
 
 .mining {
 

src/test.ts

@@ -7,8 +7,6 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
@@ -16,7 +14,3 @@ getTestBed().initTestEnvironment(
     teardown: { destroyAfterEach: false }
 }
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

tsconfig.json

@@ -10,13 +10,14 @@
     "moduleResolution": "node",
     "experimentalDecorators": true,
     "importHelpers": true,
-    "target": "es2020",
+    "target": "ES2022",
     "typeRoots": [
       "node_modules/@types"
     ],
     "lib": [
       "es2018",
       "dom"
-    ]
+    ],
+    "useDefineForClassFields": false
   }
 }