feat: add preserveWhitespaces: false to all components

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;

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

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

src/demo-app/snack-bar/snack-bar-demo.ts

@@ -13,6 +13,7 @@ import {
   styleUrls: ['snack-bar-demo.css'],
   templateUrl: 'snack-bar-demo.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class SnackBarDemo {
   message: string = 'Snack Bar opened.';

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

@@ -7,6 +7,7 @@ import {Observable} from 'rxjs/Observable';
   templateUrl: 'tabs-demo.html',
   styleUrls: ['tabs-demo.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class TabsDemo {
   // Nav bar demo

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

@@ -8,6 +8,7 @@ import {TooltipPosition} from '@angular/material';
   templateUrl: 'tooltip-demo.html',
   styleUrls: ['tooltip-demo.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class TooltipDemo {
   position: TooltipPosition = 'below';

src/lib/autocomplete/autocomplete.ts

@@ -43,6 +43,7 @@ export class MdAutocompleteSelectedEvent {
   templateUrl: 'autocomplete.html',
   styleUrls: ['autocomplete.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   exportAs: 'mdAutocomplete, matAutocomplete',
   host: {

src/lib/button-toggle/button-toggle.ts

@@ -261,6 +261,7 @@ export class MdButtonToggleGroupMultiple extends _MdButtonToggleGroupMixinBase
   templateUrl: 'button-toggle.html',
   styleUrls: ['button-toggle.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     '[class.mat-button-toggle-standalone]': '!buttonToggleGroup && !buttonToggleGroupMultiple',

src/lib/button/button.ts

@@ -128,6 +128,7 @@ export const _MdButtonMixinBase = mixinColor(mixinDisabled(mixinDisableRipple(Md
   styleUrls: ['button.css'],
   inputs: ['disabled', 'disableRipple', 'color'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdButton extends _MdButtonMixinBase
@@ -201,6 +202,7 @@ export class MdButton extends _MdButtonMixinBase
   templateUrl: 'button.html',
   styleUrls: ['button.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdAnchor extends MdButton {

src/lib/card/card.ts

@@ -155,6 +155,7 @@ export class MdCardAvatar {}
   templateUrl: 'card.html',
   styleUrls: ['card.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {'class': 'mat-card'}
 })
@@ -171,6 +172,7 @@ export class MdCard {}
   selector: 'md-card-header, mat-card-header',
   templateUrl: 'card-header.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {'class': 'mat-card-header'}
 })
@@ -187,6 +189,7 @@ export class MdCardHeader {}
   selector: 'md-card-title-group, mat-card-title-group',
   templateUrl: 'card-title-group.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {'class': 'mat-card-title-group'}
 })

src/lib/checkbox/checkbox.ts

@@ -107,6 +107,7 @@ export const _MdCheckboxMixinBase =
   providers: [MD_CHECKBOX_CONTROL_VALUE_ACCESSOR],
   inputs: ['disabled', 'disableRipple', 'color'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MdCheckbox extends _MdCheckboxMixinBase implements ControlValueAccessor, AfterViewInit,

src/lib/chips/chip-list.ts

@@ -49,6 +49,7 @@ import {coerceBooleanProperty} from '@angular/cdk/coercion';
   },
   styleUrls: ['chips.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MdChipList implements AfterContentInit, OnDestroy {

src/lib/core/option/optgroup.ts

@@ -25,6 +25,7 @@ let _uniqueOptgroupIdCounter = 0;
   selector: 'md-optgroup, mat-optgroup',
   templateUrl: 'optgroup.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   inputs: ['disabled'],
   host: {

src/lib/core/option/option.ts

@@ -57,6 +57,7 @@ export class MdOptionSelectionChange {
   },
   templateUrl: 'option.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdOption {

src/lib/core/selection/pseudo-checkbox/pseudo-checkbox.ts

@@ -26,6 +26,7 @@ export type MdPseudoCheckboxState = 'unchecked' | 'checked' | 'indeterminate';
 @Component({
   moduleId: module.id,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'md-pseudo-checkbox, mat-pseudo-checkbox',
   styleUrls: ['pseudo-checkbox.css'],

src/lib/datepicker/calendar-body.ts

@@ -41,6 +41,7 @@ export class MdCalendarCell {
     'class': 'mat-calendar-body',
   },
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdCalendarBody {

src/lib/datepicker/calendar.ts

@@ -57,6 +57,7 @@ import {MdDatepickerIntl} from './datepicker-intl';
     'class': 'mat-calendar',
   },
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdCalendar<D> implements AfterContentInit, OnDestroy {

src/lib/datepicker/datepicker-toggle.ts

@@ -32,6 +32,7 @@ import {of as observableOf} from 'rxjs/observable/of';
     'class': 'mat-datepicker-toggle',
   },
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdDatepickerToggle<D> implements OnChanges, OnDestroy {

src/lib/datepicker/datepicker.ts

@@ -85,6 +85,7 @@ export const MD_DATEPICKER_SCROLL_STRATEGY_PROVIDER = {
     '(keydown)': '_handleKeydown($event)',
   },
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdDatepickerContent<D> implements AfterContentInit {
@@ -120,6 +121,7 @@ export class MdDatepickerContent<D> implements AfterContentInit {
   template: '',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class MdDatepicker<D> implements OnDestroy {
   /** The date to open the calendar to initially. */

src/lib/datepicker/month-view.ts

@@ -34,6 +34,7 @@ const DAYS_PER_WEEK = 7;
   selector: 'md-month-view',
   templateUrl: 'month-view.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdMonthView<D> implements AfterContentInit {

src/lib/datepicker/year-view.ts

@@ -31,6 +31,7 @@ import {createMissingDateImplError} from './datepicker-errors';
   selector: 'md-year-view, mat-year-view',
   templateUrl: 'year-view.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdYearView<D> implements AfterContentInit {

src/lib/dialog/dialog-container.ts

@@ -50,6 +50,7 @@ export function throwMdDialogContentAlreadyAttachedError() {
   templateUrl: 'dialog-container.html',
   styleUrls: ['dialog.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   animations: [
     trigger('slideDialog', [
       // Note: The `enter` animation doesn't transition to something like `translate3d(0, 0, 0)

src/lib/expansion/expansion-panel-header.ts

@@ -46,6 +46,7 @@ import {Subscription} from 'rxjs/Subscription';
   styleUrls: ['./expansion-panel-header.css'],
   templateUrl: './expansion-panel-header.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     'class': 'mat-expansion-panel-header',

src/lib/expansion/expansion-panel.ts

@@ -58,6 +58,7 @@ export const EXPANSION_PANEL_ANIMATION_TIMING = '225ms cubic-bezier(0.4,0.0,0.2,
   selector: 'md-expansion-panel, mat-expansion-panel',
   templateUrl: './expansion-panel.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   inputs: ['disabled', 'expanded'],
   host: {

src/lib/form-field/form-field.ts

@@ -83,6 +83,7 @@ let nextUniqueId = 0;
     '(click)': '_control.focus()',
   },
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 

src/lib/grid-list/grid-list.ts

@@ -45,6 +45,7 @@ const MD_FIT_MODE = 'fit';
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class MdGridList implements OnInit, AfterContentChecked {
   /** Number of columns being rendered. */

src/lib/grid-list/grid-tile.ts

@@ -30,6 +30,7 @@ import {coerceToNumber} from './grid-list-measure';
   templateUrl: 'grid-tile.html',
   styleUrls: ['grid-list.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdGridTile {
@@ -63,6 +64,7 @@ export class MdGridTile {
   templateUrl: 'grid-tile-text.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
 })
 export class MdGridTileText implements AfterContentInit {
   /**

src/lib/icon/icon.ts

@@ -69,6 +69,7 @@ export const _MdIconMixinBase = mixinColor(MdIconBase);
     'class': 'mat-icon',
   },
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdIcon extends _MdIconMixinBase implements OnChanges, OnInit, CanColor {

src/lib/list/list.ts

@@ -52,6 +52,7 @@ export class MdListDivider {}
   styleUrls: ['list.css'],
   inputs: ['disableRipple'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdList extends _MdListMixinBase implements CanDisableRipple {}
@@ -129,6 +130,7 @@ export class MdListSubheaderCssMatStyler {}
   inputs: ['disableRipple'],
   templateUrl: 'list-item.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MdListItem extends _MdListItemMixinBase implements AfterContentInit, CanDisableRipple {

src/lib/list/selection-list.ts

@@ -81,6 +81,7 @@ const FOCUSED_STYLE: string = 'mat-list-item-focus';
   },
   templateUrl: 'list-option.html',
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   providers: [{provide: MATERIAL_COMPATIBILITY_MODE, useValue: false}],
 })
@@ -201,6 +202,7 @@ export class MdListOption extends _MdListOptionMixinBase
   template: '<ng-content></ng-content>',
   styleUrls: ['list.css'],
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MdSelectionList extends _MdSelectionListMixinBase

src/lib/menu/menu-directive.ts

@@ -62,6 +62,7 @@ const MD_MENU_BASE_ELEVATION = 2;
   styleUrls: ['menu.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   animations: [
     transformMenu,
     fadeInItems

src/lib/menu/menu-item.ts

@@ -43,6 +43,7 @@ export const _MdMenuItemMixinBase = mixinDisabled(MdMenuItemBase);
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  preserveWhitespaces: false,
   templateUrl: 'menu-item.html',
   exportAs: 'mdMenuItem, matMenuItem',
 })