From f600d4e9e4526ae3d6fe1c45a8657f6e43e5e958 Mon Sep 17 00:00:00 2001
From: Peter Bacon Darwin <pete@bacondarwin.com>
Date: Sun, 12 Mar 2017 14:07:49 +0000
Subject: [PATCH] refactor(aio): move window:resize handler into component

---
 aio/src/app/app.component.html | 2 +-
 aio/src/app/app.component.ts   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index 6f9fd7fd11..6ecd5b23eb 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -5,7 +5,7 @@
   <span class="fill-remaining-space"></span>
 </md-toolbar>
 
-<md-sidenav-container class="sidenav-container" (window:resize)="onResize($event.target.innerWidth)">
+<md-sidenav-container class="sidenav-container">
 
   <md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
     <aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>
diff --git a/aio/src/app/app.component.ts b/aio/src/app/app.component.ts
index dfd1812749..874fdf24d6 100644
--- a/aio/src/app/app.component.ts
+++ b/aio/src/app/app.component.ts
@@ -43,6 +43,7 @@ export class AppComponent implements OnInit {
     this.onResize(window.innerWidth);
   }
 
+  @HostListener('window:resize', ['$event.target.innerWidth'])
   onResize(width) {
     this.isSideBySide = width > this.sideBySideWidth;
   }