Updated from generator v11.0.0

Author: ci-rebot

.browserslistrc

@@ -14,5 +14,3 @@ last 2 Edge major versions
 last 2 Safari major versions
 last 2 iOS major versions
 Firefox ESR
-not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
-not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

jest.config.js

@@ -1,5 +1,4 @@
-require('jest-preset-angular/ngcc-jest-processor');
-const { pathsToModuleNameMapper } = require('ts-jest/utils');
+const { pathsToModuleNameMapper } = require('ts-jest');
 // In the following statement, replace `./tsconfig` with the path to your `tsconfig` file
 // which contains the path mapping (ie the `compilerOptions.paths` option):
 const { compilerOptions } = require('./tsconfig.json');

package.json

@@ -9,7 +9,7 @@
     "serve:sw": "npm run build -s && npx http-server ./dist -p 4200",
     "lint": "ng lint && stylelint \"src/**/*.scss\"",
     "test": "npm run write:env -s && ng test",
-    "test:ci": "npm run write:env -s && npm run lint -s && ng test --configuration=ci",
+    "test:ci": "npm run write:env -s && npm run lint -s && ng run ng-x-rocket:test:ci",
     "translations:extract": "ngx-translate-extract --input ./src --output ./src/translations/template.json --format=json --clean --sort",
     "docs": "hads ./docs -o",
     "write:env": "ngx-scripts env npm_package_version",
@@ -19,63 +19,62 @@
     "generate": "ng generate"
   },
   "dependencies": {
-    "@angular/animations": "~13.1.0",
-    "@angular/common": "~13.1.0",
-    "@angular/compiler": "~13.1.0",
-    "@angular/core": "~13.1.0",
-    "@angular/forms": "~13.1.0",
-    "@angular/localize": "~13.1.0",
-    "@angular/platform-browser": "~13.1.0",
-    "@angular/platform-browser-dynamic": "~13.1.0",
-    "@angular/router": "~13.1.0",
+    "@angular/animations": "~14.1.3",
+    "@angular/common": "~14.1.3",
+    "@angular/compiler": "~14.1.3",
+    "@angular/core": "~14.1.3",
+    "@angular/forms": "~14.1.3",
+    "@angular/localize": "~14.1.3",
+    "@angular/platform-browser": "~14.1.3",
+    "@angular/platform-browser-dynamic": "~14.1.3",
+    "@angular/router": "~14.1.3",
     "@ngx-translate/core": "^14.0.0",
-    "@angular/service-worker": "~13.1.0",
-    "@ng-bootstrap/ng-bootstrap": "^12.0.0-beta.4",
+    "@angular/service-worker": "~14.1.3",
+    "@ng-bootstrap/ng-bootstrap": "^13.0.0",
     "@popperjs/core": "^2.11.0",
     "bootstrap": "^5.0.2",
-    "@fortawesome/fontawesome-free": "^5.15.1",
-    "rxjs": "^7.4.0",
+    "@fortawesome/fontawesome-free": "^6.1.2",
+    "rxjs": "^7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-builders/jest": "^13.0.0",
-    "@angular-devkit/build-angular": "~13.1.0",
-    "@angular-eslint/builder": "~13.0.1",
-    "@angular-eslint/eslint-plugin": "~13.0.1",
-    "@angular-eslint/eslint-plugin-template": "~13.0.1",
-    "@angular-eslint/schematics": "~13.0.1",
-    "@angular-eslint/template-parser": "~13.0.1",
-    "@angular/cli": "~13.1.0",
-    "@angular/compiler-cli": "~13.1.0",
-    "@angular/language-service": "~13.1.0",
+    "@angular-builders/jest": "^14.0.1",
+    "@angular-devkit/build-angular": "~14.1.3",
+    "@angular-eslint/builder": "~14.0.3",
+    "@angular-eslint/eslint-plugin": "~14.0.3",
+    "@angular-eslint/eslint-plugin-template": "~14.0.3",
+    "@angular-eslint/schematics": "~14.0.3",
+    "@angular-eslint/template-parser": "~14.0.3",
+    "@angular/cli": "~14.1.3",
+    "@angular/compiler-cli": "~14.1.3",
+    "@angular/language-service": "~14.1.3",
     "@biesbjerg/ngx-translate-extract": "^7.0.3",
     "@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
-    "@ngx-rocket/scripts": "^5.2.1",
+    "@ngx-rocket/scripts": "^5.2.2",
     "@ngneat/until-destroy": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "~5.6.0",
-    "@typescript-eslint/parser": "~5.6.0",
-    "@types/jest": "^27.0.3",
-    "@types/node": "^12.20.37",
+    "@typescript-eslint/eslint-plugin": "~5.34.0",
+    "@typescript-eslint/parser": "~5.34.0",
+    "@types/jest": "^28.1.8",
+    "@types/node": "^14.18.26",
     "eslint": "^8.3.0",
     "eslint-plugin-import": "latest",
     "eslint-plugin-jsdoc": "latest",
     "eslint-plugin-prefer-arrow": "latest",
     "hads": "^3.0.0",
-    "htmlhint": "^1.0.0",
     "https-proxy-agent": "^5.0.0",
-    "jest": "^27.0.6",
-    "ts-jest": "^27.0.5",
+    "jest": "^28.1.3",
+    "ts-jest": "^28.0.8",
     "prettier": "^2.2.1",
     "stylelint-config-prettier": "^9.0.3",
     "pretty-quick": "^3.1.0",
-    "husky": "^7.0.1",
-    "stylelint": "~14.1.0",
-    "stylelint-config-recommended-scss": "~5.0.2",
-    "stylelint-config-standard": "~24.0.0",
+    "husky": "^8.0.1",
+    "stylelint": "~14.11.0",
+    "stylelint-config-recommended-scss": "~7.0.0",
+    "stylelint-config-standard": "~28.0.0",
     "postcss": "^8.4.5",
     "ts-node": "^10.1.0",
-    "typescript": "~4.4.3"
+    "typescript": "~4.7.4"
   },
   "prettier": {
     "singleQuote": true,

src/app/i18n/language-selector.component.html

@@ -1,5 +1,5 @@
 <div [ngClass]="{ 'nav-item': inNavbar }" ngbDropdown>
-  <a *ngIf="inNavbar; else button" id="language-dropdown" class="nav-link" ngbDropdownToggle>
+  <a *ngIf="inNavbar; else button" id="language-dropdown" class="nav-link" ngbDropdownToggle display="dynamic">
     {{currentLanguage | translate}}
   </a>
   <ng-template #button>

src/app/shell/header/header.component.html

@@ -18,12 +18,12 @@
           </a>
         </div>
         <div class="navbar-nav ml-auto">
-          <app-language-selector [inNavbar]="true" menuClass="dropdown-menu dropdown-menu-right"></app-language-selector>
-          <div class="nav-item" ngbDropdown>
+          <app-language-selector [inNavbar]="true"></app-language-selector>
+          <div class="nav-item" ngbDropdown display="dynamic">
             <a id="user-dropdown" class="nav-link" ngbDropdownToggle>
               <i class="fas fa-user-circle"></i>
             </a>
-            <div ngbDropdownMenu aria-labelledby="user-dropdown" class="dropdown-menu dropdown-menu-right">
+            <div ngbDropdownMenu aria-labelledby="user-dropdown">
               <h6 class="dropdown-header">
                 <span translate>Logged in as</span> <b>{{username}}</b></h6>
               <div class="dropdown-divider"></div>

tsconfig.json

@@ -16,7 +16,7 @@
     "importHelpers": true,
     "strict": true,
     "suppressImplicitAnyIndexErrors": true,
-    "target": "es2017",
+    "target": "es2020",
     "typeRoots": [
       "node_modules/@types"
     ],