release: cut the v9.1.0-rc.0 release

build: fix @bazel/bazel to bazelisk leftovers (#36132 )
A few leftovers from from `@bazel/bazel` to `@bazel/bazelisk` migration are still there. This commit fixes those, so that the repository no longer relies on `@bazel/bazel`. PR Close #36132
2020-03-19 12:44:09 -07:00 · 2020-03-19 08:58:47 -07:00 · 2020-03-19 08:57:39 -07:00 · 2020-03-18 15:57:07 -07:00 · 2020-03-18 15:56:21 -07:00 · 2020-03-18 15:56:21 -07:00
220 changed files with 13240 additions and 3194 deletions
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@ -22,10 +22,13 @@ version: 2.1
 # **NOTE 1 **: If you change the cache key prefix, also sync the cache_key_fallback to match.
 # **NOTE 2 **: Keep the static part of the cache key as prefix to enable correct fallbacks.
 # See https://circleci.com/docs/2.0/caching/#restoring-cache for how prefixes work in CircleCI.
-var_3: &cache_key v4-angular-node-12-{{ checksum "yarn.lock" }}-{{ checksum "WORKSPACE" }}-{{ checksum "packages/bazel/package.bzl" }}-{{ checksum "aio/yarn.lock" }}
-var_4: &cache_key_fallback v4-angular-node-12-
-var_3_win: &cache_key_win v5-angular-win-node-12-{{ checksum "yarn.lock" }}-{{ checksum "WORKSPACE" }}-{{ checksum "packages/bazel/package.bzl" }}-{{ checksum "aio/yarn.lock" }}
-var_4_win: &cache_key_win_fallback v5-angular-win-node-12-
+var_3: &cache_key v4-angular-node-12-{{ checksum ".bazelversion" }}-{{ checksum "yarn.lock" }}-{{ checksum "WORKSPACE" }}-{{ checksum "packages/bazel/package.bzl" }}-{{ checksum "aio/yarn.lock" }}
+# We invalidate the cache if the Bazel version changes because otherwise the `bazelisk` cache
+# folder will contain all previously used versions and ultimately cause the cache restoring to
+# be slower due to its growing size.
+var_4: &cache_key_fallback v4-angular-node-12-{{ checksum ".bazelversion" }}
+var_3_win: &cache_key_win v5-angular-win-node-12-{{ checksum ".bazelversion" }}-{{ checksum "yarn.lock" }}-{{ checksum "WORKSPACE" }}-{{ checksum "packages/bazel/package.bzl" }}-{{ checksum "aio/yarn.lock" }}
+var_4_win: &cache_key_win_fallback v5-angular-win-node-12-{{ checksum ".bazelversion" }}

 # Cache key for the `components-repo-unit-tests` job. **Note** when updating the SHA in the
 # cache keys also update the SHA for the "COMPONENTS_REPO_COMMIT" environment variable.
@ -276,6 +279,7 @@ jobs:
              (echo -e "\n.bzl files have lint errors. Please run ''yarn bazel:lint-fix''"; exit 1)'

      - run: yarn lint
+      - run: yarn ts-circular-deps:check
      - run: node tools/pullapprove/verify.js

  test:
@ -347,7 +351,7 @@ jobs:
          # See /tools/saucelabs/README.md for more info
          command: |
            yarn bazel run //tools/saucelabs:sauce_service_setup
-            TESTS=$(./node_modules/.bin/bazel query --output label '(kind(karma_web_test, ...) intersect attr("tags", "saucelabs", ...)) except attr("tags", "ivy-only", ...) except attr("tags", "fixme-saucelabs-ve", ...)')
+            TESTS=$(./node_modules/.bin/bazelisk query --output label '(kind(karma_web_test, ...) intersect attr("tags", "saucelabs", ...)) except attr("tags", "ivy-only", ...) except attr("tags", "fixme-saucelabs-ve", ...)')
            yarn bazel test --config=saucelabs ${TESTS}
            yarn bazel run //tools/saucelabs:sauce_service_stop
          no_output_timeout: 40m
@ -371,7 +375,7 @@ jobs:
          # See /tools/saucelabs/README.md for more info
          command: |
            yarn bazel run //tools/saucelabs:sauce_service_setup
-            TESTS=$(./node_modules/.bin/bazel query --output label '(kind(karma_web_test, ...) intersect attr("tags", "saucelabs", ...)) except attr("tags", "no-ivy-aot", ...) except attr("tags", "fixme-saucelabs-ivy", ...)')
+            TESTS=$(./node_modules/.bin/bazelisk query --output label '(kind(karma_web_test, ...) intersect attr("tags", "saucelabs", ...)) except attr("tags", "no-ivy-aot", ...) except attr("tags", "fixme-saucelabs-ivy", ...)')
            yarn bazel test --config=saucelabs --config=ivy ${TESTS}
            yarn bazel run //tools/saucelabs:sauce_service_stop
          no_output_timeout: 40m
@ -463,17 +467,6 @@ jobs:
      - install_chrome_libs
        # Install aio
      - run: yarn --cwd aio install --frozen-lockfile --non-interactive
-      - when:
-          condition: << parameters.ivy >>
-          steps:
-              # Rename the "dist/*-dist-ivy-aot" packages directories (persisted to the workspace by
-              # the `build-ivy-npm-packages` job) to "dist/*-dist" as the AIO package installer
-              # picks up the locally built packages from that location.
-              # *Note*: We could also adjust the packages installer, but given we won't have
-              # two different folders of Angular distributions in the future, we should keep
-              # the packages installer unchanged.
-            - run: mv dist/packages-dist-ivy-aot dist/packages-dist
-            - run: mv dist/zone.js-dist-ivy-aot dist/zone.js-dist
        # Run examples tests. The "CIRCLE_NODE_INDEX" will be set if "parallelism" is enabled.
        # Since the parallelism is set to "5", there will be five parallel CircleCI containers.
        # with either "0", "1", etc as node index. This can be passed to the "--shard" argument.
@ -539,6 +532,7 @@ jobs:
            - "node_modules"
            - "aio/node_modules"
            - "~/bazel_repository_cache"
+            - "~/.cache/bazelisk"

  # Build the ivy npm packages.
  build-ivy-npm-packages:
@ -831,7 +825,7 @@ workflows:
          name: test_docs_examples_ivy
          ivy: true
          requires:
-            - build-ivy-npm-packages
+            - build-npm-packages
      - aio_preview:
          # Only run on PR builds. (There can be no previews for non-PR builds.)
          <<: *only_on_pull_requests
--- a/.pullapprove.yml
+++ b/.pullapprove.yml
@ -258,7 +258,6 @@ groups:
          'aio/content/examples/ngmodules/**',
          'aio/content/guide/ngmodule-api.md',
          'aio/content/guide/ngmodule-faq.md',
-          'aio/content/examples/ngmodule-faq/**',
          'aio/content/guide/ngmodule-vs-jsmodule.md',
          'aio/content/guide/module-types.md',
          'aio/content/guide/template-syntax.md',
@ -901,8 +900,7 @@ groups:
          'aio/content/guide/docs-style-guide.md',
          'aio/content/examples/docs-style-guide/**',
          'aio/content/images/guide/docs-style-guide/**',
-          'aio/content/guide/visual-studio-2015.md',
-          'aio/content/examples/visual-studio-2015/**'
+          'aio/content/guide/visual-studio-2015.md'
          ])
    reviewers:
      users:
@ -1025,6 +1023,24 @@ groups:
        - ~framework-global-approvers


+  # ================================================
+  #  Circular dependencies
+  # ================================================
+  circular-dependencies:
+    conditions:
+      - >
+        contains_any_globs(files, [
+          'goldens/packages-circular-deps.json'
+        ])
+    reviewers:
+      users:
+        - IgorMinar
+        - josephperrott
+        - kara
+      teams:
+        - ~framework-global-approvers
+
+
 ####################################################################################
 #  Special Cases
 ####################################################################################
--- a/.vscode/recommended-launch.json
+++ b/.vscode/recommended-launch.json
@ -34,7 +34,7 @@
      "name": "IVY:packages/core/test/acceptance",
      "type": "node",
      "request": "launch",
-      "program": "${workspaceFolder}/node_modules/.bin/bazel",
+      "program": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "--config=ivy",
@ -51,7 +51,7 @@
      "name": "IVY:packages/core/test/render3",
      "type": "node",
      "request": "launch",
-      "program": "${workspaceFolder}/node_modules/.bin/bazel",
+      "program": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "--config=ivy",
@ -68,7 +68,7 @@
      "name": "IVY:packages/core/test",
      "type": "node",
      "request": "launch",
-      "program": "${workspaceFolder}/node_modules/.bin/bazel",
+      "program": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "--config=ivy",
--- a/.vscode/recommended-tasks.json
+++ b/.vscode/recommended-tasks.json
@ -6,7 +6,7 @@
    {
      "label": "IVY:packages/core/test/...",
      "type": "shell",
-      "command": "${workspaceFolder}/node_modules/.bin/bazel",
+      "command": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "--config=ivy",
@ -23,7 +23,7 @@
    {
      "label": "VE:packages/core/test/...",
      "type": "shell",
-      "command": "${workspaceFolder}/node_modules/.bin/bazel",
+      "command": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "packages/core/test",
@ -39,7 +39,7 @@
    {
      "label": "IVY:packages/core/test/acceptance",
      "type": "shell",
-      "command": "${workspaceFolder}/node_modules/.bin/bazel",
+      "command": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "--config=ivy",
@ -54,7 +54,7 @@
    {
      "label": "VE:packages/core/test/acceptance",
      "type": "shell",
-      "command": "${workspaceFolder}/node_modules/.bin/bazel",
+      "command": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "packages/core/test/acceptance",
@ -68,7 +68,7 @@
    {
      "label": "IVY:packages/core/test",
      "type": "shell",
-      "command": "${workspaceFolder}/node_modules/.bin/bazel",
+      "command": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "--config=ivy",
@ -83,7 +83,7 @@
    {
      "label": "VE:packages/core/test",
      "type": "shell",
-      "command": "${workspaceFolder}/node_modules/.bin/bazel",
+      "command": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "packages/core/test",
@ -97,7 +97,7 @@
    {
      "label": "IVY:packages/core/test/render3",
      "type": "shell",
-      "command": "${workspaceFolder}/node_modules/.bin/bazel",
+      "command": "${workspaceFolder}/node_modules/.bin/bazelisk",
      "args": [
        "test",
        "--config=ivy",
--- a/BUILD.bazel
+++ b/BUILD.bazel
@ -8,6 +8,7 @@ exports_files([
    "scripts/ci/track-payload-size.sh",
    "scripts/ci/payload-size.sh",
    "scripts/ci/payload-size.js",
+    "package.json",
 ])

 alias(
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,3 +1,89 @@
+<a name="9.1.0-rc.0"></a>
+# [9.1.0-rc.0](https://github.com/angular/angular/compare/9.1.0-next.5...9.1.0-rc.0) (2020-03-19)
+
+### Release Highlights
+
+* TypeScript 3.8 update
+* ngcc improvements
+  * performance optimizations
+  * concurrency & reliability improvements for monorepo use-cases (npm postinstall script no longer recommended)
+* i18n now supports RTL locale info
+* Ivy compatibility fixes
+
+
+### Bug Fixes
+
+* **core:** adhere to bootstrap options for JIT compiled components ([#35534](https://github.com/angular/angular/issues/35534)) ([e342ffd](https://github.com/angular/angular/commit/e342ffd)), closes [#35230](https://github.com/angular/angular/issues/35230)
+* **ngcc:** do not crash on entry-point that fails to compile ([#36083](https://github.com/angular/angular/issues/36083)) ([ff665b9](https://github.com/angular/angular/commit/ff665b9))
+* **ngcc:** do not crash on overlapping entry-points ([#36083](https://github.com/angular/angular/issues/36083)) ([c9f554c](https://github.com/angular/angular/commit/c9f554c))
+
+
+
+<a name="9.1.0-next.5"></a>
+# [9.1.0-next.5](https://github.com/angular/angular/compare/9.1.0-next.4...9.1.0-next.5) (2020-03-18)
+
+
+### Bug Fixes
+
+* **bazel:** prod server doesn't serve files in windows ([#35991](https://github.com/angular/angular/issues/35991)) ([96e3449](https://github.com/angular/angular/commit/96e3449))
+* **bazel:** update several packages for better windows support ([#35991](https://github.com/angular/angular/issues/35991)) ([32f099a](https://github.com/angular/angular/commit/32f099a))
+* **bazel:** update typescript peer dependency range ([#36013](https://github.com/angular/angular/issues/36013)) ([5e3a898](https://github.com/angular/angular/commit/5e3a898))
+* **compiler:** do not recurse to find static symbols of same module ([#35262](https://github.com/angular/angular/issues/35262)) ([e179c58](https://github.com/angular/angular/commit/e179c58))
+* **compiler:** support directive inputs with interpolations on `<ng-template>`s ([#35984](https://github.com/angular/angular/issues/35984)) ([79659ee](https://github.com/angular/angular/commit/79659ee)), closes [#35752](https://github.com/angular/angular/issues/35752)
+* **compiler-cli:** TypeScript peer dependency range ([#36008](https://github.com/angular/angular/issues/36008)) ([5f7d066](https://github.com/angular/angular/commit/5f7d066))
+* **core:** don't re-invoke pure pipes that throw and arguments are the same ([#35827](https://github.com/angular/angular/issues/35827)) ([19cfaf7](https://github.com/angular/angular/commit/19cfaf7))
+* **core:** verify parsed ICU expression at runtime before executing it ([#35923](https://github.com/angular/angular/issues/35923)) ([8c2d842](https://github.com/angular/angular/commit/8c2d842)), closes [#35689](https://github.com/angular/angular/issues/35689)
+* **language-service:** infer $implicit value for ngIf template contexts ([#35941](https://github.com/angular/angular/issues/35941)) ([18b1bd4](https://github.com/angular/angular/commit/18b1bd4))
+* **localize:** show helpful error when providing an invalid cli option ([#36010](https://github.com/angular/angular/issues/36010)) ([aad02e8](https://github.com/angular/angular/commit/aad02e8))
+* **ngcc:** consistently delegate to TypeScript host for typing files ([#36089](https://github.com/angular/angular/issues/36089)) ([9e70bcb](https://github.com/angular/angular/commit/9e70bcb)), closes [#35078](https://github.com/angular/angular/issues/35078)
+* **ngcc:** handle multiple original sources when flattening source-maps ([#36027](https://github.com/angular/angular/issues/36027)) ([a40be00](https://github.com/angular/angular/commit/a40be00))
+* **ngcc:** show helpful error when providing an invalid option ([#36010](https://github.com/angular/angular/issues/36010)) ([1f89c61](https://github.com/angular/angular/commit/1f89c61))
+
+
+### Features
+
+* **bazel:** transform generated shims (in Ivy) with tsickle ([#35975](https://github.com/angular/angular/issues/35975)) ([e3ecdc6](https://github.com/angular/angular/commit/e3ecdc6)), closes [#35848](https://github.com/angular/angular/issues/35848)
+* **compiler:** Add sourceSpan and keySpan to TemplateBinding ([#35897](https://github.com/angular/angular/issues/35897)) ([06779cf](https://github.com/angular/angular/commit/06779cf))
+* **compiler:** Propagate source span and value span to Variable AST ([#36047](https://github.com/angular/angular/issues/36047)) ([31bec8c](https://github.com/angular/angular/commit/31bec8c))
+* **language-service:** improve non-callable error message ([#35271](https://github.com/angular/angular/issues/35271)) ([acc483e](https://github.com/angular/angular/commit/acc483e))
+* **ngcc:** support invalidating the entry-point manifest ([#35931](https://github.com/angular/angular/issues/35931)) ([8ea61a1](https://github.com/angular/angular/commit/8ea61a1))
+
+
+### Performance Improvements
+
+* **ngcc:** link segment markers for faster traversal ([#36027](https://github.com/angular/angular/issues/36027)) ([47025e0](https://github.com/angular/angular/commit/47025e0))
+* **ngcc:** store the position of SegmentMarkers to avoid unnecessary computation ([#36027](https://github.com/angular/angular/issues/36027)) ([772bb5e](https://github.com/angular/angular/commit/772bb5e))
+* **ngcc:** use binary search when flattening mappings ([#36027](https://github.com/angular/angular/issues/36027)) ([348ff0c](https://github.com/angular/angular/commit/348ff0c))
+* **ngcc:** use line start positions for computing offsets in source-map flattening ([#36027](https://github.com/angular/angular/issues/36027)) ([e890082](https://github.com/angular/angular/commit/e890082))
+* **ngcc:** use the `EntryPointManifest` in `DirectoryWalkerEntryPointFinder` ([#35931](https://github.com/angular/angular/issues/35931)) ([ec9f4d5](https://github.com/angular/angular/commit/ec9f4d5))
+
+
+
+<a name="9.0.7"></a>
+## [9.0.7](https://github.com/angular/angular/compare/9.0.6...9.0.7) (2020-03-18)
+
+
+### Bug Fixes
+
+* **compiler:** do not recurse to find static symbols of same module ([#35262](https://github.com/angular/angular/issues/35262)) ([a52b568](https://github.com/angular/angular/commit/a52b568))
+* **compiler:** support directive inputs with interpolations on `<ng-template>`s ([#35984](https://github.com/angular/angular/issues/35984)) ([a6bf31b](https://github.com/angular/angular/commit/a6bf31b)), closes [#35752](https://github.com/angular/angular/issues/35752)
+* **core:** don't re-invoke pure pipes that throw and arguments are the same ([#35827](https://github.com/angular/angular/issues/35827)) ([3fa632b](https://github.com/angular/angular/commit/3fa632b))
+* **core:** verify parsed ICU expression at runtime before executing it ([#35923](https://github.com/angular/angular/issues/35923)) ([9cd115d](https://github.com/angular/angular/commit/9cd115d)), closes [#35689](https://github.com/angular/angular/issues/35689)
+* **language-service:** infer $implicit value for ngIf template contexts ([#35941](https://github.com/angular/angular/issues/35941)) ([f5e4410](https://github.com/angular/angular/commit/f5e4410))
+* **ngcc:** a new LockFile implementation that uses a child-process ([#35934](https://github.com/angular/angular/issues/35934)) ([743ce7b](https://github.com/angular/angular/commit/743ce7b)), closes [#35761](https://github.com/angular/angular/issues/35761)
+* **ngcc:** consistently delegate to TypeScript host for typing files ([#36089](https://github.com/angular/angular/issues/36089)) ([76d7188](https://github.com/angular/angular/commit/76d7188)), closes [#35078](https://github.com/angular/angular/issues/35078)
+* **ngcc:** handle multiple original sources when flattening source-maps ([#36027](https://github.com/angular/angular/issues/36027)) ([e6167cf](https://github.com/angular/angular/commit/e6167cf))
+
+
+### Performance Improvements
+
+* **ngcc:** link segment markers for faster traversal ([#36027](https://github.com/angular/angular/issues/36027)) ([a0fa63b](https://github.com/angular/angular/commit/a0fa63b))
+* **ngcc:** store the position of SegmentMarkers to avoid unnecessary computation ([#36027](https://github.com/angular/angular/issues/36027)) ([4ce9098](https://github.com/angular/angular/commit/4ce9098))
+* **ngcc:** use binary search when flattening mappings ([#36027](https://github.com/angular/angular/issues/36027)) ([8768fc4](https://github.com/angular/angular/commit/8768fc4))
+* **ngcc:** use line start positions for computing offsets in source-map flattening ([#36027](https://github.com/angular/angular/issues/36027)) ([daa2a08](https://github.com/angular/angular/commit/daa2a08))
+
+
+
 <a name="9.1.0-next.4"></a>
 # [9.1.0-next.4](https://github.com/angular/angular/compare/9.1.0-next.2...9.1.0-next.4) (2020-03-10)

--- a/README.md
+++ b/README.md
@ -1,5 +1,4 @@
 [![CircleCI](https://circleci.com/gh/angular/angular/tree/master.svg?style=shield)](https://circleci.com/gh/angular/workflows/angular/tree/master)
-[![BrowserStack Status](https://www.browserstack.com/automate/badge.svg?badge_key=LzF3RzBVVGt6VWE2S0hHaC9uYllOZz09LS1BVjNTclBKV0x4eVRlcjA4QVY1M0N3PT0=--eb4ce8c8dc2c1c5b2b5352d473ee12a73ac20e06)](https://www.browserstack.com/automate/public-build/LzF3RzBVVGt6VWE2S0hHaC9uYllOZz09LS1BVjNTclBKV0x4eVRlcjA4QVY1M0N3PT0=--eb4ce8c8dc2c1c5b2b5352d473ee12a73ac20e06)
 [![Join the chat at https://gitter.im/angular/angular](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/angular/angular?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 [![npm version](https://badge.fury.io/js/%40angular%2Fcore.svg)](https://www.npmjs.com/@angular/core)

@ -21,7 +20,6 @@ Angular is a development platform for building mobile and desktop web applicatio
 Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our
 guidelines for [contributing][contributing] and then check out one of our issues in the [hotlist: community-help](https://github.com/angular/angular/labels/hotlist%3A%20community-help).

-[browserstack]: https://www.browserstack.com/automate/public-build/LzF3RzBVVGt6VWE2S0hHaC9uYllOZz09LS1BVjNTclBKV0x4eVRlcjA4QVY1M0N3PT0=--eb4ce8c8dc2c1c5b2b5352d473ee12a73ac20e06
 [contributing]: https://github.com/angular/angular/blob/master/CONTRIBUTING.md
 [quickstart]: https://angular.io/start
 [changelog]: https://github.com/angular/angular/blob/master/CHANGELOG.md
--- a/aio/content/examples/accessibility/src/index.html
+++ b/aio/content/examples/accessibility/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Accessibility Example</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/attribute-binding/src/app/app.component.spec.ts
+++ b/aio/content/examples/attribute-binding/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/attribute-binding/src/index.html
+++ b/aio/content/examples/attribute-binding/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>AttributeBinding</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/binding-syntax/src/app/app.component.spec.ts
+++ b/aio/content/examples/binding-syntax/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/bootstrapping/src/app/app.component.spec.ts
+++ b/aio/content/examples/bootstrapping/src/app/app.component.spec.ts
@ -13,17 +13,17 @@ describe('AppComponent', () => {

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));

  it(`should have as title 'app works!'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app works!');
  }));

-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/bootstrapping/src/index.html
+++ b/aio/content/examples/bootstrapping/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>NgmoduleDemo</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/built-in-directives/src/index.html
+++ b/aio/content/examples/built-in-directives/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>BuiltInDirectives</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/built-in-template-functions/src/app/app.component.spec.ts
+++ b/aio/content/examples/built-in-template-functions/src/app/app.component.spec.ts
@ -10,7 +10,7 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
 });
--- a/aio/content/examples/built-in-template-functions/src/index.html
+++ b/aio/content/examples/built-in-template-functions/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Built-in Template Functions Example</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/elements/src/app/popup.component.ts
+++ b/aio/content/examples/elements/src/app/popup.component.ts
@ -39,7 +39,7 @@ import { animate, state, style, transition, trigger } from '@angular/animations'
  `]
 })
 export class PopupComponent {
-  private state: 'opened' | 'closed' = 'closed';
+  state: 'opened' | 'closed' = 'closed';

  @Input()
  set message(message: string) {
--- a/aio/content/examples/event-binding/src/app/app.component.spec.ts
+++ b/aio/content/examples/event-binding/src/app/app.component.spec.ts
@ -10,12 +10,12 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'Featured product:'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('Featured product:');
  }));
  it('should render title in a p tag', async(() => {
--- a/aio/content/examples/event-binding/src/index.html
+++ b/aio/content/examples/event-binding/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>EventBinding</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/feature-modules/example-config.json
+++ b/aio/content/examples/feature-modules/example-config.json
@ -1,4 +0,0 @@
-{
-  "build": "build:cli",
-  "run": "serve:cli"
-}
--- a/aio/content/examples/feature-modules/src/app/app.component.spec.ts
+++ b/aio/content/examples/feature-modules/src/app/app.component.spec.ts
@ -13,17 +13,17 @@ describe('AppComponent', () => {

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));

  it(`should have as title 'app works!'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app works!');
  }));

-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/feature-modules/src/index.html
+++ b/aio/content/examples/feature-modules/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Feature Modules</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/forms-overview/src/app/app.component.spec.ts
+++ b/aio/content/examples/forms-overview/src/app/app.component.spec.ts
@ -16,12 +16,12 @@ describe('AppComponent', () => {

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;

    expect(app).toBeTruthy();
  }));

-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();

--- a/aio/content/examples/forms-overview/src/index.html
+++ b/aio/content/examples/forms-overview/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Forms Overview</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/http/src/index.html
+++ b/aio/content/examples/http/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>HttpClient Demo</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/inputs-outputs/src/app/app.component.spec.ts
+++ b/aio/content/examples/inputs-outputs/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/inputs-outputs/src/index.html
+++ b/aio/content/examples/inputs-outputs/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Inputs and Outputs</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/interpolation/src/app/app.component.spec.ts
+++ b/aio/content/examples/interpolation/src/app/app.component.spec.ts
@ -10,7 +10,7 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
 });
--- a/aio/content/examples/interpolation/src/index.html
+++ b/aio/content/examples/interpolation/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Interpolation</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/lazy-loading-ngmodules/example-config.json
+++ b/aio/content/examples/lazy-loading-ngmodules/example-config.json
@ -1,4 +0,0 @@
-{
-  "build": "build:cli",
-  "run": "serve:cli"
-}
--- a/aio/content/examples/lazy-loading-ngmodules/src/app/app.component.spec.ts
+++ b/aio/content/examples/lazy-loading-ngmodules/src/app/app.component.spec.ts
@ -17,17 +17,17 @@ describe('AppComponent', () => {

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));

  it(`should have as title 'customer-app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('customer-app');
  }));

-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/lazy-loading-ngmodules/src/index.html
+++ b/aio/content/examples/lazy-loading-ngmodules/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Lazy loading feature modules</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/ngmodule-faq/src/app/app.module.3.ts
+++ b/aio/content/examples/ngmodule-faq/src/app/app.module.3.ts
@ -1,41 +0,0 @@
-// #docplaster
-// #docregion
-/* Angular Imports */
-import { NgModule }           from '@angular/core';
-import { BrowserModule }      from '@angular/platform-browser';
-
-/* App Imports */
-// #enddocregion
-import { AppComponent }       from './app.component.3';
-/*
-// #docregion
-import { AppComponent }       from './app.component';
-// #enddocregion
-*/
-// #docregion
-import { HighlightDirective } from './highlight.directive.1';
-import { TitleComponent }     from './title.component.1';
-import { UserService }        from './user.service';
-
-/* Routing Module */
-// #enddocregion
-import { AppRoutingModule }   from './app-routing.module.3';
-/*
-// #docregion
-import { AppRoutingModule }   from './app-routing.module';
-// #enddocregion
-*/
-// #docregion
-
-@NgModule({
-// #docregion imports
-  imports:      [
-    BrowserModule,
-    AppRoutingModule
-  ],
-// #enddocregion imports
-  providers:    [ UserService ],
-  declarations: [ AppComponent, HighlightDirective, TitleComponent ],
-  bootstrap:    [ AppComponent ]
-})
-export class AppModule { }
--- a/aio/content/examples/ngmodule-faq/src/app/highlight.directive.1.ts
+++ b/aio/content/examples/ngmodule-faq/src/app/highlight.directive.1.ts
@ -1,15 +0,0 @@
-// #docplaster
-// #docregion
-import { Directive, ElementRef } from '@angular/core';
-
-// Highlight the host element in gold
-@Directive({ selector: '[highlight]' })
-export class HighlightDirective {
-  constructor(el: ElementRef) {
-    el.nativeElement.style.backgroundColor = 'gold';
-    // #enddocregion
-    console.log(`* AppRoot highlight called for ${el.nativeElement.tagName}`);
-    // #docregion
-  }
-}
-// #enddocregion
--- a/aio/content/examples/ngmodule-faq/src/app/title.component.1.html
+++ b/aio/content/examples/ngmodule-faq/src/app/title.component.1.html
@ -1,10 +0,0 @@
-<!-- #docregion -->
-<!-- #docregion v1 -->
-<h1 highlight>{{title}}</h1>
-<!-- #enddocregion v1 -->
-<!-- #docregion ngIf -->
-<p *ngIf="user">
-  <i>Welcome, {{user}}</i>
-<p>
-<!-- #enddocregion ngIf -->
-
--- a/aio/content/examples/ngmodule-faq/src/app/title.component.1.ts
+++ b/aio/content/examples/ngmodule-faq/src/app/title.component.1.ts
@ -1,23 +0,0 @@
-// #docplaster
-// #docregion
-// #docregion v1
-import { Component } from '@angular/core';
-// #enddocregion v1
-import { UserService } from './user.service';
-// #docregion v1
-
-@Component({
-  selector: 'app-title',
-  templateUrl: './title.component.1.html'
-})
-export class TitleComponent {
-  title = 'Angular Modules';
-// #enddocregion v1
-  user = '';
-
-  constructor(userService: UserService) {
-    this.user = userService.userName;
-  }
-// #docregion v1
-}
-// #enddocregion v1
--- a/aio/content/examples/ngmodules/example-config.json
+++ b/aio/content/examples/ngmodules/example-config.json
@ -1,4 +0,0 @@
-{
-  "build": "build:cli",
-  "run": "serve:cli"
-}
--- a/aio/content/examples/ngmodules/src/app/app.component.spec.ts
+++ b/aio/content/examples/ngmodules/src/app/app.component.spec.ts
@ -13,17 +13,17 @@ describe('AppComponent', () => {

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));

  it(`should have as title 'app works!'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app works!');
  }));

-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/ngmodules/src/index.html
+++ b/aio/content/examples/ngmodules/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>NgmodulesExample</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/property-binding/src/app/app.component.spec.ts
+++ b/aio/content/examples/property-binding/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/property-binding/src/index.html
+++ b/aio/content/examples/property-binding/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>PropertyBinding</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/providers-viewproviders/src/index.html
+++ b/aio/content/examples/providers-viewproviders/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>providers vs. viewProviders</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/providers/example-config.json
+++ b/aio/content/examples/providers/example-config.json
@ -1,4 +0,0 @@
-{
-  "build": "build:cli",
-  "run": "serve:cli"
-}
--- a/aio/content/examples/providers/src/app/app.component.spec.ts
+++ b/aio/content/examples/providers/src/app/app.component.spec.ts
@ -13,17 +13,17 @@ describe('AppComponent', () => {

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));

  it(`should have as title 'app works!'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app works!');
  }));

-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/providers/src/index.html
+++ b/aio/content/examples/providers/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Providers</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/reactive-forms/src/app/app.component.spec.ts
+++ b/aio/content/examples/reactive-forms/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/resolution-modifiers/src/index.html
+++ b/aio/content/examples/resolution-modifiers/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>DI Resolution Modifiers Example</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/schematics-for-libraries/src/index.html
+++ b/aio/content/examples/schematics-for-libraries/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>SchematicsForLibraries</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/service-worker-getting-started/src/app/app.component.spec.ts
+++ b/aio/content/examples/service-worker-getting-started/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('Service Workers');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/set-document-title/src/index.html
+++ b/aio/content/examples/set-document-title/src/index.html
@ -1,14 +1,15 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <base href="/">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">

  <title>
    Setting The Document Title Using The Title Service
  </title>
-  </head>
+</head>
 <body>

  <h1>
--- a/aio/content/examples/setup/example-config.json
+++ b/aio/content/examples/setup/example-config.json
@ -1,3 +0,0 @@
-{
-  "unittesting": true
-}
--- a/aio/content/examples/template-expression-operators/src/app/app.component.html
+++ b/aio/content/examples/template-expression-operators/src/app/app.component.html
@ -72,8 +72,8 @@
 <h2>Non-null assertion operator (<code>!</code>)</h2>
 <div>
  <!-- #docregion non-null -->
-  <!--No color, no error -->
-  <p *ngIf="item">The item's color is: {{item!.color}}</p>
+  <!-- Assert color is defined, even if according to the `Item` type it could be undefined. -->
+  <p>The item's color is: {{item.color!.toUpperCase()}}</p>
  <!-- #enddocregion non-null -->


--- a/aio/content/examples/template-expression-operators/src/app/app.component.spec.ts
+++ b/aio/content/examples/template-expression-operators/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/template-expression-operators/src/app/app.component.ts
+++ b/aio/content/examples/template-expression-operators/src/app/app.component.ts
@ -1,6 +1,13 @@
 import { Component } from '@angular/core';


+interface Item {
+  name: string;
+  manufactureDate: Date;
+  color?: string | null;
+  price: number;
+}
+
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
@ -9,10 +16,11 @@ import { Component } from '@angular/core';
 export class AppComponent {
  title = 'Template Expression Operators';

-  item = {
+  item: Item = {
    name : 'Telephone',
    manufactureDate : new Date(1980, 1, 25),
-    price: 98
+    color: 'orange',
+    price: 98,
  };

  nullItem = null;
--- a/aio/content/examples/template-expression-operators/src/index.html
+++ b/aio/content/examples/template-expression-operators/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Template Expression Operators Example</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/template-reference-variables/src/app/app.component.spec.ts
+++ b/aio/content/examples/template-reference-variables/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/template-reference-variables/src/index.html
+++ b/aio/content/examples/template-reference-variables/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Template Reference Variables Example</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/testing/src/app/app-initial.component.spec.ts
+++ b/aio/content/examples/testing/src/app/app-initial.component.spec.ts
@ -21,15 +21,15 @@ describe('AppComponent (initial CLI version)', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.nativeElement;
--- a/aio/content/examples/testing/src/app/shared/canvas.component.spec.ts
+++ b/aio/content/examples/testing/src/app/shared/canvas.component.spec.ts
@ -26,7 +26,7 @@ describe('CanvasComponent', () => {

  it('should be able to generate blob data from canvas', fakeAsync(() => {
    const fixture = TestBed.createComponent(CanvasComponent);
-    const canvasComp = fixture.debugElement.componentInstance;
+    const canvasComp = fixture.componentInstance;

    fixture.detectChanges();
    expect(canvasComp.blobSize).toBe(0);
--- a/aio/content/examples/testing/src/tests.html
+++ b/aio/content/examples/testing/src/tests.html
@ -1,58 +0,0 @@
-<!-- Run application specs in a browser -->
-<!-- #docregion -->
-<!DOCTYPE html>
-<html>
-<head>
-  <base href="/">
-  <title>Sample App Specs</title>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="styles.css">
-  <link rel="stylesheet" href="node_modules/jasmine-core/lib/jasmine-core/jasmine.css">
-
-</head>
-<body>
-  <!-- Polyfills -->
-  <script src="node_modules/core-js/client/shim.min.js"></script>
-
-  <script src="node_modules/systemjs/dist/system.src.js"></script>
-
-  <script src="node_modules/jasmine-core/lib/jasmine-core/jasmine.js"></script>
-  <script src="node_modules/jasmine-core/lib/jasmine-core/jasmine-html.js"></script>
-  <script src="node_modules/jasmine-core/lib/jasmine-core/boot.js"></script>
-
-  <script src="node_modules/zone.js/dist/zone.js"></script>
-  <script src="node_modules/zone.js/dist/zone-testing.js"></script>
-
-  <script>
-    var __spec_files__ = [
-      'app/about/about.component.spec',
-      'app/app-initial.component.spec',
-      'app/app.component.router.spec',
-      'app/app.component.spec',
-      'app/banner/banner-initial.component.spec',
-      'app/banner/banner.component.spec',
-      'app/banner/banner.component.detect-changes.spec',
-      'app/banner/banner-external.component.spec',
-      'app/dashboard/dashboard-hero.component.spec',
-      'app/dashboard/dashboard.component.no-testbed.spec',
-      'app/dashboard/dashboard.component.spec',
-      'app/hero/hero-detail.component.no-testbed.spec',
-      'app/hero/hero-detail.component.spec',
-      'app/hero/hero-list.component.spec',
-      'app/model/hero.service.spec',
-      'app/shared/highlight.directive.spec',
-      'app/shared/title-case.pipe.spec',
-      'app/twain/twain.component.spec',
-      // 'app/twain/twain.component.marbles.spec',
-      'app/welcome/welcome.component.spec',
-
-      'app/demo/async-helper.spec',
-      'app/demo/demo.spec',
-      'app/demo/demo.testbed.spec',
-    ];
-  </script>
-  <script src="browser-test-shim.js"></script>
-</body>
-
-</html>
--- a/aio/content/examples/toh-pt0/src/app/app.component.spec.ts
+++ b/aio/content/examples/toh-pt0/src/app/app.component.spec.ts
@ -13,17 +13,17 @@ describe('AppComponent', () => {

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));

  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));

-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/toh-pt0/src/index.html
+++ b/aio/content/examples/toh-pt0/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Tour of Heroes</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/toh-pt1/src/index.html
+++ b/aio/content/examples/toh-pt1/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Tour of Heroes</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/toh-pt2/src/index.html
+++ b/aio/content/examples/toh-pt2/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Tour of Heroes</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/toh-pt3/src/index.html
+++ b/aio/content/examples/toh-pt3/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Tour of Heroes</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/toh-pt4/src/index.html
+++ b/aio/content/examples/toh-pt4/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Tour of Heroes</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/toh-pt5/src/index.html
+++ b/aio/content/examples/toh-pt5/src/index.html
@ -6,7 +6,6 @@
  <!-- #docregion base-href -->
  <base href="/">
  <!-- #enddocregion base-href -->
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/toh-pt6/src/index.html
+++ b/aio/content/examples/toh-pt6/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Tour of Heroes</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/two-way-binding/src/app/app.component.spec.ts
+++ b/aio/content/examples/two-way-binding/src/app/app.component.spec.ts
@ -10,15 +10,15 @@ describe('AppComponent', () => {
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app).toBeTruthy();
  }));
  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
    expect(app.title).toEqual('app');
  }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
--- a/aio/content/examples/two-way-binding/src/index.html
+++ b/aio/content/examples/two-way-binding/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Two-way Binding</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/universal/src/index.html
+++ b/aio/content/examples/universal/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>Tour of Heroes</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/upgrade-lazy-load-ajs/src/index.html
+++ b/aio/content/examples/upgrade-lazy-load-ajs/src/index.html
@ -4,7 +4,6 @@
  <meta charset="utf-8">
  <title>AngularJS Hybrid</title>
  <base href="/">
-
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
--- a/aio/content/examples/upgrade-phonecat-1-typescript/karma.conf.ajs.js
+++ b/aio/content/examples/upgrade-phonecat-1-typescript/karma.conf.ajs.js
@ -16,6 +16,15 @@ module.exports = function(config) {
      '**/*.spec.js'
    ],

+    // This is needed, because the AngularJS files are loaded from `https://code.angularjs.org/`.
+    // Without this, latest browsers prevent loading the scripts from localhost with:
+    // ```
+    // Access to script at 'https://code.angularjs.org/1.5.5/angular.js' from origin
+    // 'http://localhost:9876' has been blocked by CORS policy: No 'Access-Control-Allow-Origin'
+    // header is present on the requested resource.
+    // ```
+    crossOriginAttribute: false,
+
    autoWatch: true,

    frameworks: ['jasmine'],
--- a/aio/content/examples/upgrade-phonecat-2-hybrid/karma.conf.ajs.js
+++ b/aio/content/examples/upgrade-phonecat-2-hybrid/karma.conf.ajs.js
@ -44,12 +44,21 @@ module.exports = function(config) {
      // #enddocregion files
    ],

+    // This is needed, because the AngularJS files are loaded from `https://code.angularjs.org/`.
+    // Without this, latest browsers prevent loading the scripts from localhost with:
+    // ```
+    // Access to script at 'https://code.angularjs.org/1.5.5/angular.js' from origin
+    // 'http://localhost:9876' has been blocked by CORS policy: No 'Access-Control-Allow-Origin'
+    // header is present on the requested resource.
+    // ```
+    crossOriginAttribute: false,
+
    // #docregion html
    // proxied base paths for loading assets
    proxies: {
      // required for component assets fetched by Angular's compiler
-      "/phone-detail": '/base/app/phone-detail',
-      "/phone-list": '/base/app/phone-list'
+      '/phone-detail': '/base/app/phone-detail',
+      '/phone-list': '/base/app/phone-list'
    },
    // #enddocregion html

--- a/aio/content/examples/upgrade-phonecat-2-hybrid/rollup-config.js
+++ b/aio/content/examples/upgrade-phonecat-2-hybrid/rollup-config.js
@ -1,5 +1,4 @@
 // #docregion
-import rollup      from 'rollup'
 import nodeResolve from 'rollup-plugin-node-resolve'
 import commonjs    from 'rollup-plugin-commonjs';
 import uglify      from 'rollup-plugin-uglify'
--- a/aio/content/examples/visual-studio-2015/tsconfig.json
+++ b/aio/content/examples/visual-studio-2015/tsconfig.json
@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "sourceMap": true,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "removeComments": false,
-    "noImplicitAny": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "typeRoots": [
-      "node_modules/@types"
-    ]
-  },
-  "compileOnSave": true,
-  "angularCompilerOptions": {
-    "enableIvy": false
-  }
-}
--- a/aio/content/guide/creating-libraries.md
+++ b/aio/content/guide/creating-libraries.md
@ -119,6 +119,17 @@ npm publish

 If you've never published a package in npm before, you must create a user account. Read more in [Publishing npm Packages](https://docs.npmjs.com/getting-started/publishing-npm-packages).

+{@a lib-assets}
+
+## Managing assets in a library
+
+Starting with version 9.x of the [ng-packagr](https://github.com/ng-packagr/ng-packagr/blob/master/README.md) tool, you can configure the tool to automatically copy assets into your library package as part of the build process.
+You can use this feature when your library needs to publish optional theming files, Sass mixins, or documentation (like a changelog).
+
+* Learn how to [copy assets into your library as part of the build](https://github.com/ng-packagr/ng-packagr/blob/master/docs/copy-assets.md).
+
+* Learn more about how to use the tool to [embed assets in CSS](https://github.com/ng-packagr/ng-packagr/blob/master/docs/embed-assets-css.md).
+

 ## Linked libraries

@ -215,14 +226,3 @@ For this reason, an app that depends on a library should only use TypeScript pat
 TypeScript path mappings should *not* point to the library source `.ts` files.

 </div>
-
-{@a lib-assets}
-
-### Managing library assets with ng-packagr
-
-Starting with version 9.x of the [ng-packagr](https://github.com/ng-packagr/ng-packagr/blob/master/README.md) tool, you can configure the tool to automatically copy assets into your library package as part of the build process.
-You can use this feature when your library needs to publish optional theming files, Sass mixins, or documentation (like a changelog).
-
-* Learn how to [copy assets into your library as part of the build](https://github.com/ng-packagr/ng-packagr/blob/master/docs/copy-assets.md).
-
-* Learn more about how to use the tool to [embed assets in CSS](https://github.com/ng-packagr/ng-packagr/blob/master/docs/embed-assets-css.md).
--- a/aio/content/guide/ivy-compatibility.md
+++ b/aio/content/guide/ivy-compatibility.md
@ -75,6 +75,10 @@ Please note that these constants are not meant to be used by 3rd party library o

 * ICU parsing happens at runtime, so only text, HTML tags and text bindings are allowed inside ICU cases (previously, directives were also permitted inside ICUs).

+* Adding text bindings into i18n translations that are not present in the source template itself will throw a runtime error (previously, including extra bindings in translations was permitted).
+
+* Extra HTML tags in i18n translations that are not present in the source template itself will be rendered as plain text (previously, these tags would render as HTML).
+
 * Providers formatted as `{provide: X}` without a `useValue`, `useFactory`, `useExisting`, or `useClass` property are treated like `{provide: X, useClass: X}` (previously, it defaulted to `{provide: X, useValue: undefined}`).

 * `DebugElement.attributes` returns `undefined` for attributes that were added and then subsequently removed (previously, attributes added and later removed would have a value of `null`).
--- a/aio/content/guide/template-syntax.md
+++ b/aio/content/guide/template-syntax.md
@ -2256,22 +2256,20 @@ It works perfectly with long property paths such as `a?.b?.c?.d`.

 ### The non-null assertion operator ( `!` )

-As of Typescript 2.0, you can enforce [strict null checking](http://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html "Strict null checking in TypeScript") with the `--strictNullChecks` flag. TypeScript then ensures that no variable is unintentionally null or undefined.
+As of Typescript 2.0, you can enforce [strict null checking](http://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html "Strict null checking in TypeScript") with the `--strictNullChecks` flag. TypeScript then ensures that no variable is unintentionally `null` or `undefined`.

 In this mode, typed variables disallow `null` and `undefined` by default. The type checker throws an error if you leave a variable unassigned or try to assign `null` or `undefined` to a variable whose type disallows `null` and `undefined`.

-The type checker also throws an error if it can't determine whether a variable will be `null` or undefined at runtime. You tell the type checker not to throw an error by applying the postfix
+The type checker also throws an error if it can't determine whether a variable will be `null` or `undefined` at runtime. You tell the type checker not to throw an error by applying the postfix
 [non-null assertion operator, !](http://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html#non-null-assertion-operator "Non-null assertion operator").

 The Angular non-null assertion operator, `!`, serves the same purpose in
-an Angular template. For example, after you use [*ngIf](guide/template-syntax#ngIf)
-to check that `item` is defined, you can assert that
-`item` properties are also defined.
+an Angular template. For example, you can assert that `item` properties are also defined.

 <code-example path="template-expression-operators/src/app/app.component.html" region="non-null" header="src/app/app.component.html"></code-example>

 When the Angular compiler turns your template into TypeScript code,
-it prevents TypeScript from reporting that `item` might be `null` or `undefined`.
+it prevents TypeScript from reporting that `item.color` might be `null` or `undefined`.

 Unlike the [_safe navigation operator_](guide/template-syntax#safe-navigation-operator "Safe navigation operator (?)"),
 the non-null assertion operator does not guard against `null` or `undefined`.
--- a/aio/content/guide/upgrade.md
+++ b/aio/content/guide/upgrade.md
@ -960,6 +960,12 @@ angular.module('myHybridApp', [...])

 Once you introduce the Angular Router, using the Angular Router triggers navigations through the unified location service, still providing a single source for navigating with AngularJS and Angular.

+<!--
+TODO:
+Correctly document how to use AOT with SystemJS-based `ngUpgrade` apps (or better yet update the
+`ngUpgrade` examples/guides to use `@angular/cli`).
+See https://github.com/angular/angular/issues/35989.
+
 ## Using Ahead-of-time compilation with hybrid apps

 You can take advantage of Ahead-of-time (AOT) compilation on hybrid apps just like on any other
@ -979,6 +985,7 @@ bootstrap the hybrid app:
 </code-example>

 And that's all you need do to get the full benefit of AOT for Angular apps!
+-->

 ## PhoneCat Upgrade Tutorial

@ -1364,7 +1371,7 @@ You also need to make a couple of adjustments
 to the `systemjs.config.js` file installed during [upgrade setup](guide/upgrade-setup).

 Point the browser to the project root when loading things through SystemJS,
-instead of using the  `<base>` URL.
+instead of using the `<base>` URL.

 Install the `upgrade` package via `npm install @angular/upgrade --save`
 and add a mapping for the `@angular/upgrade/static` package.
--- a/aio/tools/example-zipper/customizer/package-json/systemjs.json
+++ b/aio/tools/example-zipper/customizer/package-json/systemjs.json
@ -13,32 +13,47 @@
    { "name": "serve:upgrade" },
    { "name": "build:aot" },
    { "name": "serve:aot" },
-    { "name": "build:babel" },
-    { "name": "copy-dist-files" },
-    { "name": "i18n" }
+    { "name": "copy-dist-files" }
  ],
  "dependencies": [
-    "systemjs"
+    "@angular/animations",
+    "@angular/common",
+    "@angular/compiler",
+    "@angular/core",
+    "@angular/forms",
+    "@angular/platform-browser",
+    "@angular/platform-browser-dynamic",
+    "@angular/router",
+    "@angular/upgrade",
+    "rxjs",
+    "systemjs",
+    "tslib",
+    "zone.js"
  ],
  "devDependencies": [
+    "@angular/compiler-cli",
    "@types/angular",
    "@types/angular-animate",
-    "@types/angular-cookies",
    "@types/angular-mocks",
    "@types/angular-resource",
    "@types/angular-route",
-    "@types/angular-sanitize",
-    "babel-cli",
-    "babel-preset-angular2",
-    "babel-preset-es2015",
-    "canonical-path",
-    "http-server",
+    "@types/jasmine",
+    "@types/jasminewd2",
+    "@types/node",
    "concurrently",
+    "http-server",
+    "jasmine-core",
+    "karma",
+    "karma-chrome-launcher",
+    "karma-jasmine",
+    "karma-jasmine-html-reporter",
    "lite-server",
+    "protractor",
    "rollup",
    "rollup-plugin-commonjs",
    "rollup-plugin-node-resolve",
    "rollup-plugin-uglify",
-    "source-map-explorer"
+    "tslint",
+    "typescript"
  ]
 }
--- a/aio/tools/examples/run-example-e2e.js
+++ b/aio/tools/examples/run-example-e2e.js
@ -183,7 +183,9 @@ function runE2eTestsSystemJS(appDir, outputFile) {

  let run = runProtractorSystemJS(appBuildSpawnInfo.promise, appDir, appRunSpawnInfo, outputFile);

-  if (fs.existsSync(appDir + '/aot/index.html')) {
+  // Only run AOT tests in ViewEngine mode. The current AOT setup does not work in Ivy.
+  // See https://github.com/angular/angular/issues/35989.
+  if (!argv.ivy && fs.existsSync(appDir + '/aot/index.html')) {
    run = run.then((ok) => ok && runProtractorAoT(appDir, outputFile));
  }
  return run;
--- a/aio/tools/examples/shared/boilerplate/cli-ajs/package.json
+++ b/aio/tools/examples/shared/boilerplate/cli-ajs/package.json
@ -12,45 +12,43 @@
  },
  "private": true,
  "dependencies": {
-    "@angular/animations": "^8.0.0",
-    "@angular/common": "^8.0.0",
-    "@angular/compiler": "^8.0.0",
-    "@angular/core": "^8.0.0",
-    "@angular/forms": "^8.0.0",
-    "@angular/platform-browser": "^8.0.0",
-    "@angular/platform-browser-dynamic": "^8.0.0",
-    "@angular/router": "^8.0.0",
-    "angular": "1.7.8",
-    "angular-in-memory-web-api": "^0.8.0",
-    "angular-route": "1.7.8",
-    "core-js": "^2.5.4",
-    "rxjs": "^6.5.1",
+    "@angular/animations": "~9.0.6",
+    "@angular/common": "~9.0.6",
+    "@angular/compiler": "~9.0.6",
+    "@angular/core": "~9.0.6",
+    "@angular/forms": "~9.0.6",
+    "@angular/platform-browser": "~9.0.6",
+    "@angular/platform-browser-dynamic": "~9.0.6",
+    "@angular/router": "~9.0.6",
+    "angular": "1.7.9",
+    "angular-in-memory-web-api": "~0.9.0",
+    "angular-route": "1.7.9",
+    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
-    "web-animations-js": "^2.3.1",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.10.3"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "^0.800.0",
-    "@angular/cli": "^8.0.0",
-    "@angular/compiler-cli": "^8.0.0",
-    "@angular/language-service": "^8.0.0",
-    "@types/angular": "^1.6.47",
-    "@types/angular-route": "^1.3.5",
-    "@types/jasmine": "~3.3.8",
+    "@angular-devkit/build-angular": "~0.900.6",
+    "@angular/cli": "~9.0.6",
+    "@angular/compiler-cli": "~9.0.6",
+    "@angular/language-service": "~9.0.6",
+    "@types/angular": "^1.6.57",
+    "@types/angular-route": "^1.7.0",
+    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~5.0.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-marbles": "^0.5.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
+    "jasmine-core": "~3.5.0",
+    "jasmine-marbles": "~0.6.0",
    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma": "~4.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tslint": "~5.15.0",
-    "typescript": "~3.4.4"
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "protractor": "~5.4.3",
+    "ts-node": "~8.3.0",
+    "tslint": "~5.18.0",
+    "typescript": "~3.7.5"
  }
 }
--- a/aio/tools/examples/shared/boilerplate/cli/.gitignore
+++ b/aio/tools/examples/shared/boilerplate/cli/.gitignore
@ -11,8 +11,8 @@
 /node_modules

 # profiling files
-chrome-profiler-events.json
-speed-measure-plugin.json
+chrome-profiler-events*.json
+speed-measure-plugin*.json

 # IDEs and editors
 /.idea
--- a/aio/tools/examples/shared/boilerplate/cli/angular.json
+++ b/aio/tools/examples/shared/boilerplate/cli/angular.json
@ -49,6 +49,11 @@
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
                }
              ]
            }
--- a/aio/tools/examples/shared/boilerplate/cli/e2e/protractor.conf.js
+++ b/aio/tools/examples/shared/boilerplate/cli/e2e/protractor.conf.js
@ -13,7 +13,7 @@ exports.config = {
    './src/**/*.e2e-spec.ts'
  ],
  capabilities: {
-    'browserName': 'chrome'
+    browserName: 'chrome'
  },
  directConnect: true,
  baseUrl: 'http://localhost:4200/',
--- a/aio/tools/examples/shared/boilerplate/cli/e2e/src/app.po.ts
+++ b/aio/tools/examples/shared/boilerplate/cli/e2e/src/app.po.ts
@ -1,11 +1,11 @@
 import { browser, by, element } from 'protractor';

 export class AppPage {
-  navigateTo() {
-    return browser.get(browser.baseUrl) as Promise<any>;
+  navigateTo(): Promise<unknown> {
+    return browser.get(browser.baseUrl) as Promise<unknown>;
  }

-  getTitleText() {
+  getTitleText(): Promise<string> {
    return element(by.css('app-root h1')).getText() as Promise<string>;
  }
 }
--- a/aio/tools/examples/shared/boilerplate/cli/package.json
+++ b/aio/tools/examples/shared/boilerplate/cli/package.json
@ -12,41 +12,39 @@
  },
  "private": true,
  "dependencies": {
-    "@angular/animations": "^8.0.0",
-    "@angular/common": "^8.0.0",
-    "@angular/compiler": "^8.0.0",
-    "@angular/core": "^8.0.0",
-    "@angular/forms": "^8.0.0",
-    "@angular/platform-browser": "^8.0.0",
-    "@angular/platform-browser-dynamic": "^8.0.0",
-    "@angular/router": "^8.0.0",
-    "angular-in-memory-web-api": "^0.8.0",
-    "core-js": "^2.5.4",
-    "rxjs": "^6.5.1",
+    "@angular/animations": "~9.0.6",
+    "@angular/common": "~9.0.6",
+    "@angular/compiler": "~9.0.6",
+    "@angular/core": "~9.0.6",
+    "@angular/forms": "~9.0.6",
+    "@angular/platform-browser": "~9.0.6",
+    "@angular/platform-browser-dynamic": "~9.0.6",
+    "@angular/router": "~9.0.6",
+    "angular-in-memory-web-api": "~0.9.0",
+    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
-    "web-animations-js": "^2.3.1",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.10.3"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "^0.800.0",
-    "@angular/cli": "^8.0.0",
-    "@angular/compiler-cli": "^8.0.0",
-    "@angular/language-service": "^8.0.0",
-    "@types/jasmine": "~3.3.8",
+    "@angular-devkit/build-angular": "~0.900.6",
+    "@angular/cli": "~9.0.6",
+    "@angular/compiler-cli": "~9.0.6",
+    "@angular/language-service": "~9.0.6",
+    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~5.0.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-marbles": "^0.6.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
+    "jasmine-core": "~3.5.0",
+    "jasmine-marbles": "~0.6.0",
    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma": "~4.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tslint": "~5.15.0",
-    "typescript": "~3.4.4"
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "protractor": "~5.4.3",
+    "ts-node": "~8.3.0",
+    "tslint": "~5.18.0",
+    "typescript": "~3.7.5"
  }
 }
--- a/aio/tools/examples/shared/boilerplate/cli/src/favicon.ico
+++ b/aio/tools/examples/shared/boilerplate/cli/src/favicon.ico
--- a/aio/tools/examples/shared/boilerplate/cli/src/polyfills.ts
+++ b/aio/tools/examples/shared/boilerplate/cli/src/polyfills.ts
@ -35,7 +35,7 @@
 * will put import in the top of bundle, so user need to create a separate file
 * in this directory (for example: zone-flags.ts), and put the following flags
 * into that file, and then add the following code before importing zone.js.
- * import './zone-flags.ts';
+ * import './zone-flags';
 *
 * The flags allowed in zone-flags.ts are listed here.
 *
--- a/aio/tools/examples/shared/boilerplate/cli/src/test.ts
+++ b/aio/tools/examples/shared/boilerplate/cli/src/test.ts
@ -7,7 +7,12 @@ import {
  platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';

-declare const require: any;
+declare const require: {
+  context(path: string, deep?: boolean, filter?: RegExp): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};

 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
--- a/aio/tools/examples/shared/boilerplate/cli/tsconfig.app.json
+++ b/aio/tools/examples/shared/boilerplate/cli/tsconfig.app.json
@ -4,12 +4,17 @@
    "outDir": "./out-tsc/app",
    "types": []
  },
+  "files": [
+    "src/main.ts",
+    "src/polyfills.ts"
+  ],
  "include": [
-    "src/**/*.ts"
+    "src/**/*.d.ts"
  ],
  "exclude": [
    "src/test.ts",
    "src/**/*.spec.ts",
+    "src/**/*-specs.ts",
    "src/**/*.avoid.ts",
    "src/**/*.0.ts",
    "src/**/*.1.ts",
@ -19,6 +24,7 @@
    "src/**/*.4.ts",
    "src/**/*.5.ts",
    "src/**/*.6.ts",
-    "src/**/*.7.ts"
+    "src/**/*.7.ts",
+    "src/**/testing"
  ]
 }
--- a/aio/tools/examples/shared/boilerplate/cli/tsconfig.json
+++ b/aio/tools/examples/shared/boilerplate/cli/tsconfig.json
@ -5,10 +5,10 @@
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
@ -21,5 +21,7 @@
  },
  "angularCompilerOptions": {
    "enableIvy": false,
-  },
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true
+  }
 }
--- a/aio/tools/examples/shared/boilerplate/cli/tslint.json
+++ b/aio/tools/examples/shared/boilerplate/cli/tslint.json
@ -4,7 +4,7 @@
    "array-type": false,
    "arrow-parens": false,
    "deprecation": {
-      "severity": "warn"
+      "severity": "warning"
    },
    "component-class-suffix": true,
    "contextual-lifecycle": true,
@ -60,7 +60,6 @@
    "no-non-null-assertion": true,
    "no-redundant-jsdoc": true,
    "no-switch-case-fall-through": true,
-    "no-use-before-declare": true,
    "no-var-requires": false,
    "object-literal-key-quotes": [
      true,
@ -89,4 +88,4 @@
  "rulesDirectory": [
    "codelyzer"
  ]
-}
+}
--- a/aio/tools/examples/shared/boilerplate/elements/package.json
+++ b/aio/tools/examples/shared/boilerplate/elements/package.json
@ -12,42 +12,40 @@
  },
  "private": true,
  "dependencies": {
-    "@angular/animations": "^8.0.0",
-    "@angular/common": "^8.0.0",
-    "@angular/compiler": "^8.0.0",
-    "@angular/core": "^8.0.0",
-    "@angular/elements": "^8.0.0",
-    "@angular/forms": "^8.0.0",
-    "@angular/platform-browser": "^8.0.0",
-    "@angular/platform-browser-dynamic": "^8.0.0",
-    "@angular/router": "^8.0.0",
-    "angular-in-memory-web-api": "^0.8.0",
-    "core-js": "^2.5.4",
-    "rxjs": "^6.5.1",
+    "@angular/animations": "~9.0.6",
+    "@angular/common": "~9.0.6",
+    "@angular/compiler": "~9.0.6",
+    "@angular/core": "~9.0.6",
+    "@angular/elements": "~9.0.6",
+    "@angular/forms": "~9.0.6",
+    "@angular/platform-browser": "~9.0.6",
+    "@angular/platform-browser-dynamic": "~9.0.6",
+    "@angular/router": "~9.0.6",
+    "angular-in-memory-web-api": "~0.9.0",
+    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
-    "web-animations-js": "^2.3.1",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.10.3"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "^0.800.0",
-    "@angular/cli": "^8.0.0",
-    "@angular/compiler-cli": "^8.0.0",
-    "@angular/language-service": "^8.0.0",
-    "@types/jasmine": "~3.3.8",
+    "@angular-devkit/build-angular": "~0.900.6",
+    "@angular/cli": "~9.0.6",
+    "@angular/compiler-cli": "~9.0.6",
+    "@angular/language-service": "~9.0.6",
+    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~5.0.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-marbles": "^0.6.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
+    "jasmine-core": "~3.5.0",
+    "jasmine-marbles": "~0.6.0",
    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma": "~4.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tslint": "~5.15.0",
-    "typescript": "~3.4.4"
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "protractor": "~5.4.3",
+    "ts-node": "~8.3.0",
+    "tslint": "~5.18.0",
+    "typescript": "~3.7.5"
  }
 }
--- a/aio/tools/examples/shared/boilerplate/i18n/angular.json
+++ b/aio/tools/examples/shared/boilerplate/i18n/angular.json
@ -49,6 +49,11 @@
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
                }
              ]
            },
--- a/aio/tools/examples/shared/boilerplate/i18n/package.json
+++ b/aio/tools/examples/shared/boilerplate/i18n/package.json
@ -15,40 +15,39 @@
  },
  "private": true,
  "dependencies": {
-    "@angular/animations": "^8.0.0",
-    "@angular/common": "^8.0.0",
-    "@angular/compiler": "^8.0.0",
-    "@angular/core": "^8.0.0",
-    "@angular/forms": "^8.0.0",
-    "@angular/platform-browser": "^8.0.0",
-    "@angular/platform-browser-dynamic": "^8.0.0",
-    "@angular/router": "^8.0.0",
-    "angular-in-memory-web-api": "^0.8.0",
-    "core-js": "^2.5.4",
-    "rxjs": "^6.5.1",
-    "web-animations-js": "^2.3.1",
-    "zone.js": "~0.10.2"
+    "@angular/animations": "~9.0.6",
+    "@angular/common": "~9.0.6",
+    "@angular/compiler": "~9.0.6",
+    "@angular/core": "~9.0.6",
+    "@angular/forms": "~9.0.6",
+    "@angular/platform-browser": "~9.0.6",
+    "@angular/platform-browser-dynamic": "~9.0.6",
+    "@angular/router": "~9.0.6",
+    "angular-in-memory-web-api": "~0.9.0",
+    "rxjs": "~6.5.4",
+    "tslib": "^1.10.0",
+    "zone.js": "~0.10.3"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "^0.800.0",
-    "@angular/cli": "^8.0.0",
-    "@angular/compiler-cli": "^8.0.0",
-    "@angular/language-service": "^8.0.0",
-    "@types/jasmine": "~3.3.8",
+    "@angular-devkit/build-angular": "~0.900.6",
+    "@angular/cli": "~9.0.6",
+    "@angular/compiler-cli": "~9.0.6",
+    "@angular/language-service": "~9.0.6",
+    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~5.0.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-marbles": "^0.6.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
+    "jasmine-core": "~3.5.0",
+    "jasmine-marbles": "~0.6.0",
    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma": "~4.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tslint": "~5.15.0",
-    "typescript": "~3.4.4"
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "protractor": "~5.4.3",
+    "ts-node": "~8.3.0",
+    "tslint": "~5.18.0",
+    "typescript": "~3.7.5"
  }
 }
--- a/aio/tools/examples/shared/boilerplate/ivy/cli/tsconfig.app.json
+++ b/aio/tools/examples/shared/boilerplate/ivy/cli/tsconfig.app.json
@ -4,8 +4,12 @@
    "outDir": "./out-tsc/app",
    "types": []
  },
+  "files": [
+    "src/main.ts",
+    "src/polyfills.ts"
+  ],
  "include": [
-    "src/**/*.ts"
+    "src/**/*.d.ts"
  ],
  "exclude": [
    "src/test.ts",
--- a/aio/tools/examples/shared/boilerplate/ivy/systemjs/rollup-config.js
+++ b/aio/tools/examples/shared/boilerplate/ivy/systemjs/rollup-config.js
@ -1,5 +1,4 @@
 // #docregion
-import rollup from 'rollup'
 import nodeResolve from 'rollup-plugin-node-resolve'
 import commonjs from 'rollup-plugin-commonjs';
 import uglify from 'rollup-plugin-uglify'
--- a/aio/tools/examples/shared/boilerplate/schematics/angular.json
+++ b/aio/tools/examples/shared/boilerplate/schematics/angular.json
@ -49,6 +49,11 @@
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
                }
              ]
            }
--- a/Show More
+++ b/Show More