angular · sr5434 · Apr 28, 2023 · Apr 27, 2023 · Apr 27, 2023 · Apr 28, 2023
diff --git a/.github/workflows/aio-preview-build.yml b/.github/workflows/aio-preview-build.yml
@@ -25,7 +25,7 @@ jobs:
       - uses: actions/checkout@8e5e7e5ab8b370d6c329ec480221332ada57f0ab # v3.5.2
       - uses: ./.github/actions/yarn-install
 
-      - uses: angular/dev-infra/github-actions/setup-bazel-remote-exec@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/setup-bazel-remote-exec@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           bazelrc: ./.bazelrc.user
 
@@ -34,7 +34,7 @@ jobs:
       # the number of concurrent actions is determined based on the host resources.
       - run: bazel build //aio:build --jobs=32 --announce_rc --verbose_failures
 
-      - uses: angular/dev-infra/github-actions/deploy-previews/pack-and-upload-artifact@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/deploy-previews/pack-and-upload-artifact@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           workflow-artifact-name: 'aio'
           pull-number: '${{github.event.pull_request.number}}'

diff --git a/.github/workflows/aio-preview-deploy.yml b/.github/workflows/aio-preview-deploy.yml
@@ -34,7 +34,7 @@ jobs:
           npx -y firebase-tools@latest target:clear --project ${{env.PREVIEW_PROJECT}} hosting aio
           npx -y firebase-tools@latest target:apply --project ${{env.PREVIEW_PROJECT}} hosting aio ${{env.PREVIEW_SITE}}
 
-      - uses: angular/dev-infra/github-actions/deploy-previews/upload-artifacts-to-firebase@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/deploy-previews/upload-artifacts-to-firebase@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           github-token: '${{secrets.GITHUB_TOKEN}}'
           workflow-artifact-name: 'aio'

diff --git a/.github/workflows/assistant-to-the-branch-manager.yml b/.github/workflows/assistant-to-the-branch-manager.yml
@@ -16,6 +16,6 @@ jobs:
       - uses: actions/checkout@8e5e7e5ab8b370d6c329ec480221332ada57f0ab # v3.5.2
         with:
           persist-credentials: false
-      - uses: angular/dev-infra/github-actions/branch-manager@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/branch-manager@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
diff --git a/.github/workflows/dev-infra.yml b/.github/workflows/dev-infra.yml
@@ -13,13 +13,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@8e5e7e5ab8b370d6c329ec480221332ada57f0ab # v3.5.2
-      - uses: angular/dev-infra/github-actions/commit-message-based-labels@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/commit-message-based-labels@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
   post_approval_changes:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@8e5e7e5ab8b370d6c329ec480221332ada57f0ab # v3.5.2
-      - uses: angular/dev-infra/github-actions/post-approval-changes@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/post-approval-changes@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
diff --git a/.github/workflows/feature-requests.yml b/.github/workflows/feature-requests.yml
@@ -14,6 +14,6 @@ jobs:
     if: github.repository == 'angular/angular'
     runs-on: ubuntu-latest
     steps:
-      - uses: angular/dev-infra/github-actions/feature-request@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/feature-request@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
diff --git a/.github/workflows/google-internal-tests.yml b/.github/workflows/google-internal-tests.yml
@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@8e5e7e5ab8b370d6c329ec480221332ada57f0ab # v3.5.2
-      - uses: angular/dev-infra/github-actions/google-internal-tests@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/google-internal-tests@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           run-tests-guide-url: http://go/angular-g3sync-start
           github-token: ${{ secrets.GITHUB_TOKEN }}

diff --git a/.github/workflows/merge-ready-status.yml b/.github/workflows/merge-ready-status.yml
@@ -9,6 +9,6 @@ jobs:
   status:
     runs-on: ubuntu-latest
     steps:
-      - uses: angular/dev-infra/github-actions/unified-status-check@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+      - uses: angular/dev-infra/github-actions/unified-status-check@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
diff --git a/.github/workflows/update-cli-help.yml b/.github/workflows/update-cli-help.yml
@@ -32,7 +32,7 @@ jobs:
         env:
           ANGULAR_CLI_BUILDS_READONLY_GITHUB_TOKEN: ${{ secrets.ANGULAR_CLI_BUILDS_READONLY_GITHUB_TOKEN }}
       - name: Create a PR (if necessary)
-        uses: angular/dev-infra/github-actions/create-pr-for-changes@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+        uses: angular/dev-infra/github-actions/create-pr-for-changes@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           branch-prefix: update-cli-help
           pr-title: 'docs: update Angular CLI help [${{github.ref_name}}]'

diff --git a/.github/workflows/update-events.yml b/.github/workflows/update-events.yml
@@ -35,7 +35,7 @@ jobs:
       - name: Generate `events.json`
         run: node aio/scripts/generate-events/index.mjs --ignore-invalid-dates
       - name: Create a PR (if necessary)
-        uses: angular/dev-infra/github-actions/create-pr-for-changes@7b31625b050e81dcdb575c22f4ed3991922b5bbc
+        uses: angular/dev-infra/github-actions/create-pr-for-changes@e786beab0cc535c7018c28f6dce5b7111b8651ad
         with:
           branch-prefix: docs-update-events
           pr-title: 'docs: update events'

diff --git a/.pullapprove.yml b/.pullapprove.yml
@@ -205,6 +205,7 @@ groups:
           'aio/content/guide/architecture-services.md',
           'aio/content/guide/architecture.md',
           'aio/content/examples/architecture/**/{*,.*}',
+          'aio/content/guide/rxjs-interop.md',
           'aio/content/images/guide/architecture/**/{*,.*}',
           'aio/content/guide/attribute-directives.md',
           'aio/content/examples/attribute-directives/**/{*,.*}',
@@ -357,7 +358,8 @@ groups:
           'aio/content/examples/view-encapsulation/**/{*,.*}',
           'aio/content/images/guide/view-encapsulation/**/{*,.*}',
           'aio/content/special-elements/**/{*,.*}',
-          'aio/content/guide/hydration.md'
+          'aio/content/guide/hydration.md',
+          'aio/content/guide/signals.md'
           ])
     reviewers:
       users:
@@ -856,6 +858,7 @@ groups:
           'aio/content/images/guide/toh/**/{*,.*}',
           'aio/content/demos/first-app/**/{*,.*}',
           'aio/content/examples/first-app-*/**/{*,.*}',
+          'aio/content/images/guide/faa/**/{*,.*}',
           'aio/content/examples/toh-pt0/**/{*,.*}',
           'aio/content/examples/toh-pt1/**/{*,.*}',
           'aio/content/examples/toh-pt2/**/{*,.*}',
@@ -950,7 +953,8 @@ groups:
           'aio/content/guide/update-to-latest-version.md',
           'aio/content/guide/versions.md',
           'aio/content/guide/update-to-version-14.md',
-          'aio/content/guide/update-to-version-15.md'
+          'aio/content/guide/update-to-version-15.md',
+          'aio/content/guide/update-to-version-16.md',
           ])
     reviewers:
       users:
@@ -1024,6 +1028,7 @@ groups:
           'aio/content/guide/workspace-config.md',
           'aio/content/guide/migration-solution-style-tsconfig.md',
           'aio/content/guide/migration-update-libraries-tslib.md',
+          'aio/content/guide/esbuild.md',
           ])
     reviewers:
       users:

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,25 @@
+<a name="16.0.0-rc.4"></a>
+# 16.0.0-rc.4 (2023-05-01)
+## Breaking Changes
+### platform-server
+- Users that are using SSR with JIT mode will now need to add  `import to @angular/compiler` before bootstrapping the application.
+
+  **NOTE:** this does not effect users using the Angular CLI.
+### common
+| Commit | Type | Description |
+| -- | -- | -- |
+| [80ed0a4868](https://github.com/angular/angular/commit/80ed0a48684834c3e754b761de4edff4a38ce7c2) | fix | fix incorrectly reported distortion for padded images ([#49889](https://github.com/angular/angular/pull/49889)) |
+### compiler-cli
+| Commit | Type | Description |
+| -- | -- | -- |
+| [6da1054a42](https://github.com/angular/angular/commit/6da1054a4203f1b43c3a4046347977b820c0f40b) | fix | catch fatal diagnostic when getting diagnostics for components ([#50046](https://github.com/angular/angular/pull/50046)) |
+### platform-server
+| Commit | Type | Description |
+| -- | -- | -- |
+| [5ea624f313](https://github.com/angular/angular/commit/5ea624f3135c71316c36eb94445d818f9157d988) | fix | remove dependency on `@angular/platform-browser-dynamic` ([#50064](https://github.com/angular/angular/pull/50064)) |
+
+<!-- CHANGELOG SPLIT MARKER -->
+
 <a name="16.0.0-rc.3"></a>
 # 16.0.0-rc.3 (2023-04-27)
 ### core

diff --git a/aio/content/examples/examples.bzl b/aio/content/examples/examples.bzl
@@ -43,6 +43,7 @@ EXAMPLES = {
     "elements": {"stackblitz": True, "zip": True},
     "event-binding": {"stackblitz": True, "zip": True},
     "feature-modules": {"stackblitz": True, "zip": True},
+    "first-app-lesson-00": {"stackblitz": True, "zip": True},
     "first-app-lesson-01": {"stackblitz": True, "zip": True},
     "first-app-lesson-02": {"stackblitz": True, "zip": True},
     "first-app-lesson-03": {"stackblitz": True, "zip": True},
@@ -56,6 +57,7 @@ EXAMPLES = {
     "first-app-lesson-11": {"stackblitz": True, "zip": True},
     "first-app-lesson-12": {"stackblitz": True, "zip": True},
     "first-app-lesson-13": {"stackblitz": True, "zip": True},
+    "first-app-lesson-14": {"stackblitz": True, "zip": True},
     "form-validation": {"stackblitz": True, "zip": True},
     "forms": {"stackblitz": True, "zip": True},
     "forms-overview": {"stackblitz": True, "zip": True},

diff --git a/aio/content/examples/first-app-lesson-00/BUILD.bazel b/aio/content/examples/first-app-lesson-00/BUILD.bazel
@@ -0,0 +1,11 @@
+load("//aio/content/examples:examples.bzl", "docs_example")
+load("@aio_npm//@angular/build-tooling/bazel/remote-execution:index.bzl", "ENABLE_NETWORK")
+
+package(default_visibility = ["//visibility:public"])
+
+docs_example(
+    name = "first-app-lesson-00",
+    # This example downloads fonts and images from googleapis.com
+    test_exec_properties = ENABLE_NETWORK,
+    test_tags = ["requires-network"],
+)
diff --git a/aio/content/examples/first-app-lesson-00/e2e/src/app.e2e-spec.ts b/aio/content/examples/first-app-lesson-00/e2e/src/app.e2e-spec.ts
@@ -0,0 +1,18 @@
+import { browser, element, by, logging } from 'protractor';
+
+describe('first-app-lesson-00 app', () => {
+
+  beforeEach(() => browser.get(''));
+
+  it('should display correct title', async () => {
+    expect(await element.all(by.css('h1')).get(0).getText()).toEqual('Default');
+  });
+
+  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));
+  });
+});
diff --git a/aio/content/examples/first-app-lesson-00/example-config.json b/aio/content/examples/first-app-lesson-00/example-config.json
@@ -0,0 +1,6 @@
+{
+  "useCommonBoilerplate": false,
+  "overrideBoilerplate": [
+    "src/styles.css"
+  ]
+}
diff --git a/aio/content/examples/first-app-lesson-00/src/app/app.component.css b/aio/content/examples/first-app-lesson-00/src/app/app.component.css
@@ -0,0 +1,12 @@
+:host {
+  --content-padding: 10px;
+}
+header {
+  display: block;
+  height: 60px;
+  padding: var(--content-padding);
+  box-shadow: 0px 5px 25px var(--shadow-color);
+}
+.content {
+  padding: var(--content-padding);
+}
diff --git a/aio/content/examples/first-app-lesson-00/src/app/app.component.ts b/aio/content/examples/first-app-lesson-00/src/app/app.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [],
+  template: `<h1>Default</h1>`,
+  styleUrls: ['./app.component.css'],
+})
+export class AppComponent {
+  title = 'default';
+}
diff --git a/aio/content/examples/first-app-lesson-00/src/assets/location-pin.svg b/aio/content/examples/first-app-lesson-00/src/assets/location-pin.svg
diff --git a/aio/content/examples/first-app-lesson-00/src/assets/logo.svg b/aio/content/examples/first-app-lesson-00/src/assets/logo.svg
diff --git a/aio/content/examples/first-app-lesson-00/src/favicon.ico b/aio/content/examples/first-app-lesson-00/src/favicon.ico
diff --git a/aio/content/examples/first-app-lesson-00/src/index.html b/aio/content/examples/first-app-lesson-00/src/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Default</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>
diff --git a/aio/content/examples/first-app-lesson-00/src/main.ts b/aio/content/examples/first-app-lesson-00/src/main.ts
@@ -0,0 +1,10 @@
+/*
+*  Protractor support is deprecated in Angular.
+*  Protractor is used in this example for compatibility with Angular documentation tools.
+*/
+import { bootstrapApplication,provideProtractorTestingSupport } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent,
+    {providers: [provideProtractorTestingSupport()]})
+  .catch(err => console.error(err));
diff --git a/aio/content/examples/first-app-lesson-00/src/styles.css b/aio/content/examples/first-app-lesson-00/src/styles.css
@@ -0,0 +1,23 @@
+/* You can add global styles to this file, and also import other style files */
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: 'Be Vietnam Pro', sans-serif;
+}
+:root {
+  --primary-color: #605DC8;
+  --secondary-color: #8B89E6;
+  --accent-color: #e8e7fa;
+  --shadow-color: #E8E8E8;
+}
+
+button.primary {
+  padding: 10px;
+  border: solid 1px var(--primary-color);
+  background: var(--primary-color);
+  color: white;
+  border-radius: 8px;
+}
diff --git a/aio/content/examples/first-app-lesson-00/stackblitz.json b/aio/content/examples/first-app-lesson-00/stackblitz.json
@@ -0,0 +1,17 @@
+{
+  "description": "Angular - First App - Lesson 00",
+  "files": [
+    "!**/*.d.ts",
+    "!**/*.js",
+    "!**/*.[1,2].*"
+  ],
+  "tags": [
+    [
+      "first",
+      "angular",
+      "app",
+      "lesson",
+      "00"
+    ]
+  ]
+}
diff --git a/aio/content/examples/first-app-lesson-01/src/app/app.component.ts b/aio/content/examples/first-app-lesson-01/src/app/app.component.ts
@@ -4,9 +4,13 @@ import { Component } from '@angular/core';
   selector: 'app-root',
   standalone: true,
   imports: [],
+  // #docregion app-comp-template
   template: `<h1>Hello world!</h1>`,
+  // #enddocregion
   styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
+  // #docregion app-comp-title
   title = 'homes';
+  // #enddocregion
 }
diff --git a/...xamples/first-app-lesson-01/src/assets/bernard-hermant-CLKGGwIBTaY-unsplash.jpg b/...xamples/first-app-lesson-01/src/assets/bernard-hermant-CLKGGwIBTaY-unsplash.jpg
diff --git a/...examples/first-app-lesson-01/src/assets/brandon-griggs-wR11KBaB86U-unsplash.jpg b/...examples/first-app-lesson-01/src/assets/brandon-griggs-wR11KBaB86U-unsplash.jpg
diff --git a/aio/content/examples/first-app-lesson-01/src/assets/example-house.jpg b/aio/content/examples/first-app-lesson-01/src/assets/example-house.jpg
diff --git a/...s/first-app-lesson-01/src/assets/i-do-nothing-but-love-lAyXdl1-Wmc-unsplash.jpg b/...s/first-app-lesson-01/src/assets/i-do-nothing-but-love-lAyXdl1-Wmc-unsplash.jpg
diff --git a/.../examples/first-app-lesson-01/src/assets/ian-macdonald-W8z6aiwfi1E-unsplash.jpg b/.../examples/first-app-lesson-01/src/assets/ian-macdonald-W8z6aiwfi1E-unsplash.jpg
diff --git a/...amples/first-app-lesson-01/src/assets/krzysztof-hepner-978RAXoXnH4-unsplash.jpg b/...amples/first-app-lesson-01/src/assets/krzysztof-hepner-978RAXoXnH4-unsplash.jpg
diff --git a/...t/examples/first-app-lesson-01/src/assets/phil-hearing-IYfp2Ixe9nM-unsplash.jpg b/...t/examples/first-app-lesson-01/src/assets/phil-hearing-IYfp2Ixe9nM-unsplash.jpg
diff --git a/...examples/first-app-lesson-01/src/assets/r-architecture-GGupkreKwxA-unsplash.jpg b/...examples/first-app-lesson-01/src/assets/r-architecture-GGupkreKwxA-unsplash.jpg
diff --git a/...examples/first-app-lesson-01/src/assets/r-architecture-JvQ0Q5IkeMM-unsplash.jpg b/...examples/first-app-lesson-01/src/assets/r-architecture-JvQ0Q5IkeMM-unsplash.jpg
diff --git a/...nt/examples/first-app-lesson-01/src/assets/saru-robert-9rP3mxf8qWI-unsplash.jpg b/...nt/examples/first-app-lesson-01/src/assets/saru-robert-9rP3mxf8qWI-unsplash.jpg
diff --git a/...tent/examples/first-app-lesson-01/src/assets/webaliser-_TPTXZd9mOo-unsplash.jpg b/...tent/examples/first-app-lesson-01/src/assets/webaliser-_TPTXZd9mOo-unsplash.jpg