update dependencies and update translatation

Author: barais

package-lock.json

@@ -51,112 +51,111 @@
     ]
   },
   "dependencies": {
-    "@angular/animations": "19.2.2",
-    "@angular/cdk": "19.2.2",
-    "@angular/common": "19.2.2",
-    "@angular/compiler": "19.2.2",
-    "@angular/core": "19.2.2",
-    "@angular/forms": "19.2.2",
-    "@angular/localize": "19.2.2",
-    "@angular/platform-browser": "19.2.2",
-    "@angular/platform-browser-dynamic": "19.2.2",
-    "@angular/router": "19.2.2",
-    "@fortawesome/angular-fontawesome": "1.0.0",
-    "@fortawesome/fontawesome-common-types": "6.6.0",
-    "@fortawesome/fontawesome-svg-core": "6.6.0",
-    "@fortawesome/free-brands-svg-icons": "6.6.0",
-    "@fortawesome/free-regular-svg-icons": "6.6.0",
-    "@fortawesome/free-solid-svg-icons": "6.6.0",
-    "@ng-bootstrap/ng-bootstrap": "18.0.0",
-    "@ngx-translate/core": "16.0.4",
-    "@ngx-translate/http-loader": "16.0.1",
+    "@angular/animations": "20.2.1",
+    "@angular/cdk": "20.2.0",
+    "@angular/common": "20.2.1",
+    "@angular/compiler": "20.2.1",
+    "@angular/core": "20.2.1",
+    "@angular/forms": "20.2.1",
+    "@angular/localize": "20.2.1",
+    "@angular/platform-browser": "20.2.1",
+    "@angular/platform-browser-dynamic": "20.2.1",
+    "@angular/router": "20.2.1",
+    "@fortawesome/angular-fontawesome": "3.0.0",
+    "@fortawesome/fontawesome-common-types": "7.0.0",
+    "@fortawesome/fontawesome-svg-core": "7.0.0",
+    "@fortawesome/free-brands-svg-icons": "7.0.0",
+    "@fortawesome/free-regular-svg-icons": "7.0.0",
+    "@fortawesome/free-solid-svg-icons": "7.0.0",
+    "@ng-bootstrap/ng-bootstrap": "19.0.1",
+    "@ngx-translate/core": "17.0.0",
+    "@ngx-translate/http-loader": "17.0.0",
     "@popperjs/core": "2.11.8",
-    "@primeng/themes": "19.0.9",
+    "@primeng/themes": "20.0.1",
     "@supercharge/promise-pool": "^3.2.0",
     "@svgdotjs/svg.js": "3.2.4",
     "@tensorflow/tfjs": "^4.22.0",
-    "@tensorflow/tfjs-backend-wasm": "^4.21.0",
-    "@types/node": "22.7.5",
+    "@tensorflow/tfjs-backend-wasm": "^4.22.0",
+    "@types/node": "24.3.0",
     "ag-swipe-core": "^1.0.2",
-    "bootstrap": "5.3.3",
-    "browser-sync-client": "^3.0.3",
-    "chart.js": "^4.4.4",
+    "bootstrap": "5.3.7",
+    "browser-sync-client": "^3.0.4",
+    "chart.js": "^4.5.0",
     "dayjs": "1.11.13",
-    "dexie": "4.0.8",
-    "dexie-export-import": "4.1.2",
+    "dexie": "4.2.0",
+    "dexie-export-import": "4.1.4",
     "export-to-csv": "^1.4.0",
-    "fabric": "6.4.3",
+    "fabric": "6.7.1",
     "file-saver": "2.0.5",
-    "fuse.js": "^7.0.0",
-    "jest": "29.7.0",
+    "fuse.js": "^7.1.0",
+    "jest": "30.0.5",
     "jest-date-mock": "1.0.10",
     "jest-junit": "16.0.0",
     "jest-sonar-reporter": "2.0.0",
-    "jspdf": "^2.5.2",
+    "jspdf": "^3.0.1",
     "jszip": "3.10.1",
-    "long": "^5.2.3",
+    "long": "^5.3.2",
     "ng-keyboard-shortcuts": "^13.0.8",
-    "ngx-extended-pdf-viewer": "22.3.9",
-    "ngx-infinite-scroll": "19.0.0",
-    "ngx-webstorage": "19.0.1",
-    "node-polyfill-webpack-plugin": "^4.0.0",
+    "ngx-extended-pdf-viewer": "25.0.0",
+    "ngx-infinite-scroll": "20.0.0",
+    "ngx-webstorage": "20.0.0",
+    "node-polyfill-webpack-plugin": "^4.1.0",
     "observable-webworker": "6.0.1",
-    "onnxruntime-web": "1.20.1",
-    "primeflex": "3.3.1",
+    "onnxruntime-web": "1.22.0",
+    "primeflex": "4.0.0",
     "primeicons": "7.0.0",
-    "primeng": "19.0.9",
-    "rxjs": "7.8.1",
+    "primeng": "20.0.1",
+    "rxjs": "7.8.2",
     "sonar-scanner": "3.1.0",
-    "swagger-ui-dist": "5.17.14",
+    "swagger-ui-dist": "5.27.1",
     "sync-client": "^0.2.0",
-    "tslib": "2.7.0",
-    "uuid": "10.0.0",
+    "tslib": "2.8.1",
+    "uuid": "11.1.0",
     "xlsx": "0.18.5",
-    "zone.js": "0.15.0",
-    "cheerio": "1.0.0",
+    "zone.js": "0.15.1",
+    "cheerio": "1.1.2",
     "html2canvas": "1.4.1",
     "unzipit": "1.4.3"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "19.0.0",
-    "@angular-builders/jest": "19.0.0",
-    "@angular-devkit/build-angular": "19.2.3",
-    "@angular-eslint/builder": "19.2.1",
-    "@angular-eslint/eslint-plugin": "19.2.1",
-    "@angular-eslint/eslint-plugin-template": "19.2.1",
-    "@angular-eslint/schematics": "19.2.1",
-    "@angular-eslint/template-parser": "19.2.1",
-    "@angular/cli": "19.2.3",
-    "@angular/compiler-cli": "19.2.2",
-    "@angular/service-worker": "19.2.2",
-    "@eslint/js": "9.22.0",
-    "@types/fabric": "5.3.9",
+    "@angular-builders/custom-webpack": "20.0.0",
+    "@angular-builders/jest": "20.0.0",
+    "@angular-eslint/builder": "20.2.0",
+    "@angular-eslint/eslint-plugin": "20.2.0",
+    "@angular-eslint/eslint-plugin-template": "20.2.0",
+    "@angular-eslint/schematics": "20.2.0",
+    "@angular-eslint/template-parser": "20.2.0",
+    "@angular/cli": "20.2.0",
+    "@angular/compiler-cli": "20.2.1",
+    "@angular/service-worker": "20.2.1",
+    "@eslint/js": "9.34.0",
+    "@types/fabric": "5.3.10",
     "@types/file-saver": "^2.0.7",
-    "@types/jest": "^29.5.13",
+    "@types/jest": "^30.0.0",
     "@types/uuid": "10.0.0",
-    "@typescript-eslint/eslint-plugin": "8.26.1",
-    "@typescript-eslint/parser": "8.26.1",
-    "angular-cli-ghpages": "2.0.1",
-    "concurrently": "9.0.1",
-    "copy-webpack-plugin": "12.0.2",
-    "cypress": "^13.15.0",
-    "esbuild-loader": "^4.2.2",
-    "eslint": "9.22.0",
-    "eslint-config-prettier": "10.1.1",
-    "eslint-webpack-plugin": "4.2.0",
-    "folder-hash": "4.0.4",
-    "generator-jhipster": "^8.7.1",
-    "globals": "^15.11.0",
-    "husky": "9.1.6",
+    "@typescript-eslint/eslint-plugin": "8.41.0",
+    "@typescript-eslint/parser": "8.41.0",
+    "angular-cli-ghpages": "2.0.3",
+    "concurrently": "9.2.1",
+    "copy-webpack-plugin": "13.0.1",
+    "cypress": "^15.0.0",
+    "esbuild-loader": "^4.3.0",
+    "eslint": "9.34.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-webpack-plugin": "5.0.2",
+    "folder-hash": "4.1.1",
+    "generator-jhipster": "^8.11.0",
+    "globals": "^16.3.0",
+    "husky": "9.1.7",
     "jest-canvas-mock": "^2.5.2",
-    "lint-staged": "15.2.10",
+    "lint-staged": "16.1.5",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "ng-mocks": "^14.13.1",
-    "prettier": "3.3.3",
-    "prettier-plugin-packagejson": "2.5.3",
+    "ng-mocks": "^14.13.5",
+    "prettier": "3.6.2",
+    "prettier-plugin-packagejson": "2.5.19",
     "rimraf": "6.0.1",
-    "typescript-eslint": "8.26.1",
-    "wait-on": "8.0.1",
+    "typescript-eslint": "8.41.0",
+    "wait-on": "8.0.4",
     "webpack-bundle-analyzer": "4.10.2",
     "webpack-jarvis": "0.3.2",
     "webpack-merge": "6.0.1",

package.json

@@ -1,14 +1,14 @@
 <div>
   <div class="d-flex justify-content-center">
     <div class="col-md-8">
-      <h1 jhiTranslate="activate.title">Activation</h1>
+      <h1 [translate]="'activate.title'">Activation</h1>
 
       <div class="alert alert-success" *ngIf="success">
-        <span jhiTranslate="activate.messages.success"><strong>Your user account has been activated.</strong> Please </span>
-        <a class="alert-link" routerLink="/login" jhiTranslate="global.messages.info.authenticated.link">sign in</a>.
+        <span [translate]="'activate.messages.success'"><strong>Your user account has been activated.</strong> Please </span>
+        <a class="alert-link" routerLink="/login" [translate]="'global.messages.info.authenticated.link'">sign in</a>.
       </div>
 
-      <div class="alert alert-danger" *ngIf="error" jhiTranslate="activate.messages.error">
+      <div class="alert alert-danger" *ngIf="error" [translate]="'activate.messages.error'">
         <strong>Your user could not be activated.</strong> Please use the registration form to sign up.
       </div>
     </div>

src/main/webapp/app/account/activate/activate.component.html

@@ -4,13 +4,12 @@ import { mergeMap } from 'rxjs/operators';
 
 import { ActivateService } from './activate.service';
 import { NgIf } from '@angular/common';
-import { TranslateDirective } from '../../shared/language/translate.directive';
 
 @Component({
   selector: 'jhi-activate',
   templateUrl: './activate.component.html',
   standalone: true,
-  imports: [TranslateDirective, NgIf, RouterLink],
+  imports: [NgIf, RouterLink],
 })
 export class ActivateComponent implements OnInit {
   error = false;

src/main/webapp/app/account/activate/activate.component.ts

@@ -1,35 +1,35 @@
 <div>
   <div class="d-flex justify-content-center">
     <div class="col-md-4">
-      <h1 jhiTranslate="reset.finish.title">Reset password</h1>
+      <h1 [translate]="'reset.finish.title'">Reset password</h1>
 
-      <div class="alert alert-danger" jhiTranslate="reset.finish.messages.keymissing" *ngIf="initialized && !key">
+      <div class="alert alert-danger" [translate]="'reset.finish.messages.keymissing'" *ngIf="initialized && !key">
         <strong>The password reset key is missing.</strong>
       </div>
 
       <div class="alert alert-warning" *ngIf="key && !success">
-        <span jhiTranslate="reset.finish.messages.info">Choose a new password</span>
+        <span [translate]="'reset.finish.messages.info'">Choose a new password</span>
       </div>
 
       <div class="alert alert-danger" *ngIf="error">
-        <span jhiTranslate="reset.finish.messages.error"
+        <span [translate]="'reset.finish.messages.error'"
           >Your password couldn't be reset. Remember a password request is only valid for 24 hours.</span
         >
       </div>
 
       <div class="alert alert-success" *ngIf="success">
-        <span jhiTranslate="reset.finish.messages.success"><strong>Your password has been reset.</strong> Please </span>
-        <a class="alert-link" routerLink="/login" jhiTranslate="global.messages.info.authenticated.link">sign in</a>.
+        <span [translate]="'reset.finish.messages.success'"><strong>Your password has been reset.</strong> Please </span>
+        <a class="alert-link" routerLink="/login" [translate]="'global.messages.info.authenticated.link'">sign in</a>.
       </div>
 
-      <div class="alert alert-danger" *ngIf="doNotMatch" jhiTranslate="global.messages.error.dontmatch">
+      <div class="alert alert-danger" *ngIf="doNotMatch" [translate]="'global.messages.error.dontmatch'">
         The password and its confirmation do not match!
       </div>
 
       <div *ngIf="key && !success">
         <form name="form" role="form" (ngSubmit)="finishReset()" [formGroup]="passwordForm">
           <div class="mb-3">
-            <label class="form-label" for="newPassword" jhiTranslate="global.form.newpassword.label">New password</label>
+            <label class="form-label" for="newPassword" [translate]="'global.form.newpassword.label'">New password</label>
             <input
               type="password"
               class="form-control"
@@ -50,23 +50,23 @@ <h1 jhiTranslate="reset.finish.title">Reset password</h1>
               <small
                 class="form-text text-danger"
                 *ngIf="passwordForm.get('newPassword')?.errors?.required"
-                jhiTranslate="global.messages.validate.newpassword.required"
+                [translate]="'global.messages.validate.newpassword.required'"
               >
                 Your password is required.
               </small>
 
               <small
                 class="form-text text-danger"
                 *ngIf="passwordForm.get('newPassword')?.errors?.minlength"
-                jhiTranslate="global.messages.validate.newpassword.minlength"
+                [translate]="'global.messages.validate.newpassword.minlength'"
               >
                 Your password is required to be at least 4 characters.
               </small>
 
               <small
                 class="form-text text-danger"
                 *ngIf="passwordForm.get('newPassword')?.errors?.maxlength"
-                jhiTranslate="global.messages.validate.newpassword.maxlength"
+                [translate]="'global.messages.validate.newpassword.maxlength'"
               >
                 Your password cannot be longer than 50 characters.
               </small>
@@ -76,7 +76,7 @@ <h1 jhiTranslate="reset.finish.title">Reset password</h1>
           </div>
 
           <div class="mb-3">
-            <label class="form-label" for="confirmPassword" jhiTranslate="global.form.confirmpassword.label"
+            <label class="form-label" for="confirmPassword" [translate]="'global.form.confirmpassword.label'"
               >New password confirmation</label
             >
             <input
@@ -98,23 +98,23 @@ <h1 jhiTranslate="reset.finish.title">Reset password</h1>
               <small
                 class="form-text text-danger"
                 *ngIf="passwordForm.get('confirmPassword')?.errors?.required"
-                jhiTranslate="global.messages.validate.confirmpassword.required"
+                [translate]="'global.messages.validate.confirmpassword.required'"
               >
                 Your password confirmation is required.
               </small>
 
               <small
                 class="form-text text-danger"
                 *ngIf="passwordForm.get('confirmPassword')?.errors?.minlength"
-                jhiTranslate="global.messages.validate.confirmpassword.minlength"
+                [translate]="'global.messages.validate.confirmpassword.minlength'"
               >
                 Your password confirmation is required to be at least 4 characters.
               </small>
 
               <small
                 class="form-text text-danger"
                 *ngIf="passwordForm.get('confirmPassword')?.errors?.maxlength"
-                jhiTranslate="global.messages.validate.confirmpassword.maxlength"
+                [translate]="'global.messages.validate.confirmpassword.maxlength'"
               >
                 Your password confirmation cannot be longer than 50 characters.
               </small>
@@ -125,7 +125,7 @@ <h1 jhiTranslate="reset.finish.title">Reset password</h1>
             type="submit"
             [disabled]="passwordForm.invalid"
             class="btn btn-primary"
-            jhiTranslate="reset.finish.form.button"
+            [translate]="'reset.finish.form.button'"
             data-cy="submit"
           >
             Reset Password

src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.html

@@ -3,16 +3,15 @@ import { UntypedFormBuilder, UntypedFormGroup, Validators, FormsModule, Reactive
 import { ActivatedRoute, RouterLink } from '@angular/router';
 
 import { PasswordResetFinishService } from './password-reset-finish.service';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core';
 import { PasswordStrengthBarComponent } from '../../password/password-strength-bar/password-strength-bar.component';
 import { NgIf } from '@angular/common';
-import { TranslateDirective } from '../../../shared/language/translate.directive';
 
 @Component({
   selector: 'jhi-password-reset-finish',
   templateUrl: './password-reset-finish.component.html',
   standalone: true,
-  imports: [TranslateDirective, NgIf, RouterLink, FormsModule, ReactiveFormsModule, PasswordStrengthBarComponent, TranslateModule],
+  imports: [NgIf, RouterLink, FormsModule, ReactiveFormsModule, PasswordStrengthBarComponent, TranslateDirective, TranslatePipe],
 })
 export class PasswordResetFinishComponent implements OnInit, AfterViewInit {
   @ViewChild('newPassword', { static: false })