fix(material-experimental): better server-side rendering support for …

…progress bar (#19036)

I got some changes in with material-components/material-components-web#5792 which allow us to properly render a progress bar during server-side rendering, instead of turning it into a noop. These changes remove all of the `isBrowser` checks.

I also removed the `isBrowser` check from the MDC checkbox, because the `offsetWidth` access is safe, even though the property might be undefined.

package.json

@@ -58,7 +58,7 @@
     "@types/youtube": "^0.0.38",
     "@webcomponents/custom-elements": "^1.1.0",
     "core-js": "^2.6.9",
-    "material-components-web": "6.0.0-canary.9930d9cc5.0",
+    "material-components-web": "6.0.0-canary.927fa902c.0",
     "rxjs": "^6.5.3",
     "systemjs": "0.19.43",
     "tslib": "^1.10.0",

src/material-experimental/mdc-checkbox/BUILD.bazel

@@ -23,7 +23,6 @@ ng_module(
     module_name = "@angular/material-experimental/mdc-checkbox",
     deps = [
         "//src/cdk/coercion",
-        "//src/cdk/platform",
         "//src/material/checkbox",
         "//src/material/core",
         "@npm//@angular/animations",

src/material-experimental/mdc-checkbox/checkbox.ts

@@ -7,7 +7,6 @@
  */
 
 import {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';
-import {Platform} from '@angular/cdk/platform';
 import {
   AfterViewInit,
   Attribute,
@@ -211,7 +210,7 @@ export class MatCheckbox implements AfterViewInit, OnDestroy, ControlValueAccess
   private _checkboxAdapter: MDCCheckboxAdapter = {
     addClass: (className) => this._setClass(className, true),
     removeClass: (className) => this._setClass(className, false),
-    forceLayout: () => this._platform.isBrowser && this._checkbox.nativeElement.offsetWidth,
+    forceLayout: () => this._checkbox.nativeElement.offsetWidth,
     hasNativeControl: () => !!this._nativeCheckbox,
     isAttachedToDOM: () => !!this._checkbox.nativeElement.parentNode,
     isChecked: () => this.checked,
@@ -233,7 +232,6 @@ export class MatCheckbox implements AfterViewInit, OnDestroy, ControlValueAccess
 
   constructor(
       private _changeDetectorRef: ChangeDetectorRef,
-      private _platform: Platform,
       @Attribute('tabindex') tabIndex: string,
       /**
        * @deprecated `_clickAction` parameter to be removed, use

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

@@ -23,7 +23,6 @@ ng_module(
     module_name = "@angular/material-experimental/mdc-progress-bar",
     deps = [
         "//src/cdk/bidi",
-        "//src/cdk/platform",
         "//src/material/core",
         "//src/material/progress-bar",
         "@npm//@angular/core",

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

@@ -27,7 +27,6 @@ import {MDCLinearProgressAdapter, MDCLinearProgressFoundation} from '@material/l
 import {Subscription, fromEvent, Observable} from 'rxjs';
 import {filter} from 'rxjs/operators';
 import {Directionality} from '@angular/cdk/bidi';
-import {Platform} from '@angular/cdk/platform';
 
 // Boilerplate for applying mixins to MatProgressBar.
 /** @docs-private */
@@ -63,7 +62,6 @@ export class MatProgressBar extends _MatProgressBarMixinBase implements AfterVie
 
   constructor(public _elementRef: ElementRef<HTMLElement>,
               private _ngZone: NgZone,
-              private _platform: Platform,
               @Optional() private _dir?: Directionality,
               @Optional() @Inject(ANIMATION_MODULE_TYPE) public _animationMode?: string) {
     super(_elementRef);
@@ -79,7 +77,7 @@ export class MatProgressBar extends _MatProgressBarMixinBase implements AfterVie
   /** Adapter used by MDC to interact with the DOM. */
   private _adapter: MDCLinearProgressAdapter = {
     addClass: (className: string) => this._rootElement.classList.add(className),
-    forceLayout: () => this._platform.isBrowser && this._rootElement.offsetWidth,
+    forceLayout: () => this._rootElement.offsetWidth,
     removeAttribute: (name: string) => this._rootElement.removeAttribute(name),
     setAttribute: (name: string, value: string) => this._rootElement.setAttribute(name, value),
     hasClass: (className: string) => this._rootElement.classList.contains(className),
@@ -184,8 +182,7 @@ export class MatProgressBar extends _MatProgressBarMixinBase implements AfterVie
   private _syncFoundation() {
     const foundation = this._foundation;
 
-    // Don't sync any state if we're not in a browser, because MDC uses some window APIs.
-    if (foundation && this._platform.isBrowser) {
+    if (foundation) {
       const direction = this._dir ? this._dir.value : 'ltr';
       const mode = this.mode;