feat: add preserveWhitespaces: false to all components (#7115)

Also adds lint check to enforce its presence

Author: jelbourn

src/cdk/stepper/stepper.ts

@@ -60,7 +60,8 @@ export class StepperSelectionEvent {
   moduleId: module.id,
   selector: 'cdk-step',
   templateUrl: 'step.html',
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class CdkStep {
   /** Template for step label if it exists. */

src/cdk/table/row.ts

@@ -150,6 +150,7 @@ export class CdkCellOutlet {
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class CdkHeaderRow { }
 
@@ -164,5 +165,6 @@ export class CdkHeaderRow { }
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class CdkRow { }

src/cdk/table/table.ts

@@ -76,6 +76,7 @@ export const CDK_TABLE_TEMPLATE = `
     'class': 'cdk-table',
   },
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CdkTable<T> implements CollectionViewer {

src/demo-app/a11y/a11y.ts

@@ -13,6 +13,7 @@ export class AccessibilityHome {}
   templateUrl: 'a11y.html',
   styleUrls: ['a11y.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class AccessibilityDemo {
   @ViewChild('maincontent') mainContent: ElementRef;

src/demo-app/a11y/icon/icon-a11y.ts

@@ -6,6 +6,7 @@ import {MdSnackBar} from '@angular/material';
   selector: 'icon-a11y',
   templateUrl: 'icon-a11y.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class IconAccessibilityDemo {
   constructor(private snackBar: MdSnackBar) {}

src/demo-app/autocomplete/autocomplete-demo.ts

@@ -18,7 +18,8 @@ export interface StateGroup {
   selector: 'autocomplete-demo',
   templateUrl: 'autocomplete-demo.html',
   styleUrls: ['autocomplete-demo.css'],
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class AutocompleteDemo {
   stateCtrl: FormControl;

src/demo-app/demo-app/demo-app.ts

@@ -17,6 +17,7 @@ import {OverlayContainer} from '@angular/cdk/overlay';
   selector: 'entry-app',
   template: '<router-outlet></router-outlet>',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class EntryApp {}
 
@@ -41,6 +42,7 @@ export class Home {}
   templateUrl: 'demo-app.html',
   styleUrls: ['demo-app.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class DemoApp {
   dark = false;

src/demo-app/expansion/expansion-demo.ts

@@ -6,6 +6,7 @@ import {Component, ViewEncapsulation} from '@angular/core';
   styleUrls: ['expansion-demo.css'],
   templateUrl: 'expansion-demo.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class ExpansionDemo {
   displayMode: string = 'default';

src/demo-app/icon/icon-demo.ts

@@ -8,6 +8,7 @@ import {MdIconRegistry} from '@angular/material';
   templateUrl: 'icon-demo.html',
   styleUrls: ['icon-demo.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class IconDemo {
   constructor(mdIconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {

src/demo-app/overlay/overlay-demo.ts

@@ -23,6 +23,7 @@ import {
   templateUrl: 'overlay-demo.html',
   styleUrls: ['overlay-demo.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class OverlayDemo {
   nextPosition: number = 0;