From ff06dab3c07f3e5e8933523a9ff12bbc31bd171d Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.mtza@gmail.com>
Date: Sat, 31 Mar 2018 16:15:13 +0200
Subject: [PATCH] fix(router-outlet): mutable prop

---
 core/src/components/router-outlet/route-outlet.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/core/src/components/router-outlet/route-outlet.tsx b/core/src/components/router-outlet/route-outlet.tsx
index 08f77db8f42..45c4b2eecc8 100644
--- a/core/src/components/router-outlet/route-outlet.tsx
+++ b/core/src/components/router-outlet/route-outlet.tsx
@@ -1,7 +1,7 @@
 import { Component, Element, Method, Prop } from '@stencil/core';
 import { transition } from '../../utils';
 import { NavDirection } from '../nav/nav-util';
-import { AnimationBuilder, Config, FrameworkDelegate, NavOutlet } from '../..';
+import { AnimationBuilder, ComponentProps, ComponentRef, Config, FrameworkDelegate, NavOutlet } from '../..';
 import { attachComponent, detachComponent } from '../../utils/framework-delegate';
 import { RouteID, RouteWrite } from '../router/utils/interfaces';
 
@@ -24,7 +24,7 @@ export class RouterOutlet implements NavOutlet {
   @Prop({context: 'config'}) config: Config;
   @Prop({connect: 'ion-animation-controller'}) animationCtrl: HTMLIonAnimationControllerElement;
 
-  @Prop() animated: boolean;
+  @Prop({ mutable: true }) animated: boolean;
   @Prop() animationBuilder: AnimationBuilder;
   @Prop() delegate: FrameworkDelegate;
 
@@ -39,7 +39,7 @@ export class RouterOutlet implements NavOutlet {
   }
 
   @Method()
-  async setRoot(component: HTMLElement|string, params?: {[key: string]: any}, opts?: RouterOutletOptions): Promise<boolean> {
+  async setRoot(component: ComponentRef, params?: ComponentProps, opts?: RouterOutletOptions): Promise<boolean> {
     if (this.isTransitioning || this.activeComponent === component) {
       return false;
     }