From 894c1c5f100a62866cc7ed3e23d025c8e505c60d Mon Sep 17 00:00:00 2001
From: Joey Perrott <josephperrott@gmail.com>
Date: Wed, 28 Feb 2024 16:45:43 +0000
Subject: [PATCH] refactor: apply prettier formatting to integration (#54653)

Apply prettier formatting to integration directories

PR Close #54653
---
 .ng-dev/format.mts                            |  1 +
 integration/animations-async/karma.conf.js    | 19 +++++++----
 .../animations-async/src/app/app.component.ts |  3 +-
 .../src/app/open-close.component.ts           | 28 +++++++---------
 integration/animations/karma.conf.js          | 19 +++++++----
 .../animations/src/app/app.component.ts       |  3 +-
 .../src/app/open-close.component.ts           | 28 +++++++---------
 integration/check-dependencies.js             | 26 ++++++++-------
 .../e2e/protractor.conf.js                    | 33 +++++++++++--------
 .../e2e/src/app.e2e-spec.ts                   |  4 +--
 .../cli-elements-universal/e2e/src/app.po.ts  |  2 +-
 .../cli-elements-universal/karma.conf.js      | 22 ++++++++-----
 .../src/app/app.component.spec.ts             | 19 ++++-------
 .../src/app/app.component.ts                  |  2 +-
 .../src/app/app.module.ts                     | 32 +++++++-----------
 .../src/app/app.server.module.ts              | 20 ++++-------
 .../src/app/title.component.spec.ts           |  4 +--
 .../src/app/title.component.ts                |  2 +-
 .../cli-elements-universal/src/main.server.ts |  2 +-
 .../cli-elements-universal/src/main.ts        |  9 ++---
 .../cli-hello-world-ivy-i18n/e2e/app.po.ts    | 12 +++++--
 .../e2e/de/app.e2e-spec.ts                    | 12 ++++---
 .../e2e/en/app.e2e-spec.ts                    | 17 ++++++----
 .../e2e/fr/app.e2e-spec.ts                    | 17 ++++++----
 .../e2e/protractor.conf.js                    | 25 ++++++++------
 .../cli-hello-world-ivy-i18n/karma.conf.js    | 19 +++++++----
 .../src/app/app.component.spec.ts             | 11 +++----
 .../src/app/app.component.ts                  |  6 ++--
 .../src/app/app.module.ts                     |  3 +-
 .../src/environments/environment.prod.ts      |  2 +-
 .../src/environments/environment.ts           |  2 +-
 .../cli-hello-world-ivy-i18n/src/main.ts      |  9 ++---
 .../check-output-for-ngdevmode.js             | 13 +++++---
 .../e2e/protractor.conf.js                    | 23 ++++++++-----
 .../e2e/src/app.e2e-spec.ts                   | 12 ++++---
 .../cli-hello-world-lazy/e2e/src/app.po.ts    |  2 +-
 .../cli-hello-world-lazy/karma.conf.js        | 19 +++++++----
 .../src/app/app.component.spec.ts             | 13 ++++----
 .../src/app/app.routes.ts                     | 11 ++++---
 .../src/app/lazy/lazy.component.spec.ts       |  9 +++--
 .../src/app/lazy/lazy.component.ts            |  3 +-
 integration/cli-hello-world-lazy/src/main.ts  |  5 +--
 .../e2e/protractor.conf.js                    | 23 ++++++++-----
 .../e2e/src/app.e2e-spec.ts                   | 12 ++++---
 .../cli-hello-world-mocha/e2e/src/app.po.ts   |  2 +-
 .../src/app/app.component.spec.ts             | 13 ++++----
 .../src/app/app.component.ts                  |  4 +--
 .../src/app/app.module.ts                     | 22 +++++--------
 integration/cli-hello-world-mocha/src/main.ts |  9 ++---
 .../cli-hello-world/e2e/protractor.conf.js    | 23 ++++++++-----
 .../cli-hello-world/e2e/src/app.e2e-spec.ts   | 12 ++++---
 integration/cli-hello-world/e2e/src/app.po.ts |  2 +-
 integration/cli-hello-world/karma.conf.js     | 19 +++++++----
 .../src/app/app.component.spec.ts             | 13 ++++----
 .../cli-hello-world/src/app/app.component.ts  |  7 ++--
 .../cli-hello-world/src/app/app.module.ts     | 22 +++++--------
 integration/cli-hello-world/src/main.ts       |  9 ++---
 .../cli-signal-inputs/e2e/protractor.conf.js  | 23 ++++++++-----
 .../cli-signal-inputs/e2e/src/app.e2e-spec.ts |  8 +++--
 integration/cli-signal-inputs/karma.conf.js   | 19 +++++++----
 .../src/app/app.component.ts                  |  2 +-
 .../src/app/greet.component.ts                |  2 +-
 integration/defer/e2e/protractor.conf.js      | 23 ++++++++-----
 integration/defer/karma.conf.js               | 19 +++++++----
 integration/defer/src/app/defer.component.ts  |  3 +-
 integration/defer/src/main.ts                 |  2 +-
 .../dynamic-compiler/e2e/app.e2e-spec.ts      |  2 +-
 integration/dynamic-compiler/e2e/app.po.ts    |  5 ++-
 .../dynamic-compiler/e2e/protractor.config.js | 17 ++++++----
 .../dynamic-compiler/src/app.component.ts     |  2 +-
 .../dynamic-compiler/src/app.module.ts        |  9 +++--
 .../dynamic-compiler/src/lazy.module.ts       |  9 ++---
 integration/dynamic-compiler/src/main.ts      |  6 ++--
 integration/forms/e2e/protractor.conf.js      | 23 ++++++++-----
 integration/forms/e2e/src/app.e2e-spec.ts     |  8 +++--
 integration/forms/karma.conf.js               | 19 +++++++----
 .../forms/src/app/app.component.spec.ts       |  2 +-
 integration/forms/src/app/app.component.ts    |  5 ++-
 integration/forms/src/app/app.module.ts       | 18 +++-------
 integration/forms/src/main.ts                 |  9 ++---
 integration/injectable-def/src/app.ts         |  6 +---
 integration/injectable-def/src/main.ts        | 22 +++++++------
 integration/ivy-i18n/e2e/app.po.ts            | 12 +++++--
 integration/ivy-i18n/e2e/fr/app.e2e-spec.ts   |  2 +-
 .../ivy-i18n/e2e/legacy/app.e2e-spec.ts       |  9 +++--
 integration/ivy-i18n/e2e/protractor.conf.js   | 25 ++++++++------
 .../ivy-i18n/e2e/runtime/app.e2e-spec.ts      | 10 ++++--
 integration/ivy-i18n/karma.conf.js            | 19 +++++++----
 .../scripts/update-xlf-translation-file.js    |  8 ++---
 .../scripts/update-xmb-translation-file.js    | 11 ++++---
 .../ivy-i18n/src/app/app.component.spec.ts    |  3 +-
 integration/ivy-i18n/src/app/app.component.ts |  7 ++--
 integration/ivy-i18n/src/app/app.module.ts    |  3 +-
 integration/ivy-i18n/src/main.ts              |  9 ++---
 integration/ivy-i18n/src/polyfills-runtime.ts |  2 +-
 integration/ivy-i18n/src/polyfills.ts         |  1 -
 .../ng-add-localize/src/app/app.component.ts  |  4 +--
 .../ng-add-localize/src/app/app.module.ts     | 18 ++++------
 integration/ng-add-localize/src/main.ts       |  9 ++---
 integration/ng_elements/e2e/app.e2e-spec.ts   |  5 ++-
 .../ng_elements/e2e/protractor.config.js      | 17 ++++++----
 integration/ng_elements/src/app.ts            | 16 ++++++---
 integration/ng_elements/src/elements.ts       |  3 +-
 integration/ng_update/check.js                | 28 +++++++++++-----
 .../src/app/app.component.spec.ts             |  8 ++---
 .../src/app/app.component.ts                  |  4 +--
 .../src/app/app.module.ts                     | 18 ++++------
 integration/ng_update_migrations/src/main.ts  |  9 ++---
 integration/ng_update_migrations/src/test.ts  | 13 +++-----
 .../ng_update_migrations/src/test_expected.ts | 13 +++-----
 integration/ng_update_migrations/test.js      | 31 ++++++++++++-----
 .../nodenext_resolution/include-all.ts        |  2 --
 .../platform-server/e2e/protractor.conf.js    | 23 ++++++++-----
 .../ngmodule/src/app/app-routing.module.ts    |  4 +--
 .../ngmodule/src/app/app.component.ts         |  5 ++-
 .../ngmodule/src/app/app.server.module.ts     | 13 +++-----
 .../app/helloworld/hello-world.component.ts   |  6 ++--
 .../transferstate/transfer-state.component.ts |  5 ++-
 .../projects/ngmodule/src/main.server.ts      |  3 +-
 .../projects/ngmodule/src/main.ts             |  4 +--
 .../projects/standalone/server.ts             |  9 +++--
 .../standalone/src/app/app.component.ts       | 10 +++---
 .../standalone/src/app/app.config.server.ts   | 10 +++---
 .../projects/standalone/src/app/app.config.ts |  6 +---
 .../projects/standalone/src/app/app.routes.ts |  4 +--
 .../app/helloworld/hello-world.component.ts   |  6 ++--
 .../http-transfer-state.component.ts          |  2 +-
 .../transferstate/transfer-state.component.ts |  7 ++--
 .../projects/standalone/src/main.server.ts    |  6 ++--
 .../snapshots/animations-browser/esm2022.js   |  4 +--
 .../snapshots/animations/esm2022.js           |  1 -
 .../side-effects/snapshots/common/esm2022.js  |  2 +-
 .../side-effects/snapshots/core/esm2022.js    | 19 ++++++++---
 .../snapshots/elements/esm2022.js             |  6 ++--
 .../side-effects/snapshots/forms/esm2022.js   |  8 ++---
 .../snapshots/platform-browser/esm2022.js     |  4 +--
 .../side-effects/snapshots/router/esm2022.js  |  8 ++---
 .../e2e/protractor.conf.js                    | 23 ++++++++-----
 .../standalone-bootstrap/karma.conf.js        | 19 +++++++----
 .../src/app/app.component.ts                  |  3 +-
 integration/standalone-bootstrap/src/main.ts  |  2 +-
 integration/terser/test.js                    | 15 +++++----
 .../trusted-types/e2e/protractor.conf.js      | 33 +++++++++++--------
 .../trusted-types/e2e/src/app.e2e-spec.ts     |  8 +++--
 integration/trusted-types/e2e/src/app.po.ts   |  2 +-
 integration/trusted-types/karma.conf.js       | 25 +++++++-------
 .../src/app/app-routing.module.ts             |  8 ++---
 .../src/app/app.component.spec.ts             | 18 +++++-----
 .../trusted-types/src/app/app.component.ts    |  8 +++--
 .../trusted-types/src/app/app.module.ts       | 21 +++++-------
 integration/trusted-types/src/main.ts         |  9 ++---
 integration/typings_test_rxjs7/include-all.ts |  2 --
 integration/typings_test_ts54/include-all.ts  |  2 --
 153 files changed, 916 insertions(+), 754 deletions(-)

diff --git a/.ng-dev/format.mts b/.ng-dev/format.mts
index febcd823f2d..a4e9755837d 100644
--- a/.ng-dev/format.mts
+++ b/.ng-dev/format.mts
@@ -9,6 +9,7 @@ export const format: FormatConfig = {
       '**/*.{yaml,yml}',
       'adev/**/*.{js,ts}',
       'devtools/**/*.{js,ts}',
+      'integration/**/*.{js,ts}',
       'tools/**/*.{js,ts}',
       'modules/**/*.{js,ts}',
       'scripts/**/*.{js,ts}',
diff --git a/integration/animations-async/karma.conf.js b/integration/animations-async/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/animations-async/karma.conf.js
+++ b/integration/animations-async/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/animations-async/src/app/app.component.ts b/integration/animations-async/src/app/app.component.ts
index 516c873b55f..433c8f3ebc6 100644
--- a/integration/animations-async/src/app/app.component.ts
+++ b/integration/animations-async/src/app/app.component.ts
@@ -6,5 +6,4 @@ import {RouterModule} from '@angular/router';
   imports: [RouterModule],
   standalone: true,
 })
-export class AppComponent {
-}
+export class AppComponent {}
diff --git a/integration/animations-async/src/app/open-close.component.ts b/integration/animations-async/src/app/open-close.component.ts
index 39f2ff200a9..04343dcee6e 100644
--- a/integration/animations-async/src/app/open-close.component.ts
+++ b/integration/animations-async/src/app/open-close.component.ts
@@ -3,19 +3,13 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'app-open-close',
   animations: [
-    trigger(
-        'openClose',
-        [
-          // ...
-          state(
-              'open',
-              style({height: '200px', opacity: 1, backgroundColor: 'yellow'})),
-          state(
-              'closed',
-              style({height: '100px', opacity: 0.8, backgroundColor: 'blue'})),
-          transition('open => closed', [animate('1s')]),
-          transition('closed => open', [animate('0.5s')]),
-        ]),
+    trigger('openClose', [
+      // ...
+      state('open', style({height: '200px', opacity: 1, backgroundColor: 'yellow'})),
+      state('closed', style({height: '100px', opacity: 0.8, backgroundColor: 'blue'})),
+      transition('open => closed', [animate('1s')]),
+      transition('closed => open', [animate('0.5s')]),
+    ]),
   ],
   template: `<nav>
     <button type="button" (click)="toggle()">Toggle Open/Close</button>
@@ -24,7 +18,8 @@ import {Component} from '@angular/core';
   <div [@openClose]="isOpen ? 'open' : 'closed'" class="open-close-container">
     <p>The box is now {{ isOpen ? 'Open' : 'Closed' }}!</p>
   </div>`,
-  styles: [`:host {
+  styles: [
+    `:host {
         display: block;
         margin-top: 1rem;
       }
@@ -36,7 +31,8 @@ import {Component} from '@angular/core';
         color: #000000;
         font-weight: bold;
         font-size: 20px;
-      }`],
+      }`,
+  ],
   standalone: true,
 })
 export class OpenCloseComponent {
@@ -45,4 +41,4 @@ export class OpenCloseComponent {
   toggle() {
     this.isOpen = !this.isOpen;
   }
-}
\ No newline at end of file
+}
diff --git a/integration/animations/karma.conf.js b/integration/animations/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/animations/karma.conf.js
+++ b/integration/animations/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/animations/src/app/app.component.ts b/integration/animations/src/app/app.component.ts
index 516c873b55f..433c8f3ebc6 100644
--- a/integration/animations/src/app/app.component.ts
+++ b/integration/animations/src/app/app.component.ts
@@ -6,5 +6,4 @@ import {RouterModule} from '@angular/router';
   imports: [RouterModule],
   standalone: true,
 })
-export class AppComponent {
-}
+export class AppComponent {}
diff --git a/integration/animations/src/app/open-close.component.ts b/integration/animations/src/app/open-close.component.ts
index 39f2ff200a9..04343dcee6e 100644
--- a/integration/animations/src/app/open-close.component.ts
+++ b/integration/animations/src/app/open-close.component.ts
@@ -3,19 +3,13 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'app-open-close',
   animations: [
-    trigger(
-        'openClose',
-        [
-          // ...
-          state(
-              'open',
-              style({height: '200px', opacity: 1, backgroundColor: 'yellow'})),
-          state(
-              'closed',
-              style({height: '100px', opacity: 0.8, backgroundColor: 'blue'})),
-          transition('open => closed', [animate('1s')]),
-          transition('closed => open', [animate('0.5s')]),
-        ]),
+    trigger('openClose', [
+      // ...
+      state('open', style({height: '200px', opacity: 1, backgroundColor: 'yellow'})),
+      state('closed', style({height: '100px', opacity: 0.8, backgroundColor: 'blue'})),
+      transition('open => closed', [animate('1s')]),
+      transition('closed => open', [animate('0.5s')]),
+    ]),
   ],
   template: `<nav>
     <button type="button" (click)="toggle()">Toggle Open/Close</button>
@@ -24,7 +18,8 @@ import {Component} from '@angular/core';
   <div [@openClose]="isOpen ? 'open' : 'closed'" class="open-close-container">
     <p>The box is now {{ isOpen ? 'Open' : 'Closed' }}!</p>
   </div>`,
-  styles: [`:host {
+  styles: [
+    `:host {
         display: block;
         margin-top: 1rem;
       }
@@ -36,7 +31,8 @@ import {Component} from '@angular/core';
         color: #000000;
         font-weight: bold;
         font-size: 20px;
-      }`],
+      }`,
+  ],
   standalone: true,
 })
 export class OpenCloseComponent {
@@ -45,4 +41,4 @@ export class OpenCloseComponent {
   toggle() {
     this.isOpen = !this.isOpen;
   }
-}
\ No newline at end of file
+}
diff --git a/integration/check-dependencies.js b/integration/check-dependencies.js
index 269243171a5..4375c22e7a7 100755
--- a/integration/check-dependencies.js
+++ b/integration/check-dependencies.js
@@ -55,25 +55,29 @@ const nonExactDeps = deps.filter(([, version]) => !/^\d+\.\d+\.\d+(?:-\w+\.\d+)?
 
 if (nonExactDeps.length) {
   throw new Error(
-      `The following dependencies in '${projectDir}' are not pinned to exact versions (of the ` +
+    `The following dependencies in '${projectDir}' are not pinned to exact versions (of the ` +
       'format X.Y.Z[-<pre-release-identifier>]):' +
-      nonExactDeps.map(([name, version]) => `\n  ${name}: ${version}`));
+      nonExactDeps.map(([name, version]) => `\n  ${name}: ${version}`),
+  );
 }
 
 // Check for dependencies that are not in-sync between `package.json` and the lockfile.
 const {object: parsedLockfile} = parseLockfile(readFileSync(lockfilePath, 'utf8'));
 const outOfSyncDeps = deps
-    .map(([depName, pkgJsonVersion]) => [
-      depName,
-      pkgJsonVersion,
-      (parsedLockfile[`${depName}@${pkgJsonVersion}`] || {}).version,
-    ])
-    .filter(([, pkgJsonVersion, lockfileVersion]) => pkgJsonVersion !== lockfileVersion);
+  .map(([depName, pkgJsonVersion]) => [
+    depName,
+    pkgJsonVersion,
+    (parsedLockfile[`${depName}@${pkgJsonVersion}`] || {}).version,
+  ])
+  .filter(([, pkgJsonVersion, lockfileVersion]) => pkgJsonVersion !== lockfileVersion);
 
 if (outOfSyncDeps.length) {
   throw new Error(
-      `The following dependencies in '${projectDir}' are out-of-sync between 'package.json' and ` +
+    `The following dependencies in '${projectDir}' are out-of-sync between 'package.json' and ` +
       'the lockfile:' +
-      outOfSyncDeps.map(([name, pkgJsonVersion, lockfileVersion]) =>
-        `\n  ${name}: ${pkgJsonVersion} vs ${lockfileVersion}`));
+      outOfSyncDeps.map(
+        ([name, pkgJsonVersion, lockfileVersion]) =>
+          `\n  ${name}: ${pkgJsonVersion} vs ${lockfileVersion}`,
+      ),
+  );
 }
diff --git a/integration/cli-elements-universal/e2e/protractor.conf.js b/integration/cli-elements-universal/e2e/protractor.conf.js
index 0fe4fb83cea..6fc6112b435 100644
--- a/integration/cli-elements-universal/e2e/protractor.conf.js
+++ b/integration/cli-elements-universal/e2e/protractor.conf.js
@@ -2,23 +2,28 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
-const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
+const {SpecReporter, StacktraceOption} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -28,16 +33,18 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({
-      spec: {
-        displayStacktrace: StacktraceOption.PRETTY
-      }
-    }));
-  }
+    jasmine.getEnv().addReporter(
+      new SpecReporter({
+        spec: {
+          displayStacktrace: StacktraceOption.PRETTY,
+        },
+      }),
+    );
+  },
 };
diff --git a/integration/cli-elements-universal/e2e/src/app.e2e-spec.ts b/integration/cli-elements-universal/e2e/src/app.e2e-spec.ts
index a399ba87315..a9e93e8cf8b 100644
--- a/integration/cli-elements-universal/e2e/src/app.e2e-spec.ts
+++ b/integration/cli-elements-universal/e2e/src/app.e2e-spec.ts
@@ -1,5 +1,5 @@
-import { AppPage } from './app.po';
-import { browser, logging } from 'protractor';
+import {AppPage} from './app.po';
+import {browser, logging} from 'protractor';
 
 describe('workspace-project App', () => {
   let page: AppPage;
diff --git a/integration/cli-elements-universal/e2e/src/app.po.ts b/integration/cli-elements-universal/e2e/src/app.po.ts
index 602087cca38..4283e44f73a 100644
--- a/integration/cli-elements-universal/e2e/src/app.po.ts
+++ b/integration/cli-elements-universal/e2e/src/app.po.ts
@@ -1,4 +1,4 @@
-import { browser, by, element } from 'protractor';
+import {browser, by, element} from 'protractor';
 
 export class AppPage {
   async navigateTo(): Promise<unknown> {
diff --git a/integration/cli-elements-universal/karma.conf.js b/integration/cli-elements-universal/karma.conf.js
index d52436900e1..c79f8f900e0 100644
--- a/integration/cli-elements-universal/karma.conf.js
+++ b/integration/cli-elements-universal/karma.conf.js
@@ -10,18 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageReporter: {
       dir: require('path').join(__dirname, './coverage/cli-elements-universal'),
       subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ],
+      reporters: [{type: 'html'}, {type: 'text-summary'}],
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -32,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/cli-elements-universal/src/app/app.component.spec.ts b/integration/cli-elements-universal/src/app/app.component.spec.ts
index 3122eb39e5b..b3ce4ffd7df 100644
--- a/integration/cli-elements-universal/src/app/app.component.spec.ts
+++ b/integration/cli-elements-universal/src/app/app.component.spec.ts
@@ -1,19 +1,14 @@
-import { Component, Input } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { AppComponent } from './app.component';
+import {Component, Input} from '@angular/core';
+import {TestBed} from '@angular/core/testing';
+import {By} from '@angular/platform-browser';
+import {RouterModule} from '@angular/router';
+import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     TestBed.configureTestingModule({
-      declarations: [
-        AppComponent,
-        TestTitleComponent,
-      ],
-      imports: [
-        RouterModule.forRoot([]),
-      ],
+      declarations: [AppComponent, TestTitleComponent],
+      imports: [RouterModule.forRoot([])],
     });
     await TestBed.compileComponents();
   });
diff --git a/integration/cli-elements-universal/src/app/app.component.ts b/integration/cli-elements-universal/src/app/app.component.ts
index 50055d14c65..6a2d21bfd2c 100644
--- a/integration/cli-elements-universal/src/app/app.component.ts
+++ b/integration/cli-elements-universal/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'app-root',
diff --git a/integration/cli-elements-universal/src/app/app.module.ts b/integration/cli-elements-universal/src/app/app.module.ts
index 6cda804e30c..f28fbfa5505 100644
--- a/integration/cli-elements-universal/src/app/app.module.ts
+++ b/integration/cli-elements-universal/src/app/app.module.ts
@@ -1,27 +1,17 @@
-import { isPlatformBrowser } from '@angular/common';
-import { CUSTOM_ELEMENTS_SCHEMA, Inject, Injector, NgModule, PLATFORM_ID } from '@angular/core';
-import { createCustomElement } from '@angular/elements';
-import { BrowserModule } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
+import {isPlatformBrowser} from '@angular/common';
+import {CUSTOM_ELEMENTS_SCHEMA, Inject, Injector, NgModule, PLATFORM_ID} from '@angular/core';
+import {createCustomElement} from '@angular/elements';
+import {BrowserModule} from '@angular/platform-browser';
+import {RouterModule} from '@angular/router';
 
-import { AppComponent } from './app.component';
-import { TitleComponent } from './title.component';
+import {AppComponent} from './app.component';
+import {TitleComponent} from './title.component';
 
 @NgModule({
-  bootstrap: [
-    AppComponent,
-  ],
-  declarations: [
-    AppComponent,
-    TitleComponent,
-  ],
-  imports: [
-    BrowserModule,
-    RouterModule.forRoot([]),
-  ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA,
-  ],
+  bootstrap: [AppComponent],
+  declarations: [AppComponent, TitleComponent],
+  imports: [BrowserModule, RouterModule.forRoot([])],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class AppModule {
   constructor(injector: Injector, @Inject(PLATFORM_ID) platformId: object) {
diff --git a/integration/cli-elements-universal/src/app/app.server.module.ts b/integration/cli-elements-universal/src/app/app.server.module.ts
index 9a6fbfb3428..c4b69c3b3c9 100644
--- a/integration/cli-elements-universal/src/app/app.server.module.ts
+++ b/integration/cli-elements-universal/src/app/app.server.module.ts
@@ -1,18 +1,12 @@
-import { NgModule } from '@angular/core';
-import { ServerModule } from '@angular/platform-server';
-import { RouterModule } from '@angular/router';
+import {NgModule} from '@angular/core';
+import {ServerModule} from '@angular/platform-server';
+import {RouterModule} from '@angular/router';
 
-import { AppModule } from './app.module';
-import { AppComponent } from './app.component';
+import {AppModule} from './app.module';
+import {AppComponent} from './app.component';
 
 @NgModule({
-  bootstrap: [
-    AppComponent,
-  ],
-  imports: [
-    AppModule,
-    RouterModule.forRoot([]),
-    ServerModule,
-  ],
+  bootstrap: [AppComponent],
+  imports: [AppModule, RouterModule.forRoot([]), ServerModule],
 })
 export class AppServerModule {}
diff --git a/integration/cli-elements-universal/src/app/title.component.spec.ts b/integration/cli-elements-universal/src/app/title.component.spec.ts
index 8dd2fc85415..b952be7ccf9 100644
--- a/integration/cli-elements-universal/src/app/title.component.spec.ts
+++ b/integration/cli-elements-universal/src/app/title.component.spec.ts
@@ -1,5 +1,5 @@
-import { TestBed } from '@angular/core/testing';
-import { TitleComponent } from './title.component';
+import {TestBed} from '@angular/core/testing';
+import {TitleComponent} from './title.component';
 
 describe('TitleComponent', () => {
   beforeEach(async () => {
diff --git a/integration/cli-elements-universal/src/app/title.component.ts b/integration/cli-elements-universal/src/app/title.component.ts
index 1e47dea3333..ab0eb80ebde 100644
--- a/integration/cli-elements-universal/src/app/title.component.ts
+++ b/integration/cli-elements-universal/src/app/title.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import {Component, Input} from '@angular/core';
 
 @Component({
   selector: 'app-title',
diff --git a/integration/cli-elements-universal/src/main.server.ts b/integration/cli-elements-universal/src/main.server.ts
index 081f0d6c00c..c3d795d0834 100644
--- a/integration/cli-elements-universal/src/main.server.ts
+++ b/integration/cli-elements-universal/src/main.server.ts
@@ -1,3 +1,3 @@
 import '@angular/platform-server/init';
 
-export { AppServerModule } from './app/app.server.module';
+export {AppServerModule} from './app/app.server.module';
diff --git a/integration/cli-elements-universal/src/main.ts b/integration/cli-elements-universal/src/main.ts
index 36d42623eb7..c75655a6660 100644
--- a/integration/cli-elements-universal/src/main.ts
+++ b/integration/cli-elements-universal/src/main.ts
@@ -1,8 +1,9 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
 document.addEventListener('DOMContentLoaded', () => {
-  platformBrowserDynamic().bootstrapModule(AppModule)
-    .catch(err => console.error(err));
+  platformBrowserDynamic()
+    .bootstrapModule(AppModule)
+    .catch((err) => console.error(err));
 });
diff --git a/integration/cli-hello-world-ivy-i18n/e2e/app.po.ts b/integration/cli-hello-world-ivy-i18n/e2e/app.po.ts
index d7375c9072a..e4b365cb891 100644
--- a/integration/cli-hello-world-ivy-i18n/e2e/app.po.ts
+++ b/integration/cli-hello-world-ivy-i18n/e2e/app.po.ts
@@ -1,9 +1,15 @@
 import {browser, by, element} from 'protractor';
 
 export class AppPage {
-  navigateTo() { return browser.get('/'); }
+  navigateTo() {
+    return browser.get('/');
+  }
 
-  getHeading() { return element(by.css('app-root h1')).getText(); }
+  getHeading() {
+    return element(by.css('app-root h1')).getText();
+  }
 
-  getParagraph(name: string) { return element(by.css('app-root p#' + name)).getText(); }
+  getParagraph(name: string) {
+    return element(by.css('app-root p#' + name)).getText();
+  }
 }
diff --git a/integration/cli-hello-world-ivy-i18n/e2e/de/app.e2e-spec.ts b/integration/cli-hello-world-ivy-i18n/e2e/de/app.e2e-spec.ts
index c5c57bf5bf4..4a84b2f2f4a 100644
--- a/integration/cli-hello-world-ivy-i18n/e2e/de/app.e2e-spec.ts
+++ b/integration/cli-hello-world-ivy-i18n/e2e/de/app.e2e-spec.ts
@@ -12,7 +12,9 @@ describe('cli-hello-world-ivy App', () => {
     expect(page.getHeading()).toEqual('Hallo cli-hello-world-ivy-i18n!');
   });
 
-  it('should display the locale', () => { expect(page.getParagraph('locale')).toEqual('de'); });
+  it('should display the locale', () => {
+    expect(page.getParagraph('locale')).toEqual('de');
+  });
 
   it('the date pipe should show the localized month', () => {
     page.navigateTo();
@@ -22,8 +24,10 @@ describe('cli-hello-world-ivy App', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/cli-hello-world-ivy-i18n/e2e/en/app.e2e-spec.ts b/integration/cli-hello-world-ivy-i18n/e2e/en/app.e2e-spec.ts
index 84799f8aa2a..1abe93e2af1 100644
--- a/integration/cli-hello-world-ivy-i18n/e2e/en/app.e2e-spec.ts
+++ b/integration/cli-hello-world-ivy-i18n/e2e/en/app.e2e-spec.ts
@@ -8,10 +8,13 @@ describe('cli-hello-world-ivy App', () => {
     page.navigateTo();
   });
 
-  it('should display title',
-     () => { expect(page.getHeading()).toEqual('Hello cli-hello-world-ivy-i18n!'); });
+  it('should display title', () => {
+    expect(page.getHeading()).toEqual('Hello cli-hello-world-ivy-i18n!');
+  });
 
-  it('should display the locale', () => { expect(page.getParagraph('locale')).toEqual('en-US'); });
+  it('should display the locale', () => {
+    expect(page.getParagraph('locale')).toEqual('en-US');
+  });
 
   it('the date pipe should show the localized month', () => {
     page.navigateTo();
@@ -21,8 +24,10 @@ describe('cli-hello-world-ivy App', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/cli-hello-world-ivy-i18n/e2e/fr/app.e2e-spec.ts b/integration/cli-hello-world-ivy-i18n/e2e/fr/app.e2e-spec.ts
index 29c91848adf..6f24e222a92 100644
--- a/integration/cli-hello-world-ivy-i18n/e2e/fr/app.e2e-spec.ts
+++ b/integration/cli-hello-world-ivy-i18n/e2e/fr/app.e2e-spec.ts
@@ -8,10 +8,13 @@ describe('cli-hello-world-ivy App', () => {
     page.navigateTo();
   });
 
-  it('should display title',
-     () => { expect(page.getHeading()).toEqual('Bonjour cli-hello-world-ivy-i18n!'); });
+  it('should display title', () => {
+    expect(page.getHeading()).toEqual('Bonjour cli-hello-world-ivy-i18n!');
+  });
 
-  it('should display the locale', () => { expect(page.getParagraph('locale')).toEqual('fr'); });
+  it('should display the locale', () => {
+    expect(page.getParagraph('locale')).toEqual('fr');
+  });
 
   it('the date pipe should show the localized month', () => {
     page.navigateTo();
@@ -21,8 +24,10 @@ describe('cli-hello-world-ivy App', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/cli-hello-world-ivy-i18n/e2e/protractor.conf.js b/integration/cli-hello-world-ivy-i18n/e2e/protractor.conf.js
index 79b45107037..3a7bff8ad2c 100644
--- a/integration/cli-hello-world-ivy-i18n/e2e/protractor.conf.js
+++ b/integration/cli-hello-world-ivy-i18n/e2e/protractor.conf.js
@@ -1,24 +1,29 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-    }
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
+    },
   },
   directConnect: true,
   baseUrl: 'http://localhost:4200/',
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/cli-hello-world-ivy-i18n/karma.conf.js b/integration/cli-hello-world-ivy-i18n/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/cli-hello-world-ivy-i18n/karma.conf.js
+++ b/integration/cli-hello-world-ivy-i18n/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/cli-hello-world-ivy-i18n/src/app/app.component.spec.ts b/integration/cli-hello-world-ivy-i18n/src/app/app.component.spec.ts
index 610da0d2f3e..3c627dd1698 100644
--- a/integration/cli-hello-world-ivy-i18n/src/app/app.component.spec.ts
+++ b/integration/cli-hello-world-ivy-i18n/src/app/app.component.spec.ts
@@ -3,11 +3,9 @@ import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async(() => {
-    TestBed
-        .configureTestingModule({
-          declarations: [AppComponent],
-        })
-        .compileComponents();
+    TestBed.configureTestingModule({
+      declarations: [AppComponent],
+    }).compileComponents();
   }));
 
   it('should create the app', () => {
@@ -26,7 +24,6 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent)
-        .toContain('Hello cli-hello-world-ivy-i18n!');
+    expect(compiled.querySelector('h1').textContent).toContain('Hello cli-hello-world-ivy-i18n!');
   });
 });
diff --git a/integration/cli-hello-world-ivy-i18n/src/app/app.component.ts b/integration/cli-hello-world-ivy-i18n/src/app/app.component.ts
index 7470aa099e7..e1f091d019b 100644
--- a/integration/cli-hello-world-ivy-i18n/src/app/app.component.ts
+++ b/integration/cli-hello-world-ivy-i18n/src/app/app.component.ts
@@ -1,11 +1,11 @@
-import { Component, Inject, LOCALE_ID } from '@angular/core';
+import {Component, Inject, LOCALE_ID} from '@angular/core';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html'
+  templateUrl: './app.component.html',
 })
 export class AppComponent {
-  constructor(@Inject(LOCALE_ID) public locale: string) { }
+  constructor(@Inject(LOCALE_ID) public locale: string) {}
   title = `cli-hello-world-ivy-i18n`;
   jan = new Date(2000, 0, 1);
 }
diff --git a/integration/cli-hello-world-ivy-i18n/src/app/app.module.ts b/integration/cli-hello-world-ivy-i18n/src/app/app.module.ts
index 0de438443f0..ea42d1cf096 100644
--- a/integration/cli-hello-world-ivy-i18n/src/app/app.module.ts
+++ b/integration/cli-hello-world-ivy-i18n/src/app/app.module.ts
@@ -9,5 +9,4 @@ import {AppComponent} from './app.component';
 registerLocaleData(localeFr);
 
 @NgModule({declarations: [AppComponent], imports: [BrowserModule], bootstrap: [AppComponent]})
-export class AppModule {
-}
+export class AppModule {}
diff --git a/integration/cli-hello-world-ivy-i18n/src/environments/environment.prod.ts b/integration/cli-hello-world-ivy-i18n/src/environments/environment.prod.ts
index 3612073bc31..c9669790be1 100644
--- a/integration/cli-hello-world-ivy-i18n/src/environments/environment.prod.ts
+++ b/integration/cli-hello-world-ivy-i18n/src/environments/environment.prod.ts
@@ -1,3 +1,3 @@
 export const environment = {
-  production: true
+  production: true,
 };
diff --git a/integration/cli-hello-world-ivy-i18n/src/environments/environment.ts b/integration/cli-hello-world-ivy-i18n/src/environments/environment.ts
index 30d7bccb198..31cb7855f14 100644
--- a/integration/cli-hello-world-ivy-i18n/src/environments/environment.ts
+++ b/integration/cli-hello-world-ivy-i18n/src/environments/environment.ts
@@ -3,7 +3,7 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-  production: false
+  production: false,
 };
 
 /*
diff --git a/integration/cli-hello-world-ivy-i18n/src/main.ts b/integration/cli-hello-world-ivy-i18n/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/cli-hello-world-ivy-i18n/src/main.ts
+++ b/integration/cli-hello-world-ivy-i18n/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/cli-hello-world-lazy/check-output-for-ngdevmode.js b/integration/cli-hello-world-lazy/check-output-for-ngdevmode.js
index 2ad80703691..1289ea3c1b3 100644
--- a/integration/cli-hello-world-lazy/check-output-for-ngdevmode.js
+++ b/integration/cli-hello-world-lazy/check-output-for-ngdevmode.js
@@ -4,12 +4,15 @@ const path = require('path');
 const distPath = './dist/';
 const ngDevModeVariable = 'ngDevMode';
 
-const filesWithNgDevMode = fs.readdirSync(distPath)
-  .filter(p => p.endsWith('.js'))
-  .filter(p => fs.readFileSync(path.join(distPath, p), 'utf-8').includes(ngDevModeVariable));
+const filesWithNgDevMode = fs
+  .readdirSync(distPath)
+  .filter((p) => p.endsWith('.js'))
+  .filter((p) => fs.readFileSync(path.join(distPath, p), 'utf-8').includes(ngDevModeVariable));
 
 if (filesWithNgDevMode.length > 0) {
-  throw new Error(`Found '${ngDevModeVariable}' referenced in ${filesWithNgDevMode}. These references should be tree-shaken away!`);
+  throw new Error(
+    `Found '${ngDevModeVariable}' referenced in ${filesWithNgDevMode}. These references should be tree-shaken away!`,
+  );
 } else {
-  console.log(`No '${ngDevModeVariable}' references found in ${distPath}`)
+  console.log(`No '${ngDevModeVariable}' references found in ${distPath}`);
 }
diff --git a/integration/cli-hello-world-lazy/e2e/protractor.conf.js b/integration/cli-hello-world-lazy/e2e/protractor.conf.js
index f86a6f96b1d..3a7bff8ad2c 100644
--- a/integration/cli-hello-world-lazy/e2e/protractor.conf.js
+++ b/integration/cli-hello-world-lazy/e2e/protractor.conf.js
@@ -1,23 +1,28 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/cli-hello-world-lazy/e2e/src/app.e2e-spec.ts b/integration/cli-hello-world-lazy/e2e/src/app.e2e-spec.ts
index 34631df2192..8eb16a3bc55 100644
--- a/integration/cli-hello-world-lazy/e2e/src/app.e2e-spec.ts
+++ b/integration/cli-hello-world-lazy/e2e/src/app.e2e-spec.ts
@@ -1,5 +1,5 @@
-import { AppPage } from './app.po';
-import { browser, logging, element, by } from 'protractor';
+import {AppPage} from './app.po';
+import {browser, logging, element, by} from 'protractor';
 
 describe('cli-hello-world-lazy App', () => {
   let page: AppPage;
@@ -21,8 +21,10 @@ describe('cli-hello-world-lazy App', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/cli-hello-world-lazy/e2e/src/app.po.ts b/integration/cli-hello-world-lazy/e2e/src/app.po.ts
index b8498c26f24..e6f41404727 100644
--- a/integration/cli-hello-world-lazy/e2e/src/app.po.ts
+++ b/integration/cli-hello-world-lazy/e2e/src/app.po.ts
@@ -1,4 +1,4 @@
-import { browser, by, element } from 'protractor';
+import {browser, by, element} from 'protractor';
 
 export class AppPage {
   navigateTo() {
diff --git a/integration/cli-hello-world-lazy/karma.conf.js b/integration/cli-hello-world-lazy/karma.conf.js
index e362168a3e1..cf2d53bfa7f 100644
--- a/integration/cli-hello-world-lazy/karma.conf.js
+++ b/integration/cli-hello-world-lazy/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/cli-hello-world-lazy'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/cli-hello-world-lazy/src/app/app.component.spec.ts b/integration/cli-hello-world-lazy/src/app/app.component.spec.ts
index 1224f92f525..f5d913a308c 100644
--- a/integration/cli-hello-world-lazy/src/app/app.component.spec.ts
+++ b/integration/cli-hello-world-lazy/src/app/app.component.spec.ts
@@ -3,11 +3,9 @@ import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(waitForAsync(() => {
-    TestBed
-        .configureTestingModule({
-          imports: [AppComponent],
-        })
-        .compileComponents();
+    TestBed.configureTestingModule({
+      imports: [AppComponent],
+    }).compileComponents();
   }));
 
   it('should create the app', () => {
@@ -26,7 +24,8 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('.content span').textContent)
-        .toContain('cli-hello-world-lazy app is running!');
+    expect(compiled.querySelector('.content span').textContent).toContain(
+      'cli-hello-world-lazy app is running!',
+    );
   });
 });
diff --git a/integration/cli-hello-world-lazy/src/app/app.routes.ts b/integration/cli-hello-world-lazy/src/app/app.routes.ts
index 437d3233c0c..123f528ab4e 100644
--- a/integration/cli-hello-world-lazy/src/app/app.routes.ts
+++ b/integration/cli-hello-world-lazy/src/app/app.routes.ts
@@ -1,7 +1,8 @@
 import {Routes} from '@angular/router';
 
-
-export const appRoutes: Routes = [{
-  path: 'lazy',
-  loadChildren: () => import('./lazy/lazy.routes').then(routes => routes.lazyRoutes),
-}];
+export const appRoutes: Routes = [
+  {
+    path: 'lazy',
+    loadChildren: () => import('./lazy/lazy.routes').then((routes) => routes.lazyRoutes),
+  },
+];
diff --git a/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.spec.ts b/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.spec.ts
index 790efa28662..3d2bc524552 100644
--- a/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.spec.ts
+++ b/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.spec.ts
@@ -1,6 +1,6 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { LazyComponent } from './lazy.component';
+import {LazyComponent} from './lazy.component';
 
 describe('LazyComponent', () => {
   let component: LazyComponent;
@@ -8,9 +8,8 @@ describe('LazyComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ LazyComponent ]
-    })
-    .compileComponents();
+      declarations: [LazyComponent],
+    }).compileComponents();
   }));
 
   beforeEach(() => {
diff --git a/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.ts b/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.ts
index 346a73da1c3..8152fb523f3 100644
--- a/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.ts
+++ b/integration/cli-hello-world-lazy/src/app/lazy/lazy.component.ts
@@ -5,5 +5,4 @@ import {Component} from '@angular/core';
   selector: 'app-lazy',
   template: '<p>lazy works!</p>',
 })
-export class LazyComponent {
-}
+export class LazyComponent {}
diff --git a/integration/cli-hello-world-lazy/src/main.ts b/integration/cli-hello-world-lazy/src/main.ts
index 5904ebfd758..852d9f10b9c 100644
--- a/integration/cli-hello-world-lazy/src/main.ts
+++ b/integration/cli-hello-world-lazy/src/main.ts
@@ -5,8 +5,5 @@ import {AppComponent} from './app/app.component';
 import {appRoutes} from './app/app.routes';
 
 bootstrapApplication(AppComponent, {
-  providers: [
-    provideRouter(appRoutes),
-    provideProtractorTestingSupport(),
-  ]
+  providers: [provideRouter(appRoutes), provideProtractorTestingSupport()],
 }).catch(console.error);
diff --git a/integration/cli-hello-world-mocha/e2e/protractor.conf.js b/integration/cli-hello-world-mocha/e2e/protractor.conf.js
index f86a6f96b1d..3a7bff8ad2c 100644
--- a/integration/cli-hello-world-mocha/e2e/protractor.conf.js
+++ b/integration/cli-hello-world-mocha/e2e/protractor.conf.js
@@ -1,23 +1,28 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/cli-hello-world-mocha/e2e/src/app.e2e-spec.ts b/integration/cli-hello-world-mocha/e2e/src/app.e2e-spec.ts
index 32ecb470497..d1e65baa7c6 100644
--- a/integration/cli-hello-world-mocha/e2e/src/app.e2e-spec.ts
+++ b/integration/cli-hello-world-mocha/e2e/src/app.e2e-spec.ts
@@ -1,5 +1,5 @@
-import { AppPage } from './app.po';
-import { browser, logging } from 'protractor';
+import {AppPage} from './app.po';
+import {browser, logging} from 'protractor';
 
 describe('cli-hello-world App', () => {
   let page: AppPage;
@@ -16,8 +16,10 @@ describe('cli-hello-world App', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/cli-hello-world-mocha/e2e/src/app.po.ts b/integration/cli-hello-world-mocha/e2e/src/app.po.ts
index b8498c26f24..e6f41404727 100644
--- a/integration/cli-hello-world-mocha/e2e/src/app.po.ts
+++ b/integration/cli-hello-world-mocha/e2e/src/app.po.ts
@@ -1,4 +1,4 @@
-import { browser, by, element } from 'protractor';
+import {browser, by, element} from 'protractor';
 
 export class AppPage {
   navigateTo() {
diff --git a/integration/cli-hello-world-mocha/src/app/app.component.spec.ts b/integration/cli-hello-world-mocha/src/app/app.component.spec.ts
index fb29c9ec1a3..1427bcf442c 100644
--- a/integration/cli-hello-world-mocha/src/app/app.component.spec.ts
+++ b/integration/cli-hello-world-mocha/src/app/app.component.spec.ts
@@ -5,11 +5,9 @@ import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(waitForAsync(() => {
-    TestBed
-        .configureTestingModule({
-          declarations: [AppComponent],
-        })
-        .compileComponents();
+    TestBed.configureTestingModule({
+      declarations: [AppComponent],
+    }).compileComponents();
   }));
 
   it('should create the app', () => {
@@ -28,7 +26,8 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('.content span').textContent)
-        .to.include('cli-hello-world app is running!');
+    expect(compiled.querySelector('.content span').textContent).to.include(
+      'cli-hello-world app is running!',
+    );
   });
 });
diff --git a/integration/cli-hello-world-mocha/src/app/app.component.ts b/integration/cli-hello-world-mocha/src/app/app.component.ts
index 05ce1affac1..2aa776389f2 100644
--- a/integration/cli-hello-world-mocha/src/app/app.component.ts
+++ b/integration/cli-hello-world-mocha/src/app/app.component.ts
@@ -1,9 +1,9 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
   title = 'cli-hello-world';
diff --git a/integration/cli-hello-world-mocha/src/app/app.module.ts b/integration/cli-hello-world-mocha/src/app/app.module.ts
index 314179fcf76..3d195c97197 100644
--- a/integration/cli-hello-world-mocha/src/app/app.module.ts
+++ b/integration/cli-hello-world-mocha/src/app/app.module.ts
@@ -1,21 +1,17 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { LOCALE_ID, NgModule } from '@angular/core';
-import { registerLocaleData } from '@angular/common';
+import {BrowserModule} from '@angular/platform-browser';
+import {LOCALE_ID, NgModule} from '@angular/core';
+import {registerLocaleData} from '@angular/common';
 import localeFr from '@angular/common/locales/fr';
 
-import { AppComponent } from './app.component';
+import {AppComponent} from './app.component';
 
 // adding this code to detect issues like https://github.com/angular/angular-cli/issues/10322
 registerLocaleData(localeFr);
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
-  providers: [{ provide: LOCALE_ID, useValue: 'fr' }],
-  bootstrap: [AppComponent]
+  declarations: [AppComponent],
+  imports: [BrowserModule],
+  providers: [{provide: LOCALE_ID, useValue: 'fr'}],
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/integration/cli-hello-world-mocha/src/main.ts b/integration/cli-hello-world-mocha/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/cli-hello-world-mocha/src/main.ts
+++ b/integration/cli-hello-world-mocha/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/cli-hello-world/e2e/protractor.conf.js b/integration/cli-hello-world/e2e/protractor.conf.js
index f86a6f96b1d..3a7bff8ad2c 100644
--- a/integration/cli-hello-world/e2e/protractor.conf.js
+++ b/integration/cli-hello-world/e2e/protractor.conf.js
@@ -1,23 +1,28 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/cli-hello-world/e2e/src/app.e2e-spec.ts b/integration/cli-hello-world/e2e/src/app.e2e-spec.ts
index 32ecb470497..d1e65baa7c6 100644
--- a/integration/cli-hello-world/e2e/src/app.e2e-spec.ts
+++ b/integration/cli-hello-world/e2e/src/app.e2e-spec.ts
@@ -1,5 +1,5 @@
-import { AppPage } from './app.po';
-import { browser, logging } from 'protractor';
+import {AppPage} from './app.po';
+import {browser, logging} from 'protractor';
 
 describe('cli-hello-world App', () => {
   let page: AppPage;
@@ -16,8 +16,10 @@ describe('cli-hello-world App', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/cli-hello-world/e2e/src/app.po.ts b/integration/cli-hello-world/e2e/src/app.po.ts
index b8498c26f24..e6f41404727 100644
--- a/integration/cli-hello-world/e2e/src/app.po.ts
+++ b/integration/cli-hello-world/e2e/src/app.po.ts
@@ -1,4 +1,4 @@
-import { browser, by, element } from 'protractor';
+import {browser, by, element} from 'protractor';
 
 export class AppPage {
   navigateTo() {
diff --git a/integration/cli-hello-world/karma.conf.js b/integration/cli-hello-world/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/cli-hello-world/karma.conf.js
+++ b/integration/cli-hello-world/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/cli-hello-world/src/app/app.component.spec.ts b/integration/cli-hello-world/src/app/app.component.spec.ts
index 103a5b5c5b7..192f3f4048e 100644
--- a/integration/cli-hello-world/src/app/app.component.spec.ts
+++ b/integration/cli-hello-world/src/app/app.component.spec.ts
@@ -3,11 +3,9 @@ import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(waitForAsync(() => {
-    TestBed
-        .configureTestingModule({
-          declarations: [AppComponent],
-        })
-        .compileComponents();
+    TestBed.configureTestingModule({
+      declarations: [AppComponent],
+    }).compileComponents();
   }));
 
   it('should create the app', () => {
@@ -26,7 +24,8 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('.content span').textContent)
-        .toContain('cli-hello-world app is running!');
+    expect(compiled.querySelector('.content span').textContent).toContain(
+      'cli-hello-world app is running!',
+    );
   });
 });
diff --git a/integration/cli-hello-world/src/app/app.component.ts b/integration/cli-hello-world/src/app/app.component.ts
index d30d3888b9a..2aa776389f2 100644
--- a/integration/cli-hello-world/src/app/app.component.ts
+++ b/integration/cli-hello-world/src/app/app.component.ts
@@ -1,7 +1,10 @@
 import {Component} from '@angular/core';
 
-@Component(
-    {selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css']})
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css'],
+})
 export class AppComponent {
   title = 'cli-hello-world';
 }
diff --git a/integration/cli-hello-world/src/app/app.module.ts b/integration/cli-hello-world/src/app/app.module.ts
index 314179fcf76..3d195c97197 100644
--- a/integration/cli-hello-world/src/app/app.module.ts
+++ b/integration/cli-hello-world/src/app/app.module.ts
@@ -1,21 +1,17 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { LOCALE_ID, NgModule } from '@angular/core';
-import { registerLocaleData } from '@angular/common';
+import {BrowserModule} from '@angular/platform-browser';
+import {LOCALE_ID, NgModule} from '@angular/core';
+import {registerLocaleData} from '@angular/common';
 import localeFr from '@angular/common/locales/fr';
 
-import { AppComponent } from './app.component';
+import {AppComponent} from './app.component';
 
 // adding this code to detect issues like https://github.com/angular/angular-cli/issues/10322
 registerLocaleData(localeFr);
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
-  providers: [{ provide: LOCALE_ID, useValue: 'fr' }],
-  bootstrap: [AppComponent]
+  declarations: [AppComponent],
+  imports: [BrowserModule],
+  providers: [{provide: LOCALE_ID, useValue: 'fr'}],
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/integration/cli-hello-world/src/main.ts b/integration/cli-hello-world/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/cli-hello-world/src/main.ts
+++ b/integration/cli-hello-world/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/cli-signal-inputs/e2e/protractor.conf.js b/integration/cli-signal-inputs/e2e/protractor.conf.js
index f86a6f96b1d..3a7bff8ad2c 100644
--- a/integration/cli-signal-inputs/e2e/protractor.conf.js
+++ b/integration/cli-signal-inputs/e2e/protractor.conf.js
@@ -1,23 +1,28 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/cli-signal-inputs/e2e/src/app.e2e-spec.ts b/integration/cli-signal-inputs/e2e/src/app.e2e-spec.ts
index 60e7c8fd0bc..23d0393afd5 100644
--- a/integration/cli-signal-inputs/e2e/src/app.e2e-spec.ts
+++ b/integration/cli-signal-inputs/e2e/src/app.e2e-spec.ts
@@ -32,8 +32,10 @@ describe('cli-signal-inputs App', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/cli-signal-inputs/karma.conf.js b/integration/cli-signal-inputs/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/cli-signal-inputs/karma.conf.js
+++ b/integration/cli-signal-inputs/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/cli-signal-inputs/src/app/app.component.ts b/integration/cli-signal-inputs/src/app/app.component.ts
index e8653a8f98e..b73c45b8ece 100644
--- a/integration/cli-signal-inputs/src/app/app.component.ts
+++ b/integration/cli-signal-inputs/src/app/app.component.ts
@@ -22,7 +22,7 @@ import {GreetComponent} from './greet.component';
 })
 export class AppComponent {
   firstName = 'John';
-  lastName: string|undefined = undefined;
+  lastName: string | undefined = undefined;
 
   greets = viewChildren(GreetComponent);
 }
diff --git a/integration/cli-signal-inputs/src/app/greet.component.ts b/integration/cli-signal-inputs/src/app/greet.component.ts
index 2adeb50fa84..90d7990a32a 100644
--- a/integration/cli-signal-inputs/src/app/greet.component.ts
+++ b/integration/cli-signal-inputs/src/app/greet.component.ts
@@ -15,7 +15,7 @@ import {Subject} from 'rxjs';
 export class GreetComponent {
   firstName = input.required<string>();
   lastName = input(undefined, {
-    transform: (v?: string) => v === undefined ? 'transformed-fallback' : `ng-${v}`,
+    transform: (v?: string) => (v === undefined ? 'transformed-fallback' : `ng-${v}`),
   });
 
   @Input() decoratorInput = 0;
diff --git a/integration/defer/e2e/protractor.conf.js b/integration/defer/e2e/protractor.conf.js
index f86a6f96b1d..3a7bff8ad2c 100644
--- a/integration/defer/e2e/protractor.conf.js
+++ b/integration/defer/e2e/protractor.conf.js
@@ -1,23 +1,28 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/defer/karma.conf.js b/integration/defer/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/defer/karma.conf.js
+++ b/integration/defer/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/defer/src/app/defer.component.ts b/integration/defer/src/app/defer.component.ts
index 6ef00304114..cf91ceb03e1 100644
--- a/integration/defer/src/app/defer.component.ts
+++ b/integration/defer/src/app/defer.component.ts
@@ -7,5 +7,4 @@ import {Component} from '@angular/core';
     <h2>Defer-loaded component</h2>
   `,
 })
-export class DeferComponent {
-}
+export class DeferComponent {}
diff --git a/integration/defer/src/main.ts b/integration/defer/src/main.ts
index ccc1cf713db..44497618a29 100644
--- a/integration/defer/src/main.ts
+++ b/integration/defer/src/main.ts
@@ -2,4 +2,4 @@ import {bootstrapApplication} from '@angular/platform-browser';
 
 import {AppComponent} from './app/app.component';
 
-bootstrapApplication(AppComponent);
\ No newline at end of file
+bootstrapApplication(AppComponent);
diff --git a/integration/dynamic-compiler/e2e/app.e2e-spec.ts b/integration/dynamic-compiler/e2e/app.e2e-spec.ts
index 654e76298f1..1622bc734d2 100644
--- a/integration/dynamic-compiler/e2e/app.e2e-spec.ts
+++ b/integration/dynamic-compiler/e2e/app.e2e-spec.ts
@@ -1,4 +1,4 @@
-import { AppPage } from './app.po';
+import {AppPage} from './app.po';
 
 describe('dynamic-compiler App', () => {
   let page: AppPage;
diff --git a/integration/dynamic-compiler/e2e/app.po.ts b/integration/dynamic-compiler/e2e/app.po.ts
index af43732cc6f..819744e1164 100644
--- a/integration/dynamic-compiler/e2e/app.po.ts
+++ b/integration/dynamic-compiler/e2e/app.po.ts
@@ -11,6 +11,9 @@ export class AppPage {
 
   getLazyLoadedText() {
     const el = element(by.css('app-root lazy-component'));
-    return browser.wait(protractor.ExpectedConditions.presenceOf(el)).then(() => el.getText(), err => el.getText());
+    return browser.wait(protractor.ExpectedConditions.presenceOf(el)).then(
+      () => el.getText(),
+      (err) => el.getText(),
+    );
   }
 }
diff --git a/integration/dynamic-compiler/e2e/protractor.config.js b/integration/dynamic-compiler/e2e/protractor.config.js
index ac95bb2b50c..6cfedc172cf 100644
--- a/integration/dynamic-compiler/e2e/protractor.config.js
+++ b/integration/dynamic-compiler/e2e/protractor.config.js
@@ -1,21 +1,26 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 exports.config = {
-  specs: [
-    '../dist/e2e/*.e2e-spec.js'
-  ],
+  specs: ['../dist/e2e/*.e2e-spec.js'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-    }
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
+    },
   },
   directConnect: true,
   // Port comes from lite-server config `/e2e/browser.config.json` `"port": 4201`
   baseUrl: 'http://localhost:4201/',
   framework: 'jasmine',
-  useAllAngular2AppRoots: true
+  useAllAngular2AppRoots: true,
 };
diff --git a/integration/dynamic-compiler/src/app.component.ts b/integration/dynamic-compiler/src/app.component.ts
index 999019c02a9..294b0da541d 100644
--- a/integration/dynamic-compiler/src/app.component.ts
+++ b/integration/dynamic-compiler/src/app.component.ts
@@ -13,7 +13,7 @@ export class AppComponent implements AfterViewInit {
   constructor(private compiler: Compiler) {}
 
   ngAfterViewInit() {
-    import('./lazy.module').then(module => {
+    import('./lazy.module').then((module) => {
       this.compiler.compileModuleAndAllComponentsAsync(module.LazyModule).then((compiled) => {
         const factory = compiled.componentFactories[0];
         this.container.createComponent(factory);
diff --git a/integration/dynamic-compiler/src/app.module.ts b/integration/dynamic-compiler/src/app.module.ts
index 0963654c952..2b3fa672385 100644
--- a/integration/dynamic-compiler/src/app.module.ts
+++ b/integration/dynamic-compiler/src/app.module.ts
@@ -1,8 +1,8 @@
 import {Compiler, COMPILER_OPTIONS, CompilerFactory, NgModule} from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
+import {BrowserModule} from '@angular/platform-browser';
 import {JitCompilerFactory} from '@angular/platform-browser-dynamic';
 
-import { AppComponent } from './app.component';
+import {AppComponent} from './app.component';
 
 export function createCompiler(compilerFactory: CompilerFactory) {
   return compilerFactory.createCompiler();
@@ -15,8 +15,7 @@ export function createCompiler(compilerFactory: CompilerFactory) {
   providers: [
     {provide: COMPILER_OPTIONS, useValue: {}, multi: true},
     {provide: CompilerFactory, useClass: JitCompilerFactory, deps: [COMPILER_OPTIONS]},
-    {provide: Compiler, useFactory: createCompiler, deps: [CompilerFactory]}
-  ]
+    {provide: Compiler, useFactory: createCompiler, deps: [CompilerFactory]},
+  ],
 })
 export class AppModule {}
-
diff --git a/integration/dynamic-compiler/src/lazy.module.ts b/integration/dynamic-compiler/src/lazy.module.ts
index 9539c144e97..42346ec196c 100644
--- a/integration/dynamic-compiler/src/lazy.module.ts
+++ b/integration/dynamic-compiler/src/lazy.module.ts
@@ -3,15 +3,12 @@ import {NgModule, Component} from '@angular/core';
 @Component({
   selector: 'lazy-component',
   template: 'Lazy-loaded component!',
-  jit: true
+  jit: true,
 })
-export class LazyComponent {
-
-}
+export class LazyComponent {}
 
 @NgModule({
   declarations: [LazyComponent],
   jit: true,
 })
-export class LazyModule {
-}
+export class LazyModule {}
diff --git a/integration/dynamic-compiler/src/main.ts b/integration/dynamic-compiler/src/main.ts
index b7ec6e67372..47feed00d97 100644
--- a/integration/dynamic-compiler/src/main.ts
+++ b/integration/dynamic-compiler/src/main.ts
@@ -1,7 +1,7 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowser } from '@angular/platform-browser';
+import {enableProdMode} from '@angular/core';
+import {platformBrowser} from '@angular/platform-browser';
 
-import { AppModule } from './app.module';
+import {AppModule} from './app.module';
 
 enableProdMode();
 
diff --git a/integration/forms/e2e/protractor.conf.js b/integration/forms/e2e/protractor.conf.js
index f86a6f96b1d..3a7bff8ad2c 100644
--- a/integration/forms/e2e/protractor.conf.js
+++ b/integration/forms/e2e/protractor.conf.js
@@ -1,23 +1,28 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/forms/e2e/src/app.e2e-spec.ts b/integration/forms/e2e/src/app.e2e-spec.ts
index 4201c9f5854..ad7f28faa20 100644
--- a/integration/forms/e2e/src/app.e2e-spec.ts
+++ b/integration/forms/e2e/src/app.e2e-spec.ts
@@ -17,8 +17,10 @@ describe('forms app', () => {
   afterEach(async () => {
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/forms/karma.conf.js b/integration/forms/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/forms/karma.conf.js
+++ b/integration/forms/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/forms/src/app/app.component.spec.ts b/integration/forms/src/app/app.component.spec.ts
index 0a36afb0fec..f8902fb1834 100644
--- a/integration/forms/src/app/app.component.spec.ts
+++ b/integration/forms/src/app/app.component.spec.ts
@@ -6,7 +6,7 @@ describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AppComponent, TemplateFormsComponent, ReactiveFormsComponent],
-      imports: [FormsModule, ReactiveFormsModule]
+      imports: [FormsModule, ReactiveFormsModule],
     }).compileComponents();
   });
 
diff --git a/integration/forms/src/app/app.component.ts b/integration/forms/src/app/app.component.ts
index fd4fc58f27c..be46689e6d6 100644
--- a/integration/forms/src/app/app.component.ts
+++ b/integration/forms/src/app/app.component.ts
@@ -38,7 +38,7 @@ export class TemplateFormsComponent {
   }
 
   addCity() {
-    this.addresses.push(({city: ''}));
+    this.addresses.push({city: ''});
   }
 }
 
@@ -110,5 +110,4 @@ export class ReactiveFormsComponent {
   selector: 'app-root',
   templateUrl: './app.component.html',
 })
-export class AppComponent {
-}
\ No newline at end of file
+export class AppComponent {}
diff --git a/integration/forms/src/app/app.module.ts b/integration/forms/src/app/app.module.ts
index 5119e131e87..7d3f943ea91 100644
--- a/integration/forms/src/app/app.module.ts
+++ b/integration/forms/src/app/app.module.ts
@@ -6,18 +6,8 @@ import {BrowserModule} from '@angular/platform-browser';
 import {AppComponent, ReactiveFormsComponent, TemplateFormsComponent} from './app.component';
 
 @NgModule({
-  declarations: [
-    AppComponent,
-    TemplateFormsComponent,
-    ReactiveFormsComponent,
-  ],
-  imports: [
-    BrowserModule,
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-  ],
-  bootstrap: [AppComponent]
+  declarations: [AppComponent, TemplateFormsComponent, ReactiveFormsComponent],
+  imports: [BrowserModule, CommonModule, FormsModule, ReactiveFormsModule],
+  bootstrap: [AppComponent],
 })
-export class AppModule {
-}
+export class AppModule {}
diff --git a/integration/forms/src/main.ts b/integration/forms/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/forms/src/main.ts
+++ b/integration/forms/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/injectable-def/src/app.ts b/integration/injectable-def/src/app.ts
index 89c6c662c4c..a5005b43bac 100644
--- a/integration/injectable-def/src/app.ts
+++ b/integration/injectable-def/src/app.ts
@@ -12,10 +12,6 @@ export class TestApp {}
 @NgModule({
   declarations: [TestApp],
   bootstrap: [TestApp],
-  imports: [
-    Lib2Module,
-    BrowserModule,
-    ServerModule,
-  ],
+  imports: [Lib2Module, BrowserModule, ServerModule],
 })
 export class AppModule {}
diff --git a/integration/injectable-def/src/main.ts b/integration/injectable-def/src/main.ts
index e853f555cad..c075158b84c 100644
--- a/integration/injectable-def/src/main.ts
+++ b/integration/injectable-def/src/main.ts
@@ -13,14 +13,16 @@ enableProdMode();
 renderModule(AppModule, {
   document: '<test-app></test-app>',
   url: '/',
-}).then(html => {
-  if (/>0:0</.test(html)) {
-    process.exit(0);
-  } else {
-    console.error('html was', html);
-    process.exit(1);
-  }
-}).catch(err => {
-  console.error(err);
-  process.exit(2);
 })
+  .then((html) => {
+    if (/>0:0</.test(html)) {
+      process.exit(0);
+    } else {
+      console.error('html was', html);
+      process.exit(1);
+    }
+  })
+  .catch((err) => {
+    console.error(err);
+    process.exit(2);
+  });
diff --git a/integration/ivy-i18n/e2e/app.po.ts b/integration/ivy-i18n/e2e/app.po.ts
index d7375c9072a..e4b365cb891 100644
--- a/integration/ivy-i18n/e2e/app.po.ts
+++ b/integration/ivy-i18n/e2e/app.po.ts
@@ -1,9 +1,15 @@
 import {browser, by, element} from 'protractor';
 
 export class AppPage {
-  navigateTo() { return browser.get('/'); }
+  navigateTo() {
+    return browser.get('/');
+  }
 
-  getHeading() { return element(by.css('app-root h1')).getText(); }
+  getHeading() {
+    return element(by.css('app-root h1')).getText();
+  }
 
-  getParagraph(name: string) { return element(by.css('app-root p#' + name)).getText(); }
+  getParagraph(name: string) {
+    return element(by.css('app-root p#' + name)).getText();
+  }
 }
diff --git a/integration/ivy-i18n/e2e/fr/app.e2e-spec.ts b/integration/ivy-i18n/e2e/fr/app.e2e-spec.ts
index 93876089bba..65a1e491723 100644
--- a/integration/ivy-i18n/e2e/fr/app.e2e-spec.ts
+++ b/integration/ivy-i18n/e2e/fr/app.e2e-spec.ts
@@ -12,7 +12,7 @@ describe('cli-hello-world-ivy App', () => {
   });
 
   it('should display welcome message', () => {
-    expect(page.getParagraph('message')).toEqual('Bienvenue sur l\'application i18n. (inline)');
+    expect(page.getParagraph('message')).toEqual("Bienvenue sur l'application i18n. (inline)");
   });
 
   it('should display extra message', () => {
diff --git a/integration/ivy-i18n/e2e/legacy/app.e2e-spec.ts b/integration/ivy-i18n/e2e/legacy/app.e2e-spec.ts
index 04cb3ccf0c1..cebb6633961 100644
--- a/integration/ivy-i18n/e2e/legacy/app.e2e-spec.ts
+++ b/integration/ivy-i18n/e2e/legacy/app.e2e-spec.ts
@@ -7,8 +7,9 @@ describe('cli-hello-world-ivy App', () => {
     page.navigateTo();
   });
 
-  it('should display translated title',
-     () => { expect(page.getHeading()).toEqual('Bonjour cli-hello-world-ivy-compat!'); });
+  it('should display translated title', () => {
+    expect(page.getHeading()).toEqual('Bonjour cli-hello-world-ivy-compat!');
+  });
 
   it('should display untranslated welcome message', () => {
     // This message does not get translated because we did not provide a translation for it
@@ -16,5 +17,7 @@ describe('cli-hello-world-ivy App', () => {
     expect(page.getParagraph('message')).toEqual('Welcome to the i18n app.');
   });
 
-  it('should display the locale', () => { expect(page.getParagraph('locale')).toEqual('legacy'); });
+  it('should display the locale', () => {
+    expect(page.getParagraph('locale')).toEqual('legacy');
+  });
 });
diff --git a/integration/ivy-i18n/e2e/protractor.conf.js b/integration/ivy-i18n/e2e/protractor.conf.js
index 79b45107037..3a7bff8ad2c 100644
--- a/integration/ivy-i18n/e2e/protractor.conf.js
+++ b/integration/ivy-i18n/e2e/protractor.conf.js
@@ -1,24 +1,29 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-    }
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
+    },
   },
   directConnect: true,
   baseUrl: 'http://localhost:4200/',
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/ivy-i18n/e2e/runtime/app.e2e-spec.ts b/integration/ivy-i18n/e2e/runtime/app.e2e-spec.ts
index 9ba4217c404..d8520f0fd56 100644
--- a/integration/ivy-i18n/e2e/runtime/app.e2e-spec.ts
+++ b/integration/ivy-i18n/e2e/runtime/app.e2e-spec.ts
@@ -3,7 +3,9 @@ import {AppPage} from '../app.po';
 describe('cli-hello-world-ivy App', () => {
   let page: AppPage;
 
-  beforeEach(() => { page = new AppPage(); });
+  beforeEach(() => {
+    page = new AppPage();
+  });
 
   it('should display title', () => {
     page.navigateTo();
@@ -12,7 +14,7 @@ describe('cli-hello-world-ivy App', () => {
 
   it('should display welcome message', () => {
     page.navigateTo();
-    expect(page.getParagraph('message')).toEqual('Bienvenue sur l\'application i18n.');
+    expect(page.getParagraph('message')).toEqual("Bienvenue sur l'application i18n.");
   });
 
   it('the percent pipe should work', () => {
@@ -20,7 +22,9 @@ describe('cli-hello-world-ivy App', () => {
     expect(page.getParagraph('pipe')).toEqual('100 % awesome');
   });
 
-  it('should display the locale', () => { expect(page.getParagraph('locale')).toEqual('fr'); });
+  it('should display the locale', () => {
+    expect(page.getParagraph('locale')).toEqual('fr');
+  });
 
   it('the date pipe should show the localized month', () => {
     page.navigateTo();
diff --git a/integration/ivy-i18n/karma.conf.js b/integration/ivy-i18n/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/ivy-i18n/karma.conf.js
+++ b/integration/ivy-i18n/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/ivy-i18n/scripts/update-xlf-translation-file.js b/integration/ivy-i18n/scripts/update-xlf-translation-file.js
index 79a0001a3b4..c925f908f38 100644
--- a/integration/ivy-i18n/scripts/update-xlf-translation-file.js
+++ b/integration/ivy-i18n/scripts/update-xlf-translation-file.js
@@ -13,8 +13,8 @@ const contents = fs.readFileSync(filePath, 'utf8');
 fs.writeFileSync(filePath + '.bak', contents, 'utf8');
 
 // Write translated file
-const updated =
-    contents.replace(/source>/g, 'target>')
-        .replace(/Hello/g, 'Bonjour')
-        .replace(/source-language="([^"]+)"/g, 'source-language="$1" target-language="legacy"');
+const updated = contents
+  .replace(/source>/g, 'target>')
+  .replace(/Hello/g, 'Bonjour')
+  .replace(/source-language="([^"]+)"/g, 'source-language="$1" target-language="legacy"');
 fs.writeFileSync(filePath, updated, 'utf8');
diff --git a/integration/ivy-i18n/scripts/update-xmb-translation-file.js b/integration/ivy-i18n/scripts/update-xmb-translation-file.js
index 98f5da8be7c..6b72cb6bcff 100644
--- a/integration/ivy-i18n/scripts/update-xmb-translation-file.js
+++ b/integration/ivy-i18n/scripts/update-xmb-translation-file.js
@@ -11,9 +11,10 @@ const contents = fs.readFileSync(filePath, 'utf8');
 
 // Write translated file
 const updatedFilePath = filePath.replace(/\.xmb$/, '.xtb');
-const updatedContents = contents.replace(/messagebundle/g, 'translationbundle>')
-                            .replace(/<translationbundle>/g, '<translationbundle lang="legacy">')
-                            .replace(/\bmsg\b/g, 'translation')
-                            .replace(/Hello/g, 'Bonjour')
-                            .replace(/<source>.*<\/source>/g, '');
+const updatedContents = contents
+  .replace(/messagebundle/g, 'translationbundle>')
+  .replace(/<translationbundle>/g, '<translationbundle lang="legacy">')
+  .replace(/\bmsg\b/g, 'translation')
+  .replace(/Hello/g, 'Bonjour')
+  .replace(/<source>.*<\/source>/g, '');
 fs.writeFileSync(updatedFilePath, updatedContents, 'utf8');
diff --git a/integration/ivy-i18n/src/app/app.component.spec.ts b/integration/ivy-i18n/src/app/app.component.spec.ts
index edfb11fc547..73b25845ace 100644
--- a/integration/ivy-i18n/src/app/app.component.spec.ts
+++ b/integration/ivy-i18n/src/app/app.component.spec.ts
@@ -24,7 +24,6 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent)
-        .toContain('Hello cli-hello-world-ivy-compat!');
+    expect(compiled.querySelector('h1').textContent).toContain('Hello cli-hello-world-ivy-compat!');
   });
 });
diff --git a/integration/ivy-i18n/src/app/app.component.ts b/integration/ivy-i18n/src/app/app.component.ts
index ddf6cb97d01..f1b6804a69a 100644
--- a/integration/ivy-i18n/src/app/app.component.ts
+++ b/integration/ivy-i18n/src/app/app.component.ts
@@ -1,7 +1,10 @@
 import {Component, Inject, LOCALE_ID} from '@angular/core';
 
-@Component(
-    {selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css']})
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css'],
+})
 export class AppComponent {
   constructor(@Inject(LOCALE_ID) public locale: string) {}
   title = `cli-hello-world-ivy-compat`;
diff --git a/integration/ivy-i18n/src/app/app.module.ts b/integration/ivy-i18n/src/app/app.module.ts
index 0de438443f0..ea42d1cf096 100644
--- a/integration/ivy-i18n/src/app/app.module.ts
+++ b/integration/ivy-i18n/src/app/app.module.ts
@@ -9,5 +9,4 @@ import {AppComponent} from './app.component';
 registerLocaleData(localeFr);
 
 @NgModule({declarations: [AppComponent], imports: [BrowserModule], bootstrap: [AppComponent]})
-export class AppModule {
-}
+export class AppModule {}
diff --git a/integration/ivy-i18n/src/main.ts b/integration/ivy-i18n/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/ivy-i18n/src/main.ts
+++ b/integration/ivy-i18n/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/ivy-i18n/src/polyfills-runtime.ts b/integration/ivy-i18n/src/polyfills-runtime.ts
index 7883c5d1eee..0cbc9c770f6 100644
--- a/integration/ivy-i18n/src/polyfills-runtime.ts
+++ b/integration/ivy-i18n/src/polyfills-runtime.ts
@@ -69,7 +69,7 @@ import {loadTranslations} from '@angular/localize';
 // Load some runtime translations!
 loadTranslations({
   [computeMsgId(' Hello {$INTERPOLATION}! ')]: 'Bonjour {$INTERPOLATION}!',
-  [computeMsgId('Welcome to the i18n app.')]: 'Bienvenue sur l\'application i18n.',
+  [computeMsgId('Welcome to the i18n app.')]: "Bienvenue sur l'application i18n.",
 });
 
 // Set up the locale for the runtime inlining (EXPERIMENTAL)
diff --git a/integration/ivy-i18n/src/polyfills.ts b/integration/ivy-i18n/src/polyfills.ts
index bc374317fac..eafbb96b597 100644
--- a/integration/ivy-i18n/src/polyfills.ts
+++ b/integration/ivy-i18n/src/polyfills.ts
@@ -59,7 +59,6 @@ import 'zone.js'; // Included with Angular CLI.
  */
 import '@angular/localize/init';
 
-
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
diff --git a/integration/ng-add-localize/src/app/app.component.ts b/integration/ng-add-localize/src/app/app.component.ts
index 4f7c6300210..9a2dac41ab8 100644
--- a/integration/ng-add-localize/src/app/app.component.ts
+++ b/integration/ng-add-localize/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'app-root',
@@ -25,7 +25,7 @@ import { Component } from '@angular/core';
     </ul>
 
   `,
-  styles: []
+  styles: [],
 })
 export class AppComponent {
   title = $localize`ng-add-localize`;
diff --git a/integration/ng-add-localize/src/app/app.module.ts b/integration/ng-add-localize/src/app/app.module.ts
index 8dfc1d68272..5ca28b08e09 100644
--- a/integration/ng-add-localize/src/app/app.module.ts
+++ b/integration/ng-add-localize/src/app/app.module.ts
@@ -1,16 +1,12 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
+import {NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
 
-import { AppComponent } from './app.component';
+import {AppComponent} from './app.component';
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
+  declarations: [AppComponent],
+  imports: [BrowserModule],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/integration/ng-add-localize/src/main.ts b/integration/ng-add-localize/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/ng-add-localize/src/main.ts
+++ b/integration/ng-add-localize/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/ng_elements/e2e/app.e2e-spec.ts b/integration/ng_elements/e2e/app.e2e-spec.ts
index 0d7e65ffbce..50f970e3e28 100644
--- a/integration/ng_elements/e2e/app.e2e-spec.ts
+++ b/integration/ng_elements/e2e/app.e2e-spec.ts
@@ -51,7 +51,10 @@ describe('Element E2E Tests', function () {
         input.sendKeys('Foo');
 
         // Make tests less flaky on CI by waiting up to 5s for the element text to be updated.
-        browser.wait(async () => await getShadowDomText(helloWorldShadowEl) === 'Hello Foo!', 5000);
+        browser.wait(
+          async () => (await getShadowDomText(helloWorldShadowEl)) === 'Hello Foo!',
+          5000,
+        );
       });
     });
   });
diff --git a/integration/ng_elements/e2e/protractor.config.js b/integration/ng_elements/e2e/protractor.config.js
index ae652011dba..1cf96943263 100644
--- a/integration/ng_elements/e2e/protractor.config.js
+++ b/integration/ng_elements/e2e/protractor.config.js
@@ -1,21 +1,26 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 exports.config = {
-  specs: [
-    '../built/e2e/*.e2e-spec.js'
-  ],
+  specs: ['../built/e2e/*.e2e-spec.js'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-    }
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
+    },
   },
   directConnect: true,
   // Port comes from lite-server config `/e2e/browser.config.json` `"port": 4205`
   baseUrl: 'http://localhost:4205/',
   framework: 'jasmine',
-  useAllAngular2AppRoots: true
+  useAllAngular2AppRoots: true,
 };
diff --git a/integration/ng_elements/src/app.ts b/integration/ng_elements/src/app.ts
index f1c351d1ea9..6363bacc37a 100644
--- a/integration/ng_elements/src/app.ts
+++ b/integration/ng_elements/src/app.ts
@@ -2,8 +2,12 @@ import {Injector, NgModule} from '@angular/core';
 import {createCustomElement} from '@angular/elements';
 import {BrowserModule} from '@angular/platform-browser';
 
-import {HelloWorldComponent, HelloWorldOnpushComponent, HelloWorldShadowComponent, TestCardComponent} from './elements';
-
+import {
+  HelloWorldComponent,
+  HelloWorldOnpushComponent,
+  HelloWorldShadowComponent,
+  TestCardComponent,
+} from './elements';
 
 @NgModule({
   declarations: [
@@ -18,9 +22,13 @@ export class AppModule {
   constructor(injector: Injector) {
     customElements.define('hello-world-el', createCustomElement(HelloWorldComponent, {injector}));
     customElements.define(
-        'hello-world-onpush-el', createCustomElement(HelloWorldOnpushComponent, {injector}));
+      'hello-world-onpush-el',
+      createCustomElement(HelloWorldOnpushComponent, {injector}),
+    );
     customElements.define(
-        'hello-world-shadow-el', createCustomElement(HelloWorldShadowComponent, {injector}));
+      'hello-world-shadow-el',
+      createCustomElement(HelloWorldShadowComponent, {injector}),
+    );
     customElements.define('test-card', createCustomElement(TestCardComponent, {injector}));
   }
   ngDoBootstrap() {}
diff --git a/integration/ng_elements/src/elements.ts b/integration/ng_elements/src/elements.ts
index e3252e7761c..28879505fc0 100644
--- a/integration/ng_elements/src/elements.ts
+++ b/integration/ng_elements/src/elements.ts
@@ -38,5 +38,4 @@ export class HelloWorldShadowComponent {
     </footer>`,
   encapsulation: ViewEncapsulation.ShadowDom,
 })
-export class TestCardComponent {
-}
+export class TestCardComponent {}
diff --git a/integration/ng_update/check.js b/integration/ng_update/check.js
index 9b1898a23bc..2632e475418 100644
--- a/integration/ng_update/check.js
+++ b/integration/ng_update/check.js
@@ -2,13 +2,18 @@ const fs = require('fs');
 const path = require('path');
 
 const angularRoot = path.resolve('./node_modules/@angular');
-const angularModules = fs.readdirSync(angularRoot).map(function (name) {
-  const content = fs.readFileSync(path.join(angularRoot, name, 'package.json'), 'utf-8').toString();
-  return JSON.parse(content);
-}).reduce(function (acc, packageJson) {
-  acc[packageJson.name] = packageJson;
-  return acc;
-}, Object.create(null));
+const angularModules = fs
+  .readdirSync(angularRoot)
+  .map(function (name) {
+    const content = fs
+      .readFileSync(path.join(angularRoot, name, 'package.json'), 'utf-8')
+      .toString();
+    return JSON.parse(content);
+  })
+  .reduce(function (acc, packageJson) {
+    acc[packageJson.name] = packageJson;
+    return acc;
+  }, Object.create(null));
 
 var error = false;
 Object.keys(angularModules).forEach(function (name) {
@@ -31,8 +36,13 @@ Object.keys(angularModules).forEach(function (name) {
   // Verify that every packageGroup is represented in the list of modules.
   Object.keys(angularModules).forEach(function (groupEntry) {
     if (packageGroup.indexOf(groupEntry) == -1) {
-      console.error('Package ' + JSON.stringify(name) + ' is missing ' + JSON.stringify(groupEntry)
-        + ' as a packageGroup entry.');
+      console.error(
+        'Package ' +
+          JSON.stringify(name) +
+          ' is missing ' +
+          JSON.stringify(groupEntry) +
+          ' as a packageGroup entry.',
+      );
       error = true;
       return;
     }
diff --git a/integration/ng_update_migrations/src/app/app.component.spec.ts b/integration/ng_update_migrations/src/app/app.component.spec.ts
index 1d9ff930df5..8c15700c2fc 100644
--- a/integration/ng_update_migrations/src/app/app.component.spec.ts
+++ b/integration/ng_update_migrations/src/app/app.component.spec.ts
@@ -3,11 +3,9 @@ import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(waitForAsync(() => {
-    TestBed
-        .configureTestingModule({
-          declarations: [AppComponent],
-        })
-        .compileComponents();
+    TestBed.configureTestingModule({
+      declarations: [AppComponent],
+    }).compileComponents();
   }));
 
   it('should create the app', () => {
diff --git a/integration/ng_update_migrations/src/app/app.component.ts b/integration/ng_update_migrations/src/app/app.component.ts
index 06ad8d132fa..dd325a7812e 100644
--- a/integration/ng_update_migrations/src/app/app.component.ts
+++ b/integration/ng_update_migrations/src/app/app.component.ts
@@ -1,9 +1,9 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.less']
+  styleUrls: ['./app.component.less'],
 })
 export class AppComponent {
   title = 'ng-update-migrations';
diff --git a/integration/ng_update_migrations/src/app/app.module.ts b/integration/ng_update_migrations/src/app/app.module.ts
index f65716351aa..e59b43254b7 100644
--- a/integration/ng_update_migrations/src/app/app.module.ts
+++ b/integration/ng_update_migrations/src/app/app.module.ts
@@ -1,16 +1,12 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {NgModule} from '@angular/core';
 
-import { AppComponent } from './app.component';
+import {AppComponent} from './app.component';
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
+  declarations: [AppComponent],
+  imports: [BrowserModule],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/integration/ng_update_migrations/src/main.ts b/integration/ng_update_migrations/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/ng_update_migrations/src/main.ts
+++ b/integration/ng_update_migrations/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/ng_update_migrations/src/test.ts b/integration/ng_update_migrations/src/test.ts
index 6b03dbe8b6d..36f11553df6 100644
--- a/integration/ng_update_migrations/src/test.ts
+++ b/integration/ng_update_migrations/src/test.ts
@@ -1,21 +1,18 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
 import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
+import {getTestBed} from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
+  platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
 
 declare const require: any;
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: false }
-}
-);
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+  teardown: {destroyAfterEach: false},
+});
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);
 // And load the modules.
diff --git a/integration/ng_update_migrations/src/test_expected.ts b/integration/ng_update_migrations/src/test_expected.ts
index 6b03dbe8b6d..36f11553df6 100644
--- a/integration/ng_update_migrations/src/test_expected.ts
+++ b/integration/ng_update_migrations/src/test_expected.ts
@@ -1,21 +1,18 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
 import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
+import {getTestBed} from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
+  platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
 
 declare const require: any;
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: false }
-}
-);
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+  teardown: {destroyAfterEach: false},
+});
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);
 // And load the modules.
diff --git a/integration/ng_update_migrations/test.js b/integration/ng_update_migrations/test.js
index b2ed7af9e02..c8be2e0d1a8 100644
--- a/integration/ng_update_migrations/test.js
+++ b/integration/ng_update_migrations/test.js
@@ -22,15 +22,25 @@ const fromVersion = '12.0.0';
 const toVersion = '13.0.0';
 // Note that we need to specify "--allow-dirty" as the repository will become dirty
 // if dependencies for the integration test are installed (i.e. modified lock files)
-const updateCommandArgs = ['@angular/core', '--migrate-only', '--from', fromVersion,
-    '--to', toVersion, '--allow-dirty'];
+const updateCommandArgs = [
+  '@angular/core',
+  '--migrate-only',
+  '--from',
+  fromVersion,
+  '--to',
+  toVersion,
+  '--allow-dirty',
+];
 
 // Print out the command that is used to run the migrations for easier debugging.
 console.error(`Running "ng update ${updateCommandArgs.join(' ')}":`);
 console.error(chalk.yellow(`------------------------------------------`));
 
 const updateProcess = child_process.spawnSync(
-    'node', [cliBinPath, 'update', ...updateCommandArgs], {stdio: 'inherit', cwd: projectDir});
+  'node',
+  [cliBinPath, 'update', ...updateCommandArgs],
+  {stdio: 'inherit', cwd: projectDir},
+);
 
 console.error(chalk.yellow(`------------------------------------------\n`));
 
@@ -42,7 +52,7 @@ if (updateProcess.status !== 0) {
 let testsPassing = true;
 
 // Check if each expectation file matches the actual file in the CLI project.
-expectationFiles.forEach(relativeFilePath => {
+expectationFiles.forEach((relativeFilePath) => {
   const actualFilePath = relativeFilePath.replace(/_expected.(ts)$/, '.$1');
   const expectedContent = fs.readFileSync(path.join(projectDir, relativeFilePath), 'utf8');
   const actualContent = fs.readFileSync(path.join(projectDir, actualFilePath), 'utf8');
@@ -62,10 +72,15 @@ process.exit(testsPassing ? 0 : 1);
 
 /** Compares the two strings and prints out a colored diff to stdout. */
 function printColoredPatch(actualFilePath, actualContent, expectedContent) {
-  const patchLines =
-      diff.createPatch(
-              actualFilePath, expectedContent, actualContent, 'Expected content', 'Actual content')
-          .split(/\r?\n/);
+  const patchLines = diff
+    .createPatch(
+      actualFilePath,
+      expectedContent,
+      actualContent,
+      'Expected content',
+      'Actual content',
+    )
+    .split(/\r?\n/);
   // Walk through each line of the patch and print it. We omit the first two lines
   // as these are the patch header and not relevant to the test.
   for (let line of patchLines.slice(2)) {
diff --git a/integration/nodenext_resolution/include-all.ts b/integration/nodenext_resolution/include-all.ts
index c48b53c439e..36705145094 100644
--- a/integration/nodenext_resolution/include-all.ts
+++ b/integration/nodenext_resolution/include-all.ts
@@ -6,8 +6,6 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-
-
 import * as animations from '@angular/animations';
 import * as animationsBrowser from '@angular/animations/browser';
 import * as animationsBrowserTesting from '@angular/animations/browser/testing';
diff --git a/integration/platform-server/e2e/protractor.conf.js b/integration/platform-server/e2e/protractor.conf.js
index 369767f212e..b7b164a7471 100644
--- a/integration/platform-server/e2e/protractor.conf.js
+++ b/integration/platform-server/e2e/protractor.conf.js
@@ -1,16 +1,14 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*-spec.ts'
-  ],
+  specs: ['./src/**/*-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   SELENIUM_PROMISE_MANAGER: false,
   capabilities: {
@@ -18,7 +16,14 @@ exports.config = {
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -27,12 +32,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/platform-server/projects/ngmodule/src/app/app-routing.module.ts b/integration/platform-server/projects/ngmodule/src/app/app-routing.module.ts
index 0ed8c070fea..a9004326381 100644
--- a/integration/platform-server/projects/ngmodule/src/app/app-routing.module.ts
+++ b/integration/platform-server/projects/ngmodule/src/app/app-routing.module.ts
@@ -16,14 +16,14 @@ const routes: Routes = [
     path: 'http-transferstate-lazy',
     loadChildren: () =>
       import('./http-transferstate-lazy/http-transfer-state.module').then(
-        (m) => m.HttpTransferStateModule
+        (m) => m.HttpTransferStateModule,
       ),
   },
   {
     path: 'http-transferstate-lazy-on-init',
     loadChildren: () =>
       import('./http-transferstate-lazy-on-init/http-transferstate-lazy-on-init.module').then(
-        (m) => m.HttpTransferStateOnInitModule
+        (m) => m.HttpTransferStateOnInitModule,
       ),
   },
   {
diff --git a/integration/platform-server/projects/ngmodule/src/app/app.component.ts b/integration/platform-server/projects/ngmodule/src/app/app.component.ts
index 40c0ecf54ec..894c1a636d7 100644
--- a/integration/platform-server/projects/ngmodule/src/app/app.component.ts
+++ b/integration/platform-server/projects/ngmodule/src/app/app.component.ts
@@ -1,8 +1,7 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'app-root',
   template: '<router-outlet></router-outlet>',
 })
-export class AppComponent {
-}
+export class AppComponent {}
diff --git a/integration/platform-server/projects/ngmodule/src/app/app.server.module.ts b/integration/platform-server/projects/ngmodule/src/app/app.server.module.ts
index 795380cd229..ccc3d3fd34d 100644
--- a/integration/platform-server/projects/ngmodule/src/app/app.server.module.ts
+++ b/integration/platform-server/projects/ngmodule/src/app/app.server.module.ts
@@ -1,14 +1,11 @@
-import { NgModule } from '@angular/core';
-import { ServerModule } from '@angular/platform-server';
+import {NgModule} from '@angular/core';
+import {ServerModule} from '@angular/platform-server';
 
-import { AppModule } from './app.module';
-import { AppComponent } from './app.component';
+import {AppModule} from './app.module';
+import {AppComponent} from './app.component';
 
 @NgModule({
-  imports: [
-    AppModule,
-    ServerModule,
-  ],
+  imports: [AppModule, ServerModule],
   bootstrap: [AppComponent],
 })
 export class AppServerModule {}
diff --git a/integration/platform-server/projects/ngmodule/src/app/helloworld/hello-world.component.ts b/integration/platform-server/projects/ngmodule/src/app/helloworld/hello-world.component.ts
index aa0a40c4d9f..9190fa48493 100644
--- a/integration/platform-server/projects/ngmodule/src/app/helloworld/hello-world.component.ts
+++ b/integration/platform-server/projects/ngmodule/src/app/helloworld/hello-world.component.ts
@@ -13,11 +13,13 @@ import {Component} from '@angular/core';
   template: `
     <div>Hello {{ name }}!</div>
   `,
-  styles: [`
+  styles: [
+    `
     div {
       font-weight: bold;
     }
-  `]
+  `,
+  ],
 })
 export class HelloWorldComponent {
   name: string = 'world';
diff --git a/integration/platform-server/projects/ngmodule/src/app/transferstate/transfer-state.component.ts b/integration/platform-server/projects/ngmodule/src/app/transferstate/transfer-state.component.ts
index 07bfcfa60cf..c4a1a546f8b 100644
--- a/integration/platform-server/projects/ngmodule/src/app/transferstate/transfer-state.component.ts
+++ b/integration/platform-server/projects/ngmodule/src/app/transferstate/transfer-state.component.ts
@@ -18,7 +18,10 @@ const COUNTER_KEY = makeStateKey<number>('counter');
 export class TransferStateComponent {
   counter = 0;
 
-  constructor(@Inject(PLATFORM_ID) private platformId: {}, private transferState: TransferState) {}
+  constructor(
+    @Inject(PLATFORM_ID) private platformId: {},
+    private transferState: TransferState,
+  ) {}
 
   ngOnInit() {
     if (isPlatformServer(this.platformId)) {
diff --git a/integration/platform-server/projects/ngmodule/src/main.server.ts b/integration/platform-server/projects/ngmodule/src/main.server.ts
index cdb649e15de..ac4cea71cd8 100644
--- a/integration/platform-server/projects/ngmodule/src/main.server.ts
+++ b/integration/platform-server/projects/ngmodule/src/main.server.ts
@@ -1,2 +1 @@
-
-export { AppServerModule } from './app/app.server.module';
+export {AppServerModule} from './app/app.server.module';
diff --git a/integration/platform-server/projects/ngmodule/src/main.ts b/integration/platform-server/projects/ngmodule/src/main.ts
index 595b729d634..cb04960747e 100644
--- a/integration/platform-server/projects/ngmodule/src/main.ts
+++ b/integration/platform-server/projects/ngmodule/src/main.ts
@@ -1,6 +1,6 @@
-import { platformBrowser } from '@angular/platform-browser';
+import {platformBrowser} from '@angular/platform-browser';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
 (window as any)['doBootstrap'] = () => {
   platformBrowser().bootstrapModule(AppModule);
diff --git a/integration/platform-server/projects/standalone/server.ts b/integration/platform-server/projects/standalone/server.ts
index 4c791442679..14940c0999e 100644
--- a/integration/platform-server/projects/standalone/server.ts
+++ b/integration/platform-server/projects/standalone/server.ts
@@ -10,8 +10,8 @@ import {APP_BASE_HREF} from '@angular/common';
 import {renderApplication} from '@angular/platform-server';
 import express from 'express';
 import bootstrap from './src/main.server';
-import { fileURLToPath } from 'node:url';
-import { dirname, join, resolve } from 'node:path';
+import {fileURLToPath} from 'node:url';
+import {dirname, join, resolve} from 'node:path';
 import {readFileSync} from 'node:fs';
 import './prerender';
 
@@ -25,7 +25,7 @@ app.get(
   '*.*',
   express.static(browserDistFolder, {
     maxAge: '1y',
-  })
+  }),
 );
 
 // Mock API
@@ -39,7 +39,7 @@ app.get('/api-2', (req, res) => {
 
 // All regular routes use the Universal engine
 app.get('*', (req, res) => {
-  const { protocol, originalUrl, baseUrl, headers } = req;
+  const {protocol, originalUrl, baseUrl, headers} = req;
 
   renderApplication(bootstrap, {
     document: indexHtml,
@@ -50,7 +50,6 @@ app.get('*', (req, res) => {
   });
 });
 
-
 app.listen(4206, () => {
   console.log('Server listening on port 4206!');
 });
diff --git a/integration/platform-server/projects/standalone/src/app/app.component.ts b/integration/platform-server/projects/standalone/src/app/app.component.ts
index 7891c524dac..2ddaf81aaaa 100644
--- a/integration/platform-server/projects/standalone/src/app/app.component.ts
+++ b/integration/platform-server/projects/standalone/src/app/app.component.ts
@@ -1,13 +1,11 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterOutlet } from '@angular/router';
+import {Component} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterOutlet} from '@angular/router';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   imports: [CommonModule, RouterOutlet],
   template: '<router-outlet></router-outlet>',
-
 })
-export class AppComponent {
-}
+export class AppComponent {}
diff --git a/integration/platform-server/projects/standalone/src/app/app.config.server.ts b/integration/platform-server/projects/standalone/src/app/app.config.server.ts
index b4d57c94235..c217a73668a 100644
--- a/integration/platform-server/projects/standalone/src/app/app.config.server.ts
+++ b/integration/platform-server/projects/standalone/src/app/app.config.server.ts
@@ -1,11 +1,9 @@
-import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
-import { provideServerRendering } from '@angular/platform-server';
-import { appConfig } from './app.config';
+import {mergeApplicationConfig, ApplicationConfig} from '@angular/core';
+import {provideServerRendering} from '@angular/platform-server';
+import {appConfig} from './app.config';
 
 const serverConfig: ApplicationConfig = {
-  providers: [
-    provideServerRendering()
-  ]
+  providers: [provideServerRendering()],
 };
 
 export const config = mergeApplicationConfig(appConfig, serverConfig);
diff --git a/integration/platform-server/projects/standalone/src/app/app.config.ts b/integration/platform-server/projects/standalone/src/app/app.config.ts
index c53d3ecdefc..4089ff36edb 100644
--- a/integration/platform-server/projects/standalone/src/app/app.config.ts
+++ b/integration/platform-server/projects/standalone/src/app/app.config.ts
@@ -6,9 +6,5 @@ import {provideRouter} from '@angular/router';
 import {routes} from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-  providers: [
-    provideRouter(routes),
-    provideClientHydration(),
-    provideHttpClient(),
-  ],
+  providers: [provideRouter(routes), provideClientHydration(), provideHttpClient()],
 };
diff --git a/integration/platform-server/projects/standalone/src/app/app.routes.ts b/integration/platform-server/projects/standalone/src/app/app.routes.ts
index 0113034fd44..9f71d1f4852 100644
--- a/integration/platform-server/projects/standalone/src/app/app.routes.ts
+++ b/integration/platform-server/projects/standalone/src/app/app.routes.ts
@@ -15,14 +15,14 @@ export const routes: Routes = [
     path: 'http-transferstate-lazy',
     loadComponent: () =>
       import('./http-transferstate-lazy/http-transfer-state.component').then(
-        (c) => c.TransferStateComponent
+        (c) => c.TransferStateComponent,
       ),
   },
   {
     path: 'http-transferstate-lazy-on-init',
     loadComponent: () =>
       import('./http-transferstate-lazy-on-init/http-transfer-state-on-init.component').then(
-        (c) => c.TransferStateOnInitComponent
+        (c) => c.TransferStateOnInitComponent,
       ),
   },
   {
diff --git a/integration/platform-server/projects/standalone/src/app/helloworld/hello-world.component.ts b/integration/platform-server/projects/standalone/src/app/helloworld/hello-world.component.ts
index 9fd9199cab5..2503f1bd42d 100644
--- a/integration/platform-server/projects/standalone/src/app/helloworld/hello-world.component.ts
+++ b/integration/platform-server/projects/standalone/src/app/helloworld/hello-world.component.ts
@@ -14,11 +14,13 @@ import {Component} from '@angular/core';
   template: `
     <div>Hello {{ name }}!</div>
   `,
-  styles: [`
+  styles: [
+    `
     div {
       font-weight: bold;
     }
-  `]
+  `,
+  ],
 })
 export class HelloWorldComponent {
   name: string = 'world';
diff --git a/integration/platform-server/projects/standalone/src/app/http-transferstate-lazy/http-transfer-state.component.ts b/integration/platform-server/projects/standalone/src/app/http-transferstate-lazy/http-transfer-state.component.ts
index eda820d63cc..295cdc2d67a 100644
--- a/integration/platform-server/projects/standalone/src/app/http-transferstate-lazy/http-transfer-state.component.ts
+++ b/integration/platform-server/projects/standalone/src/app/http-transferstate-lazy/http-transfer-state.component.ts
@@ -16,7 +16,7 @@ import {Component, OnInit} from '@angular/core';
     <div class="one">{{ responseOne }}</div>
     <div class="two">{{ responseTwo }}</div>
   `,
-  providers: [HttpClient]
+  providers: [HttpClient],
 })
 export class TransferStateComponent implements OnInit {
   responseOne: string = '';
diff --git a/integration/platform-server/projects/standalone/src/app/transferstate/transfer-state.component.ts b/integration/platform-server/projects/standalone/src/app/transferstate/transfer-state.component.ts
index 57a7946ad15..c1b4c4c51be 100644
--- a/integration/platform-server/projects/standalone/src/app/transferstate/transfer-state.component.ts
+++ b/integration/platform-server/projects/standalone/src/app/transferstate/transfer-state.component.ts
@@ -16,12 +16,15 @@ const COUNTER_KEY = makeStateKey<number>('counter');
   selector: 'transfer-state',
   standalone: true,
   template: ` <div>{{ counter }}</div> `,
-  providers: [HttpClient]
+  providers: [HttpClient],
 })
 export class TransferStateComponent {
   counter = 0;
 
-  constructor(@Inject(PLATFORM_ID) private platformId: {}, private transferState: TransferState) {}
+  constructor(
+    @Inject(PLATFORM_ID) private platformId: {},
+    private transferState: TransferState,
+  ) {}
 
   ngOnInit() {
     if (isPlatformServer(this.platformId)) {
diff --git a/integration/platform-server/projects/standalone/src/main.server.ts b/integration/platform-server/projects/standalone/src/main.server.ts
index 4b9d4d1545c..e83e990a42c 100644
--- a/integration/platform-server/projects/standalone/src/main.server.ts
+++ b/integration/platform-server/projects/standalone/src/main.server.ts
@@ -1,6 +1,6 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app/app.component';
-import { config } from './app/app.config.server';
+import {bootstrapApplication} from '@angular/platform-browser';
+import {AppComponent} from './app/app.component';
+import {config} from './app/app.config.server';
 
 const bootstrap = () => bootstrapApplication(AppComponent, config);
 
diff --git a/integration/side-effects/snapshots/animations-browser/esm2022.js b/integration/side-effects/snapshots/animations-browser/esm2022.js
index a23be397a1e..bb47737e08e 100644
--- a/integration/side-effects/snapshots/animations-browser/esm2022.js
+++ b/integration/side-effects/snapshots/animations-browser/esm2022.js
@@ -1,3 +1,3 @@
-import "@angular/animations";
+import '@angular/animations';
 
-import "@angular/core";
+import '@angular/core';
diff --git a/integration/side-effects/snapshots/animations/esm2022.js b/integration/side-effects/snapshots/animations/esm2022.js
index 8b137891791..e69de29bb2d 100644
--- a/integration/side-effects/snapshots/animations/esm2022.js
+++ b/integration/side-effects/snapshots/animations/esm2022.js
@@ -1 +0,0 @@
-
diff --git a/integration/side-effects/snapshots/common/esm2022.js b/integration/side-effects/snapshots/common/esm2022.js
index 595d8ae0af2..35529f9f082 100644
--- a/integration/side-effects/snapshots/common/esm2022.js
+++ b/integration/side-effects/snapshots/common/esm2022.js
@@ -1 +1 @@
-import "@angular/core";
+import '@angular/core';
diff --git a/integration/side-effects/snapshots/core/esm2022.js b/integration/side-effects/snapshots/core/esm2022.js
index dbc3b5fd647..caf376e1232 100644
--- a/integration/side-effects/snapshots/core/esm2022.js
+++ b/integration/side-effects/snapshots/core/esm2022.js
@@ -1,9 +1,18 @@
-import "rxjs";
+import 'rxjs';
 
-import "rxjs/operators";
+import 'rxjs/operators';
 
 const _global = globalThis;
 
-if ("undefined" !== typeof ngDevMode && ngDevMode) _global.$localize = _global.$localize || function() {
-    throw new Error("It looks like your application or one of its dependencies is using i18n.\n" + "Angular 9 introduced a global `$localize()` function that needs to be loaded.\n" + "Please run `ng add @angular/localize` from the Angular CLI.\n" + "(For non-CLI projects, add `import '@angular/localize/init';` to your `polyfills.ts` file.\n" + "For server-side rendering applications add the import to your `main.server.ts` file.)");
-};
+if ('undefined' !== typeof ngDevMode && ngDevMode)
+  _global.$localize =
+    _global.$localize ||
+    function () {
+      throw new Error(
+        'It looks like your application or one of its dependencies is using i18n.\n' +
+          'Angular 9 introduced a global `$localize()` function that needs to be loaded.\n' +
+          'Please run `ng add @angular/localize` from the Angular CLI.\n' +
+          "(For non-CLI projects, add `import '@angular/localize/init';` to your `polyfills.ts` file.\n" +
+          'For server-side rendering applications add the import to your `main.server.ts` file.)',
+      );
+    };
diff --git a/integration/side-effects/snapshots/elements/esm2022.js b/integration/side-effects/snapshots/elements/esm2022.js
index 38f33e40ed9..e40fc92371d 100644
--- a/integration/side-effects/snapshots/elements/esm2022.js
+++ b/integration/side-effects/snapshots/elements/esm2022.js
@@ -1,5 +1,5 @@
-import "@angular/core";
+import '@angular/core';
 
-import "rxjs";
+import 'rxjs';
 
-import "rxjs/operators";
+import 'rxjs/operators';
diff --git a/integration/side-effects/snapshots/forms/esm2022.js b/integration/side-effects/snapshots/forms/esm2022.js
index fe5d46d469a..c6e40221a4b 100644
--- a/integration/side-effects/snapshots/forms/esm2022.js
+++ b/integration/side-effects/snapshots/forms/esm2022.js
@@ -1,7 +1,7 @@
-import "@angular/core";
+import '@angular/core';
 
-import "@angular/common";
+import '@angular/common';
 
-import "rxjs";
+import 'rxjs';
 
-import "rxjs/operators";
+import 'rxjs/operators';
diff --git a/integration/side-effects/snapshots/platform-browser/esm2022.js b/integration/side-effects/snapshots/platform-browser/esm2022.js
index aa3513a1903..702c2c5ceb1 100644
--- a/integration/side-effects/snapshots/platform-browser/esm2022.js
+++ b/integration/side-effects/snapshots/platform-browser/esm2022.js
@@ -1,3 +1,3 @@
-import "@angular/common";
+import '@angular/common';
 
-import "@angular/core";
+import '@angular/core';
diff --git a/integration/side-effects/snapshots/router/esm2022.js b/integration/side-effects/snapshots/router/esm2022.js
index 829a5bdc8cf..269631461a6 100644
--- a/integration/side-effects/snapshots/router/esm2022.js
+++ b/integration/side-effects/snapshots/router/esm2022.js
@@ -1,7 +1,7 @@
-import "@angular/common";
+import '@angular/common';
 
-import "@angular/core";
+import '@angular/core';
 
-import "rxjs";
+import 'rxjs';
 
-import "rxjs/operators";
+import 'rxjs/operators';
diff --git a/integration/standalone-bootstrap/e2e/protractor.conf.js b/integration/standalone-bootstrap/e2e/protractor.conf.js
index f86a6f96b1d..3a7bff8ad2c 100644
--- a/integration/standalone-bootstrap/e2e/protractor.conf.js
+++ b/integration/standalone-bootstrap/e2e/protractor.conf.js
@@ -1,23 +1,28 @@
 // @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -26,12 +31,12 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
+  },
 };
diff --git a/integration/standalone-bootstrap/karma.conf.js b/integration/standalone-bootstrap/karma.conf.js
index 4a43e961fd5..de6f6a9799e 100644
--- a/integration/standalone-bootstrap/karma.conf.js
+++ b/integration/standalone-bootstrap/karma.conf.js
@@ -10,15 +10,15 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, './coverage/latest-app'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -29,11 +29,18 @@ module.exports = function (config) {
       ChromeHeadlessNoSandbox: {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
-        flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
-      }
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/standalone-bootstrap/src/app/app.component.ts b/integration/standalone-bootstrap/src/app/app.component.ts
index de34f301597..e1a77a0822d 100644
--- a/integration/standalone-bootstrap/src/app/app.component.ts
+++ b/integration/standalone-bootstrap/src/app/app.component.ts
@@ -8,5 +8,4 @@ import {Component} from '@angular/core';
     Hello Bootstrapped Standalone Component!
   `,
 })
-export class AppComponent {
-}
\ No newline at end of file
+export class AppComponent {}
diff --git a/integration/standalone-bootstrap/src/main.ts b/integration/standalone-bootstrap/src/main.ts
index ccc1cf713db..44497618a29 100644
--- a/integration/standalone-bootstrap/src/main.ts
+++ b/integration/standalone-bootstrap/src/main.ts
@@ -2,4 +2,4 @@ import {bootstrapApplication} from '@angular/platform-browser';
 
 import {AppComponent} from './app/app.component';
 
-bootstrapApplication(AppComponent);
\ No newline at end of file
+bootstrapApplication(AppComponent);
diff --git a/integration/terser/test.js b/integration/terser/test.js
index 782afb4334e..c46b16ea31c 100644
--- a/integration/terser/test.js
+++ b/integration/terser/test.js
@@ -3,7 +3,6 @@ const writeFileSync = require('fs').writeFileSync;
 const resolve = require('path').resolve;
 const Terser = require('terser');
 
-
 async function test() {
   const outputPath = resolve(__dirname, './core.min.js');
   const pathToCoreFesm2020 = resolve(__dirname, './node_modules/@angular/core/fesm2022/core.mjs');
@@ -15,23 +14,25 @@ async function test() {
   const terserOpts = {
     compress: {
       module: true,
-      global_defs: GLOBAL_DEFS_FOR_TERSER
-    }
+      global_defs: GLOBAL_DEFS_FOR_TERSER,
+    },
   };
   const result = await Terser.minify(coreFesm2022Content, terserOpts);
   writeFileSync(outputPath, result.code);
 
   for (const def of Object.keys(GLOBAL_DEFS_FOR_TERSER)) {
     if (result.code.includes(def)) {
-      throw `'${def}' should have been removed from core bundle, but was still there.\n` +
-      `See output at ${outputPath}.`;
+      throw (
+        `'${def}' should have been removed from core bundle, but was still there.\n` +
+        `See output at ${outputPath}.`
+      );
     }
   }
 
-  console.info('Output looks good.')
+  console.info('Output looks good.');
 }
 
-test().catch(e => {
+test().catch((e) => {
   console.error(e);
   process.exitCode = 1;
 });
diff --git a/integration/trusted-types/e2e/protractor.conf.js b/integration/trusted-types/e2e/protractor.conf.js
index 0fe4fb83cea..6fc6112b435 100644
--- a/integration/trusted-types/e2e/protractor.conf.js
+++ b/integration/trusted-types/e2e/protractor.conf.js
@@ -2,23 +2,28 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
-const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
+const {SpecReporter, StacktraceOption} = require('jasmine-spec-reporter');
 
 /**
  * @type { import("protractor").Config }
  */
 exports.config = {
   allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
+  specs: ['./src/**/*.e2e-spec.ts'],
   chromeDriver: process.env.CHROMEDRIVER_BIN,
   capabilities: {
     browserName: 'chrome',
     chromeOptions: {
       binary: process.env.CHROME_BIN,
       // See /integration/README.md#browser-tests for more info on these args
-      args: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage', '--hide-scrollbars', '--mute-audio']
+      args: [
+        '--no-sandbox',
+        '--headless',
+        '--disable-gpu',
+        '--disable-dev-shm-usage',
+        '--hide-scrollbars',
+        '--mute-audio',
+      ],
     },
   },
   directConnect: true,
@@ -28,16 +33,18 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {},
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
+      project: require('path').join(__dirname, './tsconfig.json'),
     });
-    jasmine.getEnv().addReporter(new SpecReporter({
-      spec: {
-        displayStacktrace: StacktraceOption.PRETTY
-      }
-    }));
-  }
+    jasmine.getEnv().addReporter(
+      new SpecReporter({
+        spec: {
+          displayStacktrace: StacktraceOption.PRETTY,
+        },
+      }),
+    );
+  },
 };
diff --git a/integration/trusted-types/e2e/src/app.e2e-spec.ts b/integration/trusted-types/e2e/src/app.e2e-spec.ts
index 9e51f5c6730..1c8970fbc67 100644
--- a/integration/trusted-types/e2e/src/app.e2e-spec.ts
+++ b/integration/trusted-types/e2e/src/app.e2e-spec.ts
@@ -58,8 +58,10 @@ describe('workspace-project App', () => {
 
     // Assert that there are no errors emitted from the browser
     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
-    expect(logs).not.toContain(jasmine.objectContaining({
-      level: logging.Level.SEVERE,
-    } as logging.Entry));
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry),
+    );
   });
 });
diff --git a/integration/trusted-types/e2e/src/app.po.ts b/integration/trusted-types/e2e/src/app.po.ts
index d85d7f246b0..43121fd9beb 100644
--- a/integration/trusted-types/e2e/src/app.po.ts
+++ b/integration/trusted-types/e2e/src/app.po.ts
@@ -1,4 +1,4 @@
-import { browser, by, element } from 'protractor';
+import {browser, by, element} from 'protractor';
 
 export class AppPage {
   async navigateTo(): Promise<unknown> {
diff --git a/integration/trusted-types/karma.conf.js b/integration/trusted-types/karma.conf.js
index 7584892504d..37d99c28640 100644
--- a/integration/trusted-types/karma.conf.js
+++ b/integration/trusted-types/karma.conf.js
@@ -1,7 +1,7 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 
-module.exports = function(config) {
+module.exports = function (config) {
   config.set({
     basePath: '',
     frameworks: ['jasmine', '@angular-devkit/build-angular'],
@@ -10,18 +10,15 @@ module.exports = function(config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageReporter: {
       dir: require('path').join(__dirname, './coverage/trusted-types'),
       subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ],
+      reporters: [{type: 'html'}, {type: 'text-summary'}],
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -33,13 +30,17 @@ module.exports = function(config) {
         base: 'ChromeHeadless',
         // See /integration/README.md#browser-tests for more info on these args
         flags: [
-          '--no-sandbox', '--headless', '--disable-gpu', '--disable-dev-shm-usage',
-          '--hide-scrollbars', '--mute-audio'
-        ]
-      }
+          '--no-sandbox',
+          '--headless',
+          '--disable-gpu',
+          '--disable-dev-shm-usage',
+          '--hide-scrollbars',
+          '--mute-audio',
+        ],
+      },
     },
     browsers: ['ChromeHeadlessNoSandbox'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/integration/trusted-types/src/app/app-routing.module.ts b/integration/trusted-types/src/app/app-routing.module.ts
index d425c6f56b5..c21fa460e43 100644
--- a/integration/trusted-types/src/app/app-routing.module.ts
+++ b/integration/trusted-types/src/app/app-routing.module.ts
@@ -1,10 +1,10 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
+import {NgModule} from '@angular/core';
+import {Routes, RouterModule} from '@angular/router';
 
 const routes: Routes = [];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule]
+  exports: [RouterModule],
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {}
diff --git a/integration/trusted-types/src/app/app.component.spec.ts b/integration/trusted-types/src/app/app.component.spec.ts
index 0f4cc0b42e8..4d08fbb920b 100644
--- a/integration/trusted-types/src/app/app.component.spec.ts
+++ b/integration/trusted-types/src/app/app.component.spec.ts
@@ -1,16 +1,12 @@
-import { TestBed } from '@angular/core/testing';
-import { RouterModule } from '@angular/router';
-import { AppComponent } from './app.component';
+import {TestBed} from '@angular/core/testing';
+import {RouterModule} from '@angular/router';
+import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [
-        RouterModule.forRoot([])
-      ],
-      declarations: [
-        AppComponent
-      ],
+      imports: [RouterModule.forRoot([])],
+      declarations: [AppComponent],
     }).compileComponents();
   });
 
@@ -30,6 +26,8 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain('trusted-types app is running!');
+    expect(compiled.querySelector('.content span').textContent).toContain(
+      'trusted-types app is running!',
+    );
   });
 });
diff --git a/integration/trusted-types/src/app/app.component.ts b/integration/trusted-types/src/app/app.component.ts
index 6828cda15ef..c16b215e0a9 100644
--- a/integration/trusted-types/src/app/app.component.ts
+++ b/integration/trusted-types/src/app/app.component.ts
@@ -4,7 +4,7 @@ import {DomSanitizer, SafeHtml, SafeResourceUrl} from '@angular/platform-browser
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
   title = 'trusted-types';
@@ -16,8 +16,10 @@ export class AppComponent {
 
   constructor(sanitizer: DomSanitizer) {
     this.safeHtml = sanitizer.bypassSecurityTrustHtml(
-        `<span>Hello from bound SafeHtml</span><iframe id="bound-safehtml-iframe"></iframe>`);
+      `<span>Hello from bound SafeHtml</span><iframe id="bound-safehtml-iframe"></iframe>`,
+    );
     this.safeResourceUrl = sanitizer.bypassSecurityTrustResourceUrl(
-        `data:text/html,<body><h1>Hello from object</h1></body>`);
+      `data:text/html,<body><h1>Hello from object</h1></body>`,
+    );
   }
 }
diff --git a/integration/trusted-types/src/app/app.module.ts b/integration/trusted-types/src/app/app.module.ts
index 2c3ba2995c8..5357ceea727 100644
--- a/integration/trusted-types/src/app/app.module.ts
+++ b/integration/trusted-types/src/app/app.module.ts
@@ -1,18 +1,13 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {NgModule} from '@angular/core';
 
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
+import {AppRoutingModule} from './app-routing.module';
+import {AppComponent} from './app.component';
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule,
-    AppRoutingModule
-  ],
+  declarations: [AppComponent],
+  imports: [BrowserModule, AppRoutingModule],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/integration/trusted-types/src/main.ts b/integration/trusted-types/src/main.ts
index 0a621147e30..6f00233886b 100644
--- a/integration/trusted-types/src/main.ts
+++ b/integration/trusted-types/src/main.ts
@@ -1,6 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/integration/typings_test_rxjs7/include-all.ts b/integration/typings_test_rxjs7/include-all.ts
index e95c8266e51..87e15f48675 100644
--- a/integration/typings_test_rxjs7/include-all.ts
+++ b/integration/typings_test_rxjs7/include-all.ts
@@ -6,8 +6,6 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-
-
 import * as animations from '@angular/animations';
 import * as animationsBrowser from '@angular/animations/browser';
 import * as animationsBrowserTesting from '@angular/animations/browser/testing';
diff --git a/integration/typings_test_ts54/include-all.ts b/integration/typings_test_ts54/include-all.ts
index 196ed86c520..96c1a80cf41 100644
--- a/integration/typings_test_ts54/include-all.ts
+++ b/integration/typings_test_ts54/include-all.ts
@@ -6,8 +6,6 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-
-
 import * as animations from '@angular/animations';
 import * as animationsBrowser from '@angular/animations/browser';
 import * as animationsBrowserTesting from '@angular/animations/browser/testing';