fix(grid-list): make dir optional

Author: kara

src/components/grid-list/grid-list.ts

@@ -7,7 +7,8 @@ import {
   ContentChildren,
   QueryList,
   Renderer,
-  ElementRef
+  ElementRef,
+  Optional
 } from '@angular/core';
 import {MdGridTile} from './grid-tile';
 import {TileCoordinator} from './tile-coordinator';
@@ -57,7 +58,7 @@ export class MdGridList implements OnInit, AfterContentChecked {
   constructor(
       private _renderer: Renderer,
       private _element: ElementRef,
-      private _dir: Dir) {}
+      @Optional() private _dir: Dir) {}
 
   @Input()
   get cols() {
@@ -128,7 +129,8 @@ export class MdGridList implements OnInit, AfterContentChecked {
   private _layoutTiles(): void {
     let tiles = this._tiles.toArray();
     let tracker = new TileCoordinator(this.cols, tiles);
-    this._tileStyler.init(this.gutterSize, tracker, this.cols, this._dir);
+    let direction = this._dir ? this._dir.value : 'ltr';
+    this._tileStyler.init(this.gutterSize, tracker, this.cols, direction);
 
     for (let i = 0; i < tiles.length; i++) {
       let pos = tracker.positions[i];

src/components/grid-list/tile-styler.ts

@@ -1,7 +1,6 @@
 import {MdGridTile} from './grid-tile';
 import {TileCoordinator} from './tile-coordinator';
 import {MdGridListBadRatioError} from './grid-list-errors';
-import {Dir} from '@angular2-material/core/rtl/dir';
 
 /* Sets the style properties for an individual tile, given the position calculated by the
 * Tile Coordinator. */
@@ -10,18 +9,18 @@ export class TileStyler {
   _rows: number = 0;
   _rowspan: number = 0;
   _cols: number;
-  _dir: Dir;
+  _direction: string;
 
   /** Adds grid-list layout info once it is available. Cannot be processed in the constructor
    * because these properties haven't been calculated by that point.
    * @internal
    * */
-  init(_gutterSize: string, tracker: TileCoordinator, cols: number, dir: Dir): void {
+  init(_gutterSize: string, tracker: TileCoordinator, cols: number, direction: string): void {
     this._gutterSize = normalizeUnits(_gutterSize);
     this._rows = tracker.rowCount;
     this._rowspan = tracker.rowspan;
     this._cols = cols;
-    this._dir = dir;
+    this._direction = direction;
   }
 
   /**
@@ -93,7 +92,7 @@ export class TileStyler {
 
     // The width and horizontal position of each tile is always calculated the same way, but the
     // height and vertical position depends on the rowMode.
-    let side = this._dir.value === 'ltr' ? 'left' : 'right';
+    let side = this._direction === 'ltr' ? 'left' : 'right';
     tile.setStyle(side, this.getTilePosition(baseTileWidth, colIndex));
     tile.setStyle('width', calc(this.getTileSize(baseTileWidth, tile.colspan)));
   }
@@ -119,8 +118,8 @@ export class FixedTileStyler extends TileStyler {
   constructor(public fixedRowHeight: string) { super(); }
 
   /** @internal */
-  init(gutterSize: string, tracker: TileCoordinator, cols: number, dir: Dir) {
-    super.init(gutterSize, tracker, cols, dir);
+  init(gutterSize: string, tracker: TileCoordinator, cols: number, direction: string) {
+    super.init(gutterSize, tracker, cols, direction);
     this.fixedRowHeight = normalizeUnits(this.fixedRowHeight);
   }