import { NgZone } from '@angular/core';

import { applyPolyfills, defineCustomElements } from '@ionic/core/loader';

import { Config } from './providers/config';

import { IonicWindow } from './types/interfaces';

import { raf } from './util/util';

let didInitialize = false;

export const appInitialize = (config: Config, doc: Document, zone: NgZone) => {

return (): any => {

const win: IonicWindow | undefined = doc.defaultView as any;

if (win && typeof (window as any) !== 'undefined') {

if (didInitialize) {

console.warn('Ionic Angular was already initialized. Make sure IonicModule.forRoot() is just called once.');

}

didInitialize = true;

const Ionic = win.Ionic = win.Ionic || {};

Ionic.config = {

...config,

_zoneGate: (h: any) => zone.run(h)

};

const aelFn = '__zone_symbol__addEventListener' in (doc.body as any)

? '__zone_symbol__addEventListener'

: 'addEventListener';

return applyPolyfills().then(() => {

return defineCustomElements(win, {

exclude: ['ion-tabs', 'ion-tab'],

syncQueue: true,

raf,

jmp: (h: any) => zone.runOutsideAngular(h),

ael(elm, eventName, cb, opts) {

(elm as any)[aelFn](eventName, cb, opts);

},

rel(elm, eventName, cb, opts) {

elm.removeEventListener(eventName, cb, opts);

}

});

});

}

};

};