Update to latest angular version and change ngx translate with transloco (#64)

* Update package.json to latest angular 17 version

* Change translation library from ngx translate to transloco

Author: michelu89

README.md

@@ -166,7 +166,7 @@ ng generate environments
 8. add default translation language to root component.
 
 ```typescript
-constructor(private translate: TranslateService)
+constructor(private translate: TranslocoService)
 {
     translate.use(translate.defaultLang);
 }

documentation/js-sdk-guide/modules/tooling-guide/pages/card-generation.adoc

@@ -314,7 +314,7 @@ Make sure moment.js and dateAdaptor are correctly installed
 
 In app.component.ts, it is required to set the default language:
 
-    constructor(lang: TranslateService) {
+    constructor(lang: TranslocoService) {
         lang.use(lang.defaultLang);
     }
 

documentation/js-sdk-guide/modules/tooling-guide/pages/table-custom-column.adoc

@@ -57,7 +57,7 @@ At the table column, add a *ng-container* statement as follows:
 ----
 <!-- speedLimitWarning Column -->
 <ng-container matColumnDef="speedLimitWarning">
-  <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'movement.v100.speedLimitWarning.preferredName' | translate }}</th>
+  <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'movement.v100.speedLimitWarning.preferredName' | transloco }}</th>
 
   <td mat-cell *matCellDef="let row">
     <!-- {{ row.speedLimitWarning || '-' }} -->
@@ -172,7 +172,7 @@ You can **directly** integrate this component in the respective column of the ta
 ----
 <!-- batteryLevel Column -->
 <ng-container matColumnDef="batteryLevel">
-  <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'movement.v100.batteryLevel.preferredName' | translate }}</th>
+  <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'movement.v100.batteryLevel.preferredName' | transloco }}</th>
 
   <td mat-cell *matCellDef="let row">
     <app-svg-bar-indicator [indicatorValue]="row.batteryLevel"></app-svg-bar-indicator>

documentation/js-sdk-guide/modules/tooling-guide/pages/table-generation.adoc

@@ -344,7 +344,7 @@ Make sure moment.js and dateAdaptor are correctly installed
 
 In app.component.ts, it is required to set the default language):
 
-    constructor(lang: TranslateService) {
+    constructor(lang: TranslocoService) {
         lang.use(lang.defaultLang);
     }