fix(ie): avoid top level Promise

Author: manucorporat

src/client/client-task-queue.ts

@@ -85,7 +85,7 @@ const flush = () => {
   }
 };
 
-export const tick = /*@__PURE__*/Promise.resolve();
+export const nextTick = /*@__PURE__*/(cb: () => void) => Promise.resolve().then(cb);
 
 export const readTask = /*@__PURE__*/queueTask(queueDomReads);
 

src/hydrate/platform/index.ts

@@ -55,7 +55,7 @@ export const writeTask = (cb: Function) => {
   });
 };
 
-export const tick = Promise.resolve();
+export const nextTick = /*@__PURE__*/(cb: () => void) => Promise.resolve().then(cb);
 
 export const consoleError = (e: any) => {
   if (e != null) {

src/runtime/connected-callback.ts

@@ -3,7 +3,7 @@ import { addEventListeners } from './host-listener';
 import { addStyle } from './styles';
 import { BUILD } from '@build-conditionals';
 import { CMP_FLAGS, HOST_FLAGS, MEMBER_FLAGS } from '@utils';
-import { doc, getHostRef, plt, supportsShadowDom, tick } from '@platform';
+import { doc, getHostRef, nextTick, plt, supportsShadowDom } from '@platform';
 import { HYDRATE_ID, NODE_TYPE, PLATFORM_FLAGS } from './runtime-constants';
 import { initializeClientHydrate } from './client-hydrate';
 import { initializeComponent } from './initialize-component';
@@ -95,7 +95,7 @@ export const connectedCallback = (elm: d.HostElement, cmpMeta: d.ComponentRuntim
         // angular sets attribute AFTER connectCallback
         // https://github.com/angular/angular/issues/18909
         // https://github.com/angular/angular/issues/19940
-        tick.then(() => initializeComponent(elm, hostRef, cmpMeta));
+        nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
 
       } else {
         initializeComponent(elm, hostRef, cmpMeta);

src/runtime/context.ts

@@ -1,4 +1,4 @@
-import { Context, doc, getAssetPath, readTask, tick, win, writeTask } from '@platform';
+import { Context, doc, getAssetPath, readTask, nextTick, win, writeTask } from '@platform';
 import { BUILD } from '@build-conditionals';
 
 export const getContext = (_elm: HTMLElement, context: string) => {
@@ -19,7 +19,11 @@ export const getContext = (_elm: HTMLElement, context: string) => {
     return {
       write: writeTask,
       read: readTask,
-      tick
+      tick: {
+        then(cb: () => void) {
+          return nextTick(cb);
+        }
+      }
     };
   }
   return undefined;

src/testing/task-queue.ts

@@ -24,13 +24,10 @@ export function resetTaskQueue() {
 }
 
 
-export const tick = {
-  then(cb: Function) {
-    queuedTicks.push(cb);
-  }
+export const nextTick = (cb: Function) => {
+  queuedTicks.push(cb);
 };
 
-
 export function flushTicks() {
   return new Promise((resolve, reject) => {