From 87807200f78f57cad445951cd1b266d8f40f816d Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 22 Nov 2016 18:53:23 +0100
Subject: [PATCH] chore(focus-trap): move template to a separate file (#1772)

Moves the focus trap to a separate file, as per a TODO.
---
 src/lib/core/a11y/focus-trap.html | 3 +++
 src/lib/core/a11y/focus-trap.ts   | 6 +-----
 2 files changed, 4 insertions(+), 5 deletions(-)
 create mode 100644 src/lib/core/a11y/focus-trap.html

diff --git a/src/lib/core/a11y/focus-trap.html b/src/lib/core/a11y/focus-trap.html
new file mode 100644
index 00000000000..577b68bfa8d
--- /dev/null
+++ 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
index abde73f8976..56368bb41e8 100644
--- 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 {