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

Moves the focus trap to a separate file, as per a TODO.
angular · Nov 22, 2016 · 8780720 · 8780720
1 parent fc30d4c
commit 8780720
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/lib/core/a11y/focus-trap.html b/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>
diff --git a/src/lib/core/a11y/focus-trap.ts b/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 {