Angular 19.2 and all JS deps #10723

Author: PowerKiKi

eslint.config.mjs

@@ -154,15 +154,14 @@ export default tseslint.config(
         extends: [...angular.configs.templateAll],
         rules: {
             '@angular-eslint/template/alt-text': 'off', // We don't care as much as we should about a11y
-            '@angular-eslint/template/attributes-order': 'off', // TODO: We want to enable this, but autofix mess up our code, and it's too much manual changes
             '@angular-eslint/template/button-has-type': 'off',
             '@angular-eslint/template/click-events-have-key-events': 'off', // We don't care as much as we should about a11y
             '@angular-eslint/template/i18n': 'off',
             '@angular-eslint/template/interactive-supports-focus': 'off', // We don't care as much as we should about a11y
             '@angular-eslint/template/label-has-associated-control': 'off', // We don't care as much as we should about a11y
             '@angular-eslint/template/no-autofocus': 'off',
             '@angular-eslint/template/no-call-expression': 'off',
-            '@angular-eslint/template/no-inline-styles': 'off', // We sometimes use short inlie styles
+            '@angular-eslint/template/no-inline-styles': 'off', // We sometimes use short inline styles
             '@angular-eslint/template/prefer-ngsrc': 'off', // TODO: experiment with ngsrc and see if we need to use it or not
             '@angular-eslint/template/eqeqeq': [
                 'error',

package.json

@@ -16,37 +16,37 @@
         "serve-demo": "echo '💡 open http://localhost:8000/fab-speed-dial/' && mkdir -p dist/server && ln -fs ../demo/browser dist/server/fab-speed-dial && php -S localhost:8000 -t dist/server/"
     },
     "dependencies": {
-        "@angular/animations": "^19.1.0",
-        "@angular/cdk": "19.1.2",
-        "@angular/common": "^19.1.0",
-        "@angular/compiler": "^19.1.0",
-        "@angular/core": "^19.1.0",
-        "@angular/forms": "^19.1.0",
-        "@angular/material": "19.1.2",
-        "@angular/platform-browser": "^19.1.0",
-        "@angular/platform-browser-dynamic": "^19.1.0",
-        "rxjs": "~7.8.0",
+        "@angular/animations": "^19.2.6",
+        "@angular/cdk": "19.2.9",
+        "@angular/common": "^19.2.6",
+        "@angular/compiler": "^19.2.6",
+        "@angular/core": "^19.2.6",
+        "@angular/forms": "^19.2.6",
+        "@angular/material": "19.2.9",
+        "@angular/platform-browser": "^19.2.6",
+        "@angular/platform-browser-dynamic": "^19.2.6",
+        "rxjs": "~7.8.2",
         "tslib": "^2.3.0",
         "zone.js": "~0.15.0"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "^19.1.5",
-        "@angular/cli": "^19.1.5",
-        "@angular/compiler-cli": "^19.1.0",
-        "@playwright/test": "^1.50.1",
-        "@types/jasmine": "~5.1.0",
-        "angular-eslint": "19.0.2",
-        "eslint": "^9.16.0",
-        "jasmine-core": "~5.5.0",
+        "@angular-devkit/build-angular": "^19.2.7",
+        "@angular/cli": "^19.2.7",
+        "@angular/compiler-cli": "^19.2.6",
+        "@playwright/test": "^1.51.1",
+        "@types/jasmine": "~5.1.7",
+        "angular-eslint": "^19.3.0",
+        "eslint": "^9.24.0",
+        "jasmine-core": "~5.6.0",
         "karma": "~6.4.0",
         "karma-chrome-launcher": "~3.2.0",
         "karma-coverage": "~2.2.0",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.1.0",
-        "ng-packagr": "^19.1.0",
-        "playwright-ng-schematics": "1.2.2",
-        "prettier": "^3.4.2",
-        "typescript": "~5.7.2",
-        "typescript-eslint": "8.18.0"
+        "ng-packagr": "^19.2.2",
+        "playwright-ng-schematics": "2.0.2",
+        "prettier": "^3.5.3",
+        "typescript": "~5.8.3",
+        "typescript-eslint": "^8.29.1"
     }
 }

src/app/app.component.html

@@ -16,7 +16,7 @@
     <mat-card-content class="mat-body-1">
         <p>
             Direction:
-            <mat-radio-group [(ngModel)]="direction" name="direction">
+            <mat-radio-group name="direction" [(ngModel)]="direction">
                 <mat-radio-button value="up">Up</mat-radio-button>
                 <mat-radio-button value="down">Down</mat-radio-button>
                 <mat-radio-button value="left">Left</mat-radio-button>
@@ -37,7 +37,7 @@
 
         <mat-card-content class="mat-body-1">
             <mat-slide-toggle [(ngModel)]="open" (click)="stopPropagation($event)">Open</mat-slide-toggle>
-            <eco-fab-speed-dial [(open)]="open" [direction]="direction">
+            <eco-fab-speed-dial [direction]="direction" [(open)]="open">
                 <eco-fab-speed-dial-trigger [spin]="spin">
                     <button mat-fab (click)="doAction('trigger')">
                         <mat-icon class="spin180" fontIcon="add" />