Update to Angular 16

.eslintrc.json

@@ -2,7 +2,9 @@
   "root": true,
   "overrides": [
     {
-      "files": ["*.ts"],
+      "files": [
+        "*.ts"
+      ],
       "parserOptions": {
         "project": [
           "tsconfig.*?.json"
@@ -18,28 +20,61 @@
         "plugin:@angular-eslint/recommended"
       ],
       "rules": {
-        "max-len": ["error", { "code": 140, "ignorePattern": "import .*" }],
+        "max-len": [
+          "error",
+          {
+            "code": 140,
+            "ignorePattern": "import .*"
+          }
+        ],
         "@angular-eslint/directive-selector": [
           "error",
-          { "type": "attribute", "prefix": "app", "style": "camelCase" }
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
         ],
         "@angular-eslint/component-selector": [
           "error",
-          { "type": "element", "prefix": "app", "style": "kebab-case" }
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
         ],
-        "quotes": ["error", "single", { "allowTemplateLiterals": true }]
+        "quotes": [
+          "error",
+          "single",
+          {
+            "allowTemplateLiterals": true
+          }
+        ]
       }
     },
     {
-      "files": ["*.component.html"],
-      "extends": ["plugin:@angular-eslint/template/recommended"],
+      "files": [
+        "*.component.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended"
+      ],
       "rules": {
-        "max-len": ["error", { "code": 140 }]
+        "max-len": [
+          "error",
+          {
+            "code": 140
+          }
+        ]
       }
     },
     {
-      "files": ["*.component.ts"],
-      "extends": ["plugin:@angular-eslint/template/process-inline-templates"]
+      "files": [
+        "*.component.ts"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ]
     }
   ]
 }

.gitlab-ci.yml

-image: cypress/browsers:node16.13.0-chrome95-ff94
+image: cypress/browsers:node18.12.0-chrome103-ff107
 
 stages:
   - codeStyle

README.md

@@ -9,7 +9,7 @@ Library contains model for
 * Link
 * Enums
 
-It extends Node and Link D3.js model and therefore it can be used in apps using D3.js library.
+It extends Node and Link D3.js model, and therefore it can be used in apps using D3.js library.
 
 ## Prerequisites
 To use the library you need to have installed:

VERSION.txt

+16.0.0 Update to Angular 16.
 15.0.0 Update to Angular 15.
 14.0.5 Update containers size check
 14.0.4 Fix containers visibility check.

package.json

@@ -25,36 +25,36 @@
   },
   "private": false,
   "dependencies": {
-    "@angular/common": "^15.2.10",
-    "@angular/core": "^15.2.10",
-    "@angular/compiler": "^15.2.10",
-    "@angular/animations": "^15.2.10",
-    "@angular/forms": "^15.2.10",
-    "@angular/platform-browser": "^15.2.10",
-    "@angular/platform-browser-dynamic": "^15.2.10",
-    "@angular/router": "^15.2.10",
+    "@angular/common": "^16.2.12",
+    "@angular/core": "^16.2.12",
+    "@angular/compiler": "^16.2.12",
+    "@angular/animations": "^16.2.12",
+    "@angular/forms": "^16.2.12",
+    "@angular/platform-browser": "^16.2.12",
+    "@angular/platform-browser-dynamic": "^16.2.12",
+    "@angular/router": "^16.2.12",
     "typescript-collections": "~1.3.3",
     "core-js": "^3.23.2",
     "rxjs": "~7.5.5",
     "tslib": "^2.4.0",
-    "zone.js": "~0.11.6"
+    "zone.js": "~0.13.3"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "^15.2.10",
-    "@angular-devkit/architect": "^0.1502.10",
-    "@angular-devkit/build-angular": "^15.2.10",
-    "@angular/language-service": "^15.2.10",
-    "@angular-eslint/builder": "~15.2.1",
-    "@angular-eslint/eslint-plugin": "^15.2.1",
-    "@angular-eslint/eslint-plugin-template": "^15.2.1",
-    "@angular-eslint/schematics": "^15.2.1",
-    "@angular-eslint/template-parser": "^15.2.1",
-    "@typescript-eslint/eslint-plugin": "^5.43.0",
-    "@typescript-eslint/parser": "^5.43.0",
-    "eslint": "^8.28.0",
-    "ng-packagr": "^15.2.2",
+    "@angular/compiler-cli": "^16.2.12",
+    "@angular-devkit/architect": "^0.1602.14",
+    "@angular-devkit/build-angular": "^16.2.14",
+    "@angular/language-service": "^16.2.12",
+    "@angular-eslint/builder": "~16.3.1",
+    "@angular-eslint/eslint-plugin": "^16.3.1",
+    "@angular-eslint/eslint-plugin-template": "^16.3.1",
+    "@angular-eslint/schematics": "^16.3.1",
+    "@angular-eslint/template-parser": "^16.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
+    "eslint": "^8.39.0",
+    "ng-packagr": "^16.2.3",
     "typescript": "~4.9.5",
-    "@angular/cli": "^15.2.10",
+    "@angular/cli": "^16.2.14",
     "@types/d3": "^7.4.0",
     "@types/jasmine": "~4.0.3",
     "@types/jasminewd2": "~2.0.10",

projects/kypo-topology-graph-model/.eslintrc.json

 {
-  "extends": ["../../.eslintrc.json"],
+  "extends": [
+    "../../.eslintrc.json"
+  ],
   "overrides": [
     {
-      "files": ["*.ts"],
+      "files": [
+        "*.ts"
+      ],
       "parserOptions": {
-        "project": ["projects/kypo-topology-graph-model/tsconfig.*?.json"],
+        "project": [
+          "projects/kypo-topology-graph-model/tsconfig.*?.json"
+        ],
         "createDefaultProgram": true
       },
       "rules": {
         "@angular-eslint/directive-selector": [
           "error",
-          { "type": "attribute", "prefix": "kypo", "style": "camelCase" }
+          {
+            "type": "attribute",
+            "prefix": "kypo",
+            "style": "camelCase"
+          }
         ],
         "@angular-eslint/component-selector": [
           "error",
-          { "type": "element", "prefix": "kypo", "style": "kebab-case" }
+          {
+            "type": "element",
+            "prefix": "kypo",
+            "style": "kebab-case"
+          }
         ]
       }
     },
     {
-      "files": ["*.component.html"],
+      "files": [
+        "*.component.html"
+      ],
       "rules": {}
     }
   ]

projects/kypo-topology-graph-model/package.json

@@ -2,11 +2,11 @@
   "name": "@muni-kypo-crp/topology-model",
   "version": "15.0.0",
   "peerDependencies": {
-    "@angular/common": "^12.0.3",
-    "@angular/core": "^12.0.3",
+    "@angular/common": "^16.2.12",
+    "@angular/core": "^16.2.12",
     "typescript-collections": "~1.3.3"
   },
   "dependencies": {
-    "tslib": "^2.2.0"
+    "tslib": "^2.4.0"
   }
 }