chore(focus-trap): move template to a separate file (#1772)

Moves the focus trap to a separate file, as per a TODO.

Author: crisbeto

src/lib/core/a11y/focus-trap.html

@@ -0,0 +1,3 @@
+<div tabindex="0" (focus)="focusLastTabbableElement()"></div>
+<div #trappedContent><ng-content></ng-content></div>
+<div tabindex="0" (focus)="focusFirstTabbableElement()"></div>

src/lib/core/a11y/focus-trap.ts

@@ -13,11 +13,7 @@ import {InteractivityChecker} from './interactivity-checker';
 @Component({
   moduleId: module.id,
   selector: 'focus-trap',
-  // TODO(jelbourn): move this to a separate file.
-  template: `
-  <div tabindex="0" (focus)="focusLastTabbableElement()"></div>
-  <div #trappedContent><ng-content></ng-content></div>
-  <div tabindex="0" (focus)="focusFirstTabbableElement()"></div>`,
+  templateUrl: 'focus-trap.html',
   encapsulation: ViewEncapsulation.None,
 })
 export class FocusTrap {