build: add @types/resize-observer-browser

* This gives us access to the ResizeObserver type which is needed
  to complete the MDCLinearProgressAdapter interface

Author: wagnermaciel

package.json

@@ -104,6 +104,7 @@
     "@types/node": "^12.11.1",
     "@types/node-fetch": "^2.5.5",
     "@types/parse5": "^5.0.0",
+    "@types/resize-observer-browser": "^0.1.3",
     "@types/run-sequence": "^0.0.29",
     "@types/semver": "^6.2.0",
     "@types/send": "^0.14.5",

src/material-experimental/mdc-progress-bar/BUILD.bazel

@@ -27,6 +27,7 @@ ng_module(
         "//src/material/progress-bar",
         "@npm//@angular/core",
         "@npm//@material/linear-progress",
+        "@npm//@types/resize-observer-browser",
     ],
 )
 

src/material-experimental/mdc-progress-bar/progress-bar.ts

@@ -93,7 +93,7 @@ export class MatProgressBar extends _MatProgressBarMixinBase implements AfterVie
     },
     getWidth: () => this._rootElement.offsetWidth,
     attachResizeObserver: (callback) => {
-      if (window.ResizeObserver) {
+      if ((typeof window !== 'undefined') && window.ResizeObserver) {
         const ro = new ResizeObserver(callback);
         ro.observe(this._rootElement);
         return ro;

src/material-experimental/tsconfig-tests.json

@@ -11,7 +11,7 @@
     "importHelpers": false,
     "module": "umd",
     "target": "es5",
-    "types": ["jasmine"],
+    "types": ["jasmine", "resize-observer-browser"],
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "paths": {

tsconfig.json

@@ -20,7 +20,7 @@
     "strictBindCallApply": true,
     "target": "es2015",
     "lib": ["es5", "es2015", "dom"],
-    "types": ["jasmine"],
+    "types": ["jasmine", "resize-observer-browser"],
     "baseUrl": ".",
     "paths": {
       "@angular/cdk": ["./src/cdk"],

yarn.lock

@@ -1619,6 +1619,11 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
   integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==
 
+"@types/resize-observer-browser@^0.1.3":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@types/resize-observer-browser/-/resize-observer-browser-0.1.3.tgz#5cca2445e6fc34a380760bd6ef8c492863469c47"
+  integrity sha512-3tGjLIDH8L57fWOfC7NVn/BbGQD7pXwbkk2+8Z4hK/S7kOIv1MUN4nkKjfx0qg4ctkukjzp3Bgr/Z+Hq5ZQZTQ==
+
 "@types/resolve@0.0.8":
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"