feat(dialog): allow setting the layout direction

Allows users to set the layout direction of a dialog.

Author: crisbeto

src/lib/dialog/dialog-config.ts

@@ -1,4 +1,5 @@
 import {ViewContainerRef} from '@angular/core';
+import {LayoutDirection} from '../core';
 
 /** Valid ARIA roles for a dialog element. */
 export type DialogRole = 'dialog' | 'alertdialog';
@@ -48,5 +49,8 @@ export class MdDialogConfig {
   /** Data being injected into the child component. */
   data?: any = null;
 
+  /** Layout direction for the dialog's content. */
+  direction?: LayoutDirection = 'ltr';
+
   // TODO(jelbourn): add configuration for lifecycle hooks, ARIA labelling.
 }

src/lib/dialog/dialog.spec.ts

@@ -312,6 +312,16 @@ describe('MdDialog', () => {
     expect(overlayPane.style.width).toBe('200px');
   });
 
+  it('should allow setting the layout direction', () => {
+    let dialogRef = dialog.open(PizzaMsg, { direction: 'rtl' });
+
+    viewContainerFixture.detectChanges();
+
+    let overlayPane = overlayContainerElement.querySelector('.cdk-overlay-pane');
+
+    expect(overlayPane.getAttribute('dir')).toBe('rtl');
+  });
+
   it('should close all of the dialogs', async(() => {
     dialog.open(PizzaMsg);
     dialog.open(PizzaMsg);

src/lib/dialog/dialog.ts

@@ -122,6 +122,7 @@ export class MdDialog {
   private _getOverlayState(dialogConfig: MdDialogConfig): OverlayState {
     let overlayState = new OverlayState();
     overlayState.hasBackdrop = dialogConfig.hasBackdrop;
+    overlayState.direction = dialogConfig.direction;
     overlayState.scrollStrategy = new BlockScrollStrategy(this._viewportRuler);
     if (dialogConfig.backdropClass) {
       overlayState.backdropClass = dialogConfig.backdropClass;