Merge branch 'deps/update-angular-&-typescript' into 'dev'

fix(deps): update angular & typescript

See merge request !680

.gitignore

@@ -56,8 +56,6 @@ documentation
 
 CHANGELOG.md
 
-package-lock.json
-
 # External libs
 /projects
 

angular.json

@@ -120,28 +120,28 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "pamn:build",
-            "proxyConfig": "proxy.conf.json"
+            "proxyConfig": "proxy.conf.json",
+            "buildTarget": "pamn:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "pamn:build:production"
+              "buildTarget": "pamn:build:production"
             },
             "local": {
-              "browserTarget": "pamn:build:local"
+              "buildTarget": "pamn:build:local"
             },
             "fr": {
-              "browserTarget": "pamn:build:fr"
+              "buildTarget": "pamn:build:fr"
             },
             "en": {
-              "browserTarget": "pamn:build:en"
+              "buildTarget": "pamn:build:en"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "pamn:build"
+            "buildTarget": "pamn:build"
           }
         },
         "lint": {

package.json

@@ -19,17 +19,17 @@
   "private": true,
   "dependencies": {
     "@ag-grid-community/csv-export": "^29.0.0",
-    "@angular/animations": "^16.2.12",
-    "@angular/common": "^16.2.12",
-    "@angular/compiler": "^16.2.12",
-    "@angular/core": "^16.2.12",
+    "@angular/animations": "^17.0.7",
+    "@angular/common": "^17.0.7",
+    "@angular/compiler": "^17.0.7",
+    "@angular/core": "^17.0.7",
     "@angular/flex-layout": "^15.0.0-beta.42",
-    "@angular/forms": "^16.2.12",
-    "@angular/platform-browser": "^16.2.12",
-    "@angular/platform-browser-dynamic": "^16.2.12",
-    "@angular/router": "^16.2.12",
-    "@angular/service-worker": "^16.2.12",
-    "@asymmetrik/ngx-leaflet": "^16.0.1",
+    "@angular/forms": "^17.0.7",
+    "@angular/platform-browser": "^17.0.7",
+    "@angular/platform-browser-dynamic": "^17.0.7",
+    "@angular/router": "^17.0.7",
+    "@angular/service-worker": "^17.0.7",
+    "@asymmetrik/ngx-leaflet": "^17.0.0",
     "@ngx-translate/core": "^14.0.0",
     "ag-grid-angular": "^29.0.0",
     "ag-grid-community": "^29.0.0",
@@ -38,23 +38,23 @@
     "leaflet.locatecontrol": "^0.79.0",
     "lodash": "^4.17.21",
     "luxon": "^1.25.0",
-    "ngx-matomo-client": "^5.0.4",
+    "ngx-matomo-client": "^6.0.0",
     "ngx-toastr": "^15.0.0",
     "runtime-config-loader": "^5.0.2",
     "rxjs": "~7.6.0",
     "tslib": "^2.4.0",
-    "zone.js": "~0.13.3"
+    "zone.js": "~0.14.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.2.10",
-    "@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",
-    "@angular/cli": "^16.2.10",
-    "@angular/compiler-cli": "^16.2.12",
-    "@angular/localize": "^16.2.12",
+    "@angular-devkit/build-angular": "^17.0.7",
+    "@angular-eslint/builder": "^17.0.1",
+    "@angular-eslint/eslint-plugin": "^17.0.1",
+    "@angular-eslint/eslint-plugin-template": "^17.0.1",
+    "@angular-eslint/schematics": "^17.0.1",
+    "@angular-eslint/template-parser": "^17.0.1",
+    "@angular/cli": "^17.0.7",
+    "@angular/compiler-cli": "^17.0.7",
+    "@angular/localize": "^17.0.7",
     "@compodoc/compodoc": "^1.1.16",
     "@storybook/addon-essentials": "^7.6.7",
     "@storybook/addon-interactions": "^7.6.7",
@@ -75,12 +75,12 @@
     "eslint-plugin-jsdoc": "^46.8.1",
     "eslint-plugin-storybook": "^0.6.15",
     "http-server": "^14.1.0",
-    "ng-packagr": "^16.2.3",
+    "ng-packagr": "^17.0.3",
     "prettier": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "standard-version": "^9.3.2",
     "storybook": "^7.6.7",
-    "typescript": "~4.9.4"
+    "typescript": "~5.2.0"
   }
 }

src/app/legal-notice/legal-notice.component.html

@@ -5,7 +5,7 @@
     <p>
       Métropole de Lyon - 20 rue du Lac – CS 33569 - 69505 Lyon cedex 03<br />
       Tél. : (33) 4 78 63 40 40<br />
-      <a href="mailto:inclusionnumerique@grandlyon.com">inclusionnumerique@grandlyon.com</a>
+      <a href="mailto:inclusionnumerique@grandlyon.com">inclusionnumerique&#64;grandlyon.com</a>
     </p>
 
     <p>
@@ -181,7 +181,7 @@
       Nos services mettent tout en œuvre pour offrir aux visiteurs de ce site web des informations fiables et vérifiées.
       Cependant, malgré tous les soins apportés, le site peut comporter des inexactitudes, des défauts de mise à jour ou
       des erreurs. Nous remercions les utilisateurs du site de nous faire part d&#39;éventuelles omissions, erreurs ou
-      corrections par mail sur la boite aux lettres du webmestre, inclusionnumerique@grandlyon.com
+      corrections par mail sur la boite aux lettres du webmestre, inclusionnumerique&#64;grandlyon.com
     </p>
   </div>
 </div>

src/app/services/update.service.ts

@@ -15,8 +15,10 @@ export class UpdateService {
 
   subscribeUpdate(): void {
     if (this.swUpdate.isEnabled) {
-      this.swUpdate.available.subscribe(() => {
-        this.showUpdateToast();
+      this.swUpdate.checkForUpdate().then((result) => {
+        if (result) {
+          this.showUpdateToast();
+        }
       });
     }
   }

src/app/shared/components/v3/collapse/collapse-content/collapse-content.component.ts

@@ -4,7 +4,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-collapse-content',
   template: `<div style="overflow: hidden" [@collapse]="expanded">
-    <ng-content></ng-content>
+    <ng-content />
   </div>`,
   animations: [
     trigger('collapse', [

src/app/shared/components/v3/collapse/collapse-header/collapse-header.component.ts

@@ -10,7 +10,7 @@ import { Component, EventEmitter, Output } from '@angular/core';
     (click)="toggle.emit()"
     (keyup.enter)="toggle.emit()"
   >
-    <ng-content></ng-content>
+    <ng-content />
     <app-svg-icon [ngClass]="expanded && 'expanded'" [type]="'ico'" [icon]="'fold'" [iconClass]="'icon-32'" />
   </div>`,
   styleUrls: ['collapse-header.component.scss'],

src/app/shared/components/v3/collapse/collapse.component.ts

@@ -6,7 +6,7 @@ import { CollapseType } from './collapse.type';
 @Component({
   selector: 'app-collapse',
   template: `<div class="collapse" [ngClass]="classes">
-    <ng-content></ng-content>
+    <ng-content />
   </div>`,
   styleUrls: ['collapse.component.scss'],
 })

src/app/shared/components/v3/modal/modal.component.html

@@ -12,7 +12,7 @@
         (click)="closeModal(false)"
       />
     </div>
-    <p><ng-content></ng-content></p>
+    <p><ng-content /></p>
     <div class="footerModal">
       <app-v3-button
         *ngIf="!singleButton"