Allow use of zone wrappers outside inejection context (#3589)

Author: jamesdaniels

src/zones.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import{
 Injectable,
+Injector,
 NgZone,
 PendingTasks,
 inject
@@ -97,7 +98,7 @@ const zoneWrapFn = (
 )=>{
 return(...args: any[])=>{
 if(taskDone){
-setTimeout(taskDone,10);
+setTimeout(taskDone,0);
 }
 returnrun(()=>it.apply(this,args));
 };
@@ -108,12 +109,22 @@ export const ɵzoneWrap = <T= unknown>(it: T, blockUntilFirst: boolean): T => {
 returnfunction(){
 lettaskDone: VoidFunction|undefined;
 const_arguments=arguments;
+letschedulers: ɵAngularFireSchedulers;
+letpendingTasks: PendingTasks;
+letinjector: Injector;
+try{
+schedulers=getSchedulers();
+pendingTasks=inject(PendingTasks);
+injector=inject(Injector);
+}catch(e){
+return(itasany).apply(this,_arguments);
+}
 // if this is a callback function, e.g, onSnapshot, we should create a pending task and complete it
 // only once one of the callback functions is tripped.
 for(leti=0;i<arguments.length;i++){
 if(typeof_arguments[i]==='function'){
 if(blockUntilFirst){
-taskDone||=run(()=>inject(PendingTasks).add());
+taskDone||=run(()=>pendingTasks.add());
 }
 // TODO create a microtask to track callback functions
 _arguments[i]=zoneWrapFn(_arguments[i],taskDone);
@@ -122,7 +133,6 @@ export const ɵzoneWrap = <T= unknown>(it: T, blockUntilFirst: boolean): T => {
 constret=runOutsideAngular(()=>(itasany).apply(this,_arguments));
 if(!blockUntilFirst){
 if(retinstanceofObservable){
-constschedulers=getSchedulers();
 returnret.pipe(
 subscribeOn(schedulers.outsideAngular),
 observeOn(schedulers.insideAngular),
@@ -132,18 +142,17 @@ export const ɵzoneWrap = <T= unknown>(it: T, blockUntilFirst: boolean): T => {
 }
 }
 if(retinstanceofObservable){
-constschedulers=getSchedulers();
 returnret.pipe(
 subscribeOn(schedulers.outsideAngular),
 observeOn(schedulers.insideAngular),
-pendingUntilEvent(),
+pendingUntilEvent(injector),
 );
 }elseif(retinstanceofPromise){
 // eslint-disable-next-line @typescript-eslint/no-misused-promises
 returnrun(
 ()=>
 newPromise((resolve,reject)=>{
-inject(PendingTasks).run(()=>ret).then(
+pendingTasks.run(()=>ret).then(
 (it)=>run(()=>resolve(it)),
 (reason)=>run(()=>reject(reason))
 );
@@ -153,7 +162,7 @@ export const ɵzoneWrap = <T= unknown>(it: T, blockUntilFirst: boolean): T => {
 // Handle unsubscribe
 // function() is needed for the arguments object
 returnfunction(){
-setTimeout(taskDone,10);
+setTimeout(taskDone,0);
 returnret.apply(this,arguments);
 };
 }else{