@worktile/planet 10.0.0 → 12.1.1

package/fesm2015/worktile-planet.js

@@ -1,1257 +0,0 @@
-import { InjectionToken, ɵɵdefineInjectable, ɵɵinject, Injectable, NgZone, INJECTOR, ApplicationRef, Injector, Inject, Optional, Component, NgModule, NgModuleRef } from '@angular/core';
-import { Router, NavigationEnd } from '@angular/router';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
-import { map, concatAll, switchMap, take, shareReplay, filter, distinctUntilChanged, tap, catchError, share, startWith, delayWhen, finalize } from 'rxjs/operators';
-import { of, Observable, concat, forkJoin, from, Subject, timer } from 'rxjs';
-import { PortalInjector, DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
-import { DOCUMENT } from '@angular/common';
-
-var SwitchModes;
-(function (SwitchModes) {
-    SwitchModes["default"] = "default";
-    SwitchModes["coexist"] = "coexist";
-})(SwitchModes || (SwitchModes = {}));
-const PLANET_APPLICATIONS = new InjectionToken('PLANET_APPLICATIONS');
-
-const ELEMENT_NODE_TYPE = 1;
-function hashCode(str) {
-    let hash = 0;
-    let chr;
-    if (str.length === 0) {
-        return hash;
-    }
-    for (let i = 0; i < str.length; i++) {
-        chr = str.charCodeAt(i);
-        hash = (hash << 5) - hash + chr;
-        hash |= 0; // Convert to 32bit integer
-    }
-    return hash;
-}
-function getHTMLElement(selector) {
-    if (selector instanceof HTMLElement) {
-        return selector;
-    }
-    else {
-        return document.querySelector(selector);
-    }
-}
-function getTagNameByTemplate(template) {
-    const element = createElementByTemplate(template);
-    return element ? element.nodeName : null;
-}
-function createElementByTemplate(template) {
-    if (!template) {
-        return null;
-    }
-    const element = document.createRange().createContextualFragment(template).firstChild;
-    if (element.nodeType === ELEMENT_NODE_TYPE) {
-        return element;
-    }
-    else {
-        throw new Error(`invalid template '${template}'`);
-    }
-}
-function coerceArray(value) {
-    return Array.isArray(value) ? value : [value];
-}
-function isEmpty(value) {
-    if (!value || value.length === 0) {
-        return true;
-    }
-    else {
-        return false;
-    }
-}
-function isFunction(value) {
-    const type = typeof value;
-    return !!value && type === 'function';
-}
-/**
- * Get file name from path
- * 1. "main.js" => "main.js"
- * 2. "assets/scripts/main.js" => "main.js"
- * @param path path
- */
-function getResourceFileName(path) {
-    const lastSlashIndex = path.lastIndexOf('/');
-    if (lastSlashIndex >= 0) {
-        return path.slice(lastSlashIndex + 1);
-    }
-    else {
-        return path;
-    }
-}
-/**
- * Build resource path by manifest
- * if manifest is { "main.js": "main.h2sh23abee.js"}
- * 1. "main.js" => "main.h2sh23abee.js"
- * 2. "assets/scripts/main.js" =>"assets/scripts/main.h2sh23abee.js"
- * @param resourceFilePath Resource File Path
- * @param manifestResult manifest
- */
-function buildResourceFilePath(resourceFilePath, manifestResult) {
-    const fileName = getResourceFileName(resourceFilePath);
-    if (manifestResult[fileName]) {
-        return resourceFilePath.replace(fileName, manifestResult[fileName]);
-    }
-    else {
-        return resourceFilePath;
-    }
-}
-/**
- * Get static resource full path
- * @param app PlanetApplication
- * @param manifestResult manifest
- */
-function getScriptsAndStylesFullPaths(app, manifestResult) {
-    let scripts = app.scripts || [];
-    let styles = app.styles || [];
-    // combine resource path by manifest
-    if (manifestResult) {
-        scripts = scripts.map(script => {
-            return buildResourceFilePath(script, manifestResult);
-        });
-        styles = styles.map(style => {
-            return buildResourceFilePath(style, manifestResult);
-        });
-    }
-    if (app.resourcePathPrefix) {
-        scripts = scripts.map(script => {
-            return `${app.resourcePathPrefix}${script}`;
-        });
-        styles = styles.map(style => {
-            return `${app.resourcePathPrefix}${style}`;
-        });
-    }
-    return {
-        scripts: scripts,
-        styles: styles
-    };
-}
-
-class AssetsLoader {
-    constructor(http) {
-        this.http = http;
-        this.loadedSources = [];
-    }
-    loadScript(src) {
-        const id = hashCode(src);
-        if (this.loadedSources.includes(id)) {
-            return of({
-                src: src,
-                hashCode: id,
-                loaded: true,
-                status: 'Loaded'
-            });
-        }
-        return new Observable((observer) => {
-            const script = document.createElement('script');
-            script.type = 'text/javascript';
-            script.src = src;
-            script.async = true;
-            if (script['readyState']) {
-                // IE
-                script['onreadystatechange'] = () => {
-                    if (script['readyState'] === 'loaded' || script['readyState'] === 'complete') {
-                        script['onreadystatechange'] = null;
-                        observer.next({
-                            src: src,
-                            hashCode: id,
-                            loaded: true,
-                            status: 'Loaded'
-                        });
-                        observer.complete();
-                        this.loadedSources.push(id);
-                    }
-                };
-            }
-            else {
-                // Others
-                script.onload = () => {
-                    observer.next({
-                        src: src,
-                        hashCode: id,
-                        loaded: true,
-                        status: 'Loaded'
-                    });
-                    observer.complete();
-                    this.loadedSources.push(id);
-                };
-            }
-            script.onerror = error => {
-                observer.error({
-                    src: src,
-                    hashCode: id,
-                    loaded: false,
-                    status: 'Error',
-                    error: error
-                });
-                observer.complete();
-            };
-            document.body.appendChild(script);
-        });
-    }
-    loadStyle(src) {
-        const id = hashCode(src);
-        if (this.loadedSources.includes(id)) {
-            return of({
-                src: src,
-                hashCode: id,
-                loaded: true,
-                status: 'Loaded'
-            });
-        }
-        return new Observable((observer) => {
-            const head = document.getElementsByTagName('head')[0];
-            const link = document.createElement('link');
-            link.rel = 'stylesheet';
-            link.type = 'text/css';
-            link.href = src;
-            link.media = 'all';
-            link.onload = () => {
-                observer.next({
-                    src: src,
-                    hashCode: id,
-                    loaded: true,
-                    status: 'Loaded'
-                });
-                observer.complete();
-                this.loadedSources.push(id);
-            };
-            link.onerror = error => {
-                observer.error({
-                    src: src,
-                    hashCode: id,
-                    loaded: true,
-                    status: 'Loaded',
-                    error: error
-                });
-                observer.complete();
-            };
-            head.appendChild(link);
-        });
-    }
-    loadScripts(sources, serial = false) {
-        if (isEmpty(sources)) {
-            return of(null);
-        }
-        const observables = sources.map(src => {
-            return this.loadScript(src);
-        });
-        if (serial) {
-            const a = concat(...observables).pipe(map(item => {
-                return of([item]);
-            }), concatAll());
-            return a;
-        }
-        else {
-            return forkJoin(observables).pipe();
-        }
-    }
-    loadStyles(sources) {
-        if (isEmpty(sources)) {
-            return of(null);
-        }
-        return forkJoin(sources.map(src => {
-            return this.loadStyle(src);
-        }));
-    }
-    loadScriptsAndStyles(scripts = [], styles = [], serial = false) {
-        return forkJoin([this.loadScripts(scripts, serial), this.loadStyles(styles)]);
-    }
-    loadAppAssets(app) {
-        if (app.manifest) {
-            return this.loadManifest(`${app.manifest}?t=${new Date().getTime()}`).pipe(switchMap(manifestResult => {
-                const { scripts, styles } = getScriptsAndStylesFullPaths(app, manifestResult);
-                return this.loadScriptsAndStyles(scripts, styles, app.loadSerial);
-            }));
-        }
-        else {
-            const { scripts, styles } = getScriptsAndStylesFullPaths(app);
-            return this.loadScriptsAndStyles(scripts, styles, app.loadSerial);
-        }
-    }
-    loadManifest(url) {
-        return this.http.get(url).pipe(map((response) => {
-            return response;
-        }));
-    }
-}
-AssetsLoader.ɵprov = ɵɵdefineInjectable({ factory: function AssetsLoader_Factory() { return new AssetsLoader(ɵɵinject(HttpClient)); }, token: AssetsLoader, providedIn: "root" });
-AssetsLoader.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-AssetsLoader.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class PlanetApplicationRef {
-    constructor(name, options) {
-        this.name = name;
-        if (options) {
-            this.template = options.template;
-            this.innerSelector = this.template ? getTagNameByTemplate(this.template) : null;
-            this.appModuleBootstrap = options.bootstrap;
-        }
-        // This is a hack, since NgZone doesn't allow you to configure the property that identifies your zone.
-        // See https://github.com/PlaceMe-SAS/single-spa-angular-cli/issues/33,
-        // NgZone.isInAngularZone = () => {
-        //     // @ts-ignore
-        //     return window.Zone.current._properties[`ngx-planet-${name}`] === true;
-        // };
-    }
-    get selector() {
-        return this.innerSelector;
-    }
-    get bootstrapped() {
-        return !!this.appModuleRef;
-    }
-    // 子应用路由变化后同步修改 portal 的 Route
-    syncPortalRouteWhenNavigationEnd() {
-        const router = this.appModuleRef.injector.get(Router);
-        const ngZone = this.appModuleRef.injector.get(NgZone);
-        if (router) {
-            router.events.subscribe(event => {
-                if (event instanceof NavigationEnd) {
-                    ngZone.onStable
-                        .asObservable()
-                        .pipe(take(1))
-                        .subscribe(() => {
-                        this.portalApp.router.navigateByUrl(event.url);
-                    });
-                }
-            });
-        }
-    }
-    bootstrap(app) {
-        if (!this.appModuleBootstrap) {
-            throw new Error(`app(${this.name}) is not defined`);
-        }
-        this.portalApp = app;
-        return from(this.appModuleBootstrap(app).then(appModuleRef => {
-            this.appModuleRef = appModuleRef;
-            this.appModuleRef.instance.appName = this.name;
-            this.syncPortalRouteWhenNavigationEnd();
-            return this;
-        }));
-    }
-    getRouter() {
-        return this.appModuleRef.injector.get(Router);
-    }
-    getCurrentRouterStateUrl() {
-        return this.getRouter().routerState.snapshot.url;
-    }
-    navigateByUrl(url) {
-        const ngZone = this.appModuleRef.injector.get(NgZone);
-        const router = this.getRouter();
-        ngZone.run(() => {
-            router.navigateByUrl(url);
-        });
-    }
-    getComponentFactory() {
-        return this.componentFactory;
-    }
-    registerComponentFactory(componentFactory) {
-        this.componentFactory = componentFactory;
-    }
-    destroy() {
-        if (this.appModuleRef) {
-            const router = this.appModuleRef.injector.get(Router);
-            if (router) {
-                router.dispose();
-            }
-            this.appModuleRef.destroy();
-            delete this.appModuleRef;
-        }
-    }
-}
-
-const globalPlanet = (window.planet = window.planet || {
-    apps: {}
-});
-function defineApplication(name, options) {
-    if (globalPlanet.apps[name]) {
-        throw new Error(`${name} application has exist.`);
-    }
-    if (isFunction(options)) {
-        options = {
-            template: '',
-            bootstrap: options
-        };
-    }
-    const appRef = new PlanetApplicationRef(name, options);
-    globalPlanet.apps[name] = appRef;
-}
-function getPlanetApplicationRef(appName) {
-    if (globalPlanet && globalPlanet.apps && globalPlanet.apps[appName]) {
-        return globalPlanet.apps[appName];
-    }
-    else {
-        return null;
-    }
-}
-function setPortalApplicationData(data) {
-    globalPlanet.portalApplication.data = data;
-}
-function getPortalApplicationData() {
-    return globalPlanet.portalApplication.data;
-}
-function setApplicationLoader(loader) {
-    globalPlanet.applicationLoader = loader;
-}
-function getApplicationLoader() {
-    return globalPlanet.applicationLoader;
-}
-function setApplicationService(service) {
-    globalPlanet.applicationService = service;
-}
-function getApplicationService() {
-    return globalPlanet.applicationService;
-}
-function clearGlobalPlanet() {
-    window.planet.apps = {};
-    window.planet.portalApplication = null;
-    window.planet.applicationLoader = null;
-    window.planet.applicationService = null;
-}
-
-class PlanetApplicationService {
-    constructor(http, assetsLoader) {
-        this.http = http;
-        this.assetsLoader = assetsLoader;
-        this.apps = [];
-        this.appsMap = {};
-        if (getApplicationService()) {
-            throw new Error('PlanetApplicationService has been injected in the portal, repeated injection is not allowed');
-        }
-    }
-    register(appOrApps) {
-        const apps = coerceArray(appOrApps);
-        apps.forEach(app => {
-            if (this.appsMap[app.name]) {
-                throw new Error(`${app.name} has be registered.`);
-            }
-            this.apps.push(app);
-            this.appsMap[app.name] = app;
-        });
-    }
-    registerByUrl(url) {
-        const result = this.http.get(`${url}`).pipe(map(apps => {
-            if (apps && Array.isArray(apps)) {
-                this.register(apps);
-            }
-            else {
-                this.register(apps);
-            }
-        }), shareReplay());
-        result.subscribe();
-        return result;
-    }
-    unregister(name) {
-        if (this.appsMap[name]) {
-            delete this.appsMap[name];
-            this.apps = this.apps.filter(app => {
-                return app.name !== name;
-            });
-        }
-    }
-    getAppsByMatchedUrl(url) {
-        return this.getApps().filter(app => {
-            if (app.routerPathPrefix instanceof RegExp) {
-                return app.routerPathPrefix.test(url);
-            }
-            else {
-                return url.startsWith(app.routerPathPrefix);
-            }
-        });
-    }
-    getAppByName(name) {
-        return this.appsMap[name];
-    }
-    getAppsToPreload(excludeAppNames) {
-        return this.getApps().filter(app => {
-            if (excludeAppNames) {
-                return app.preload && !excludeAppNames.includes(app.name);
-            }
-            else {
-                return app.preload;
-            }
-        });
-    }
-    getApps() {
-        return this.apps;
-    }
-}
-PlanetApplicationService.ɵprov = ɵɵdefineInjectable({ factory: function PlanetApplicationService_Factory() { return new PlanetApplicationService(ɵɵinject(HttpClient), ɵɵinject(AssetsLoader)); }, token: PlanetApplicationService, providedIn: "root" });
-PlanetApplicationService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-PlanetApplicationService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: AssetsLoader }
-];
-
-class PlanetPortalApplication {
-    navigateByUrl(url, extras) {
-        return this.ngZone.run(() => {
-            return this.router.navigateByUrl(url, extras);
-        });
-    }
-    run(fn) {
-        return this.ngZone.run(() => {
-            return fn();
-        });
-    }
-    tick() {
-        this.applicationRef.tick();
-    }
-}
-
-const CUSTOM_EVENT_NAME = 'PLANET_GLOBAL_EVENT_DISPATCHER';
-class GlobalEventDispatcher {
-    constructor(ngZone) {
-        this.ngZone = ngZone;
-        this.subject$ = new Subject();
-        this.hasAddGlobalEventListener = false;
-        this.subscriptionCount = 0;
-        this.globalEventListener = (event) => {
-            this.subject$.next(event.detail);
-        };
-    }
-    addGlobalEventListener() {
-        this.hasAddGlobalEventListener = true;
-        window.addEventListener(CUSTOM_EVENT_NAME, this.globalEventListener);
-    }
-    removeGlobalEventListener() {
-        this.hasAddGlobalEventListener = false;
-        window.removeEventListener(CUSTOM_EVENT_NAME, this.globalEventListener);
-    }
-    dispatch(name, payload) {
-        window.dispatchEvent(new CustomEvent(CUSTOM_EVENT_NAME, {
-            detail: {
-                name: name,
-                payload: payload
-            }
-        }));
-    }
-    register(eventName) {
-        return new Observable(observer => {
-            if (!this.hasAddGlobalEventListener) {
-                this.addGlobalEventListener();
-            }
-            this.subscriptionCount++;
-            const subscription = this.subject$
-                .pipe(filter(event => {
-                return event.name === eventName;
-            }), map(event => {
-                return event.payload;
-            }))
-                .subscribe(payload => {
-                this.ngZone.run(() => {
-                    observer.next(payload);
-                });
-            });
-            return () => {
-                this.subscriptionCount--;
-                subscription.unsubscribe();
-                if (!this.subscriptionCount) {
-                    this.removeGlobalEventListener();
-                }
-            };
-        });
-    }
-    getSubscriptionCount() {
-        return this.subscriptionCount;
-    }
-}
-GlobalEventDispatcher.ɵprov = ɵɵdefineInjectable({ factory: function GlobalEventDispatcher_Factory() { return new GlobalEventDispatcher(ɵɵinject(NgZone)); }, token: GlobalEventDispatcher, providedIn: "root" });
-GlobalEventDispatcher.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-GlobalEventDispatcher.ctorParameters = () => [
-    { type: NgZone }
-];
-
-var ApplicationStatus;
-(function (ApplicationStatus) {
-    ApplicationStatus[ApplicationStatus["assetsLoading"] = 1] = "assetsLoading";
-    ApplicationStatus[ApplicationStatus["assetsLoaded"] = 2] = "assetsLoaded";
-    ApplicationStatus[ApplicationStatus["bootstrapping"] = 3] = "bootstrapping";
-    ApplicationStatus[ApplicationStatus["bootstrapped"] = 4] = "bootstrapped";
-    ApplicationStatus[ApplicationStatus["active"] = 5] = "active";
-    ApplicationStatus[ApplicationStatus["loadError"] = 10] = "loadError";
-})(ApplicationStatus || (ApplicationStatus = {}));
-class PlanetApplicationLoader {
-    constructor(assetsLoader, planetApplicationService, ngZone, router, injector, applicationRef) {
-        this.assetsLoader = assetsLoader;
-        this.planetApplicationService = planetApplicationService;
-        this.ngZone = ngZone;
-        this.firstLoad = true;
-        this.inProgressAppAssetsLoads = new Map();
-        this.appsStatus = new Map();
-        this.portalApp = new PlanetPortalApplication();
-        this.routeChange$ = new Subject();
-        this.appStatusChange$ = new Subject();
-        this.appsLoadingStart$ = new Subject();
-        this.loadingDone = false;
-        if (getApplicationLoader()) {
-            throw new Error('PlanetApplicationLoader has been injected in the portal, repeated injection is not allowed');
-        }
-        this.options = {
-            switchMode: SwitchModes.default,
-            errorHandler: (error) => {
-                console.error(error);
-            }
-        };
-        this.portalApp.ngZone = ngZone;
-        this.portalApp.applicationRef = applicationRef;
-        this.portalApp.router = router;
-        this.portalApp.injector = injector;
-        this.portalApp.globalEventDispatcher = injector.get(GlobalEventDispatcher);
-        globalPlanet.portalApplication = this.portalApp;
-        this.setupRouteChange();
-    }
-    get appStatusChange() {
-        return this.appStatusChange$.asObservable();
-    }
-    get appsLoadingStart() {
-        return this.appsLoadingStart$.asObservable();
-    }
-    setAppStatus(app, status) {
-        this.ngZone.run(() => {
-            this.appStatusChange$.next({
-                app: app,
-                status: status
-            });
-            this.appsStatus.set(app, status);
-        });
-    }
-    switchModeIsCoexist(app) {
-        if (app && app.switchMode) {
-            return app.switchMode === SwitchModes.coexist;
-        }
-        else {
-            return this.options.switchMode === SwitchModes.coexist;
-        }
-    }
-    errorHandler(error) {
-        this.ngZone.run(() => {
-            this.options.errorHandler(error);
-        });
-    }
-    takeOneStable() {
-        return this.ngZone.onStable.pipe(take(1));
-    }
-    setLoadingDone() {
-        this.ngZone.run(() => {
-            this.loadingDone = true;
-        });
-    }
-    setupRouteChange() {
-        this.routeChange$
-            .pipe(distinctUntilChanged((x, y) => {
-            return (x && x.url) === (y && y.url);
-        }), 
-        // Using switchMap so we cancel executing loading when a new one comes in
-        switchMap(event => {
-            // Return new observable use of and catchError,
-            // in order to prevent routeChange$ completed which never trigger new route change
-            return of(event).pipe(
-            // unload apps and return should load apps
-            map(() => {
-                this.startRouteChangeEvent = event;
-                const shouldLoadApps = this.planetApplicationService.getAppsByMatchedUrl(event.url);
-                const shouldUnloadApps = this.getUnloadApps(shouldLoadApps);
-                this.appsLoadingStart$.next({
-                    shouldLoadApps,
-                    shouldUnloadApps
-                });
-                this.unloadApps(shouldUnloadApps, event);
-                return shouldLoadApps;
-            }), 
-            // Load app assets (static resources)
-            switchMap(shouldLoadApps => {
-                let hasAppsNeedLoadingAssets = false;
-                const loadApps$ = shouldLoadApps.map(app => {
-                    const appStatus = this.appsStatus.get(app);
-                    if (!appStatus ||
-                        appStatus === ApplicationStatus.assetsLoading ||
-                        appStatus === ApplicationStatus.loadError) {
-                        hasAppsNeedLoadingAssets = true;
-                        return this.ngZone.runOutsideAngular(() => {
-                            return this.startLoadAppAssets(app);
-                        });
-                    }
-                    else {
-                        return of(app);
-                    }
-                });
-                if (hasAppsNeedLoadingAssets) {
-                    this.loadingDone = false;
-                }
-                return loadApps$.length > 0 ? forkJoin(loadApps$) : of([]);
-            }), 
-            // Bootstrap or show apps
-            map(apps => {
-                const apps$ = [];
-                apps.forEach(app => {
-                    const appStatus = this.appsStatus.get(app);
-                    if (appStatus === ApplicationStatus.bootstrapped) {
-                        apps$.push(of(app).pipe(tap(() => {
-                            this.showApp(app);
-                            const appRef = getPlanetApplicationRef(app.name);
-                            appRef.navigateByUrl(event.url);
-                            this.setAppStatus(app, ApplicationStatus.active);
-                            this.setLoadingDone();
-                        })));
-                    }
-                    else if (appStatus === ApplicationStatus.assetsLoaded) {
-                        apps$.push(of(app).pipe(switchMap(() => {
-                            return this.bootstrapApp(app).pipe(map(() => {
-                                this.setAppStatus(app, ApplicationStatus.active);
-                                this.setLoadingDone();
-                                return app;
-                            }));
-                        })));
-                    }
-                    else if (appStatus === ApplicationStatus.active) {
-                        apps$.push(of(app).pipe(tap(() => {
-                            const appRef = getPlanetApplicationRef(app.name);
-                            // Backwards compatibility sub app use old version which has not getCurrentRouterStateUrl
-                            const currentUrl = appRef.getCurrentRouterStateUrl
-                                ? appRef.getCurrentRouterStateUrl()
-                                : '';
-                            if (currentUrl !== event.url) {
-                                appRef.navigateByUrl(event.url);
-                            }
-                        })));
-                    }
-                    else {
-                        throw new Error(`app(${app.name})'s status is ${appStatus}, can't be show or bootstrap`);
-                    }
-                });
-                if (apps$.length > 0) {
-                    // 切换到应用后会有闪烁现象，所以使用 setTimeout 后启动应用
-                    // example: redirect to app1's dashboard from portal's about page
-                    // If app's route has redirect, it doesn't work, it ok just in setTimeout, I don't know why.
-                    // TODO:: remove it, it is ok in version Angular 9.x
-                    setTimeout(() => {
-                        // 此处判断是因为如果静态资源加载完毕还未启动被取消，还是会启动之前的应用，虽然可能性比较小，但是无法排除这种可能性，所以只有当 Event 是最后一个才会启动
-                        if (this.startRouteChangeEvent === event) {
-                            // runOutsideAngular for fix error: `Expected to not be in Angular Zone, but it is!`
-                            this.ngZone.runOutsideAngular(() => {
-                                forkJoin(apps$).subscribe(() => {
-                                    this.setLoadingDone();
-                                    this.ensurePreloadApps(apps);
-                                });
-                            });
-                        }
-                    });
-                }
-                else {
-                    this.ensurePreloadApps(apps);
-                    this.setLoadingDone();
-                }
-            }), 
-            // Error handler
-            catchError(error => {
-                this.errorHandler(error);
-                return [];
-            }));
-        }))
-            .subscribe();
-    }
-    startLoadAppAssets(app) {
-        if (this.inProgressAppAssetsLoads.get(app.name)) {
-            return this.inProgressAppAssetsLoads.get(app.name);
-        }
-        else {
-            const loadApp$ = this.assetsLoader.loadAppAssets(app).pipe(tap(() => {
-                this.inProgressAppAssetsLoads.delete(app.name);
-                this.setAppStatus(app, ApplicationStatus.assetsLoaded);
-            }), map(() => {
-                return app;
-            }), catchError(error => {
-                this.inProgressAppAssetsLoads.delete(app.name);
-                this.setAppStatus(app, ApplicationStatus.loadError);
-                throw error;
-            }), share());
-            this.inProgressAppAssetsLoads.set(app.name, loadApp$);
-            this.setAppStatus(app, ApplicationStatus.assetsLoading);
-            return loadApp$;
-        }
-    }
-    hideApp(planetApp) {
-        const appRef = getPlanetApplicationRef(planetApp.name);
-        const appRootElement = document.querySelector(appRef.selector || planetApp.selector);
-        if (appRootElement) {
-            appRootElement.setAttribute('style', 'display:none;');
-        }
-    }
-    showApp(planetApp) {
-        const appRef = getPlanetApplicationRef(planetApp.name);
-        const appRootElement = document.querySelector(appRef.selector || planetApp.selector);
-        if (appRootElement) {
-            appRootElement.setAttribute('style', '');
-        }
-    }
-    destroyApp(planetApp) {
-        const appRef = getPlanetApplicationRef(planetApp.name);
-        if (appRef) {
-            appRef.destroy();
-        }
-        const container = getHTMLElement(planetApp.hostParent);
-        const appRootElement = container.querySelector((appRef && appRef.selector) || planetApp.selector);
-        if (appRootElement) {
-            container.removeChild(appRootElement);
-        }
-    }
-    bootstrapApp(app, defaultStatus = 'display') {
-        this.setAppStatus(app, ApplicationStatus.bootstrapping);
-        const appRef = getPlanetApplicationRef(app.name);
-        if (appRef && appRef.bootstrap) {
-            const container = getHTMLElement(app.hostParent);
-            let appRootElement;
-            if (container) {
-                appRootElement = container.querySelector(appRef.selector || app.selector);
-                if (!appRootElement) {
-                    if (appRef.template) {
-                        appRootElement = createElementByTemplate(appRef.template);
-                    }
-                    else {
-                        appRootElement = document.createElement(app.selector);
-                    }
-                    appRootElement.setAttribute('style', 'display:none;');
-                    if (app.hostClass) {
-                        appRootElement.classList.add(...coerceArray(app.hostClass));
-                    }
-                    if (app.stylePrefix) {
-                        appRootElement.classList.add(...coerceArray(app.stylePrefix));
-                    }
-                    container.appendChild(appRootElement);
-                }
-            }
-            let result = appRef.bootstrap(this.portalApp);
-            // Backwards compatibility promise for bootstrap
-            if (result['then']) {
-                result = from(result);
-            }
-            return result.pipe(tap(() => {
-                this.setAppStatus(app, ApplicationStatus.bootstrapped);
-                if (defaultStatus === 'display' && appRootElement) {
-                    appRootElement.removeAttribute('style');
-                }
-            }), map(() => {
-                return appRef;
-            }));
-        }
-        else {
-            throw new Error(`[${app.name}] not found, make sure that the app has the correct name defined use defineApplication(${app.name}) and runtimeChunk and vendorChunk are set to true, details see https://github.com/worktile/ngx-planet#throw-error-cannot-read-property-call-of-undefined-at-__webpack_require__-bootstrap79`);
-        }
-    }
-    getUnloadApps(activeApps) {
-        const unloadApps = [];
-        this.appsStatus.forEach((value, app) => {
-            if (value === ApplicationStatus.active && !activeApps.find(item => item.name === app.name)) {
-                unloadApps.push(app);
-            }
-        });
-        return unloadApps;
-    }
-    unloadApps(shouldUnloadApps, event) {
-        const hideApps = [];
-        const destroyApps = [];
-        shouldUnloadApps.forEach(app => {
-            if (this.switchModeIsCoexist(app)) {
-                hideApps.push(app);
-                this.hideApp(app);
-                this.setAppStatus(app, ApplicationStatus.bootstrapped);
-            }
-            else {
-                destroyApps.push(app);
-                // 销毁之前先隐藏，否则会出现闪烁，因为 destroy 是延迟执行的
-                // 如果销毁不延迟执行，会出现切换到主应用的时候会有视图卡顿现象
-                this.hideApp(app);
-                this.setAppStatus(app, ApplicationStatus.assetsLoaded);
-            }
-        });
-        if (hideApps.length > 0 || destroyApps.length > 0) {
-            // 从其他应用切换到主应用的时候会有视图卡顿现象，所以先等主应用渲染完毕后再加载其他应用
-            // 此处尝试使用 this.ngZone.onStable.pipe(take(1)) 应用之间的切换会出现闪烁
-            setTimeout(() => {
-                hideApps.forEach(app => {
-                    const appRef = getPlanetApplicationRef(app.name);
-                    if (appRef) {
-                        appRef.navigateByUrl(event.url);
-                    }
-                });
-                destroyApps.forEach(app => {
-                    this.destroyApp(app);
-                });
-            });
-        }
-    }
-    preloadApps(activeApps) {
-        setTimeout(() => {
-            const toPreloadApps = this.planetApplicationService.getAppsToPreload(activeApps ? activeApps.map(item => item.name) : null);
-            const loadApps$ = toPreloadApps.map(preloadApp => {
-                return this.preloadInternal(preloadApp);
-            });
-            forkJoin(loadApps$).subscribe({
-                error: error => this.errorHandler(error)
-            });
-        });
-    }
-    ensurePreloadApps(activeApps) {
-        // Start preload apps
-        // Start preload when first time app loaded
-        if (this.firstLoad) {
-            this.preloadApps(activeApps);
-            this.firstLoad = false;
-        }
-    }
-    setOptions(options) {
-        this.options = Object.assign(Object.assign({}, this.options), options);
-    }
-    /**
-     * reset route by current router
-     */
-    reroute(event) {
-        this.routeChange$.next(event);
-    }
-    preloadInternal(app, immediate) {
-        const status = this.appsStatus.get(app);
-        if (!status || status === ApplicationStatus.loadError) {
-            return this.startLoadAppAssets(app).pipe(switchMap(() => {
-                if (immediate) {
-                    return this.bootstrapApp(app, 'hidden');
-                }
-                else {
-                    return this.ngZone.runOutsideAngular(() => {
-                        return this.bootstrapApp(app, 'hidden');
-                    });
-                }
-            }), map(() => {
-                return getPlanetApplicationRef(app.name);
-            }));
-        }
-        else if ([ApplicationStatus.assetsLoading, ApplicationStatus.assetsLoaded, ApplicationStatus.bootstrapping].includes(status)) {
-            return this.appStatusChange.pipe(filter(event => {
-                return event.app === app && event.status === ApplicationStatus.bootstrapped;
-            }), take(1), map(() => {
-                return getPlanetApplicationRef(app.name);
-            }));
-        }
-        else {
-            const appRef = getPlanetApplicationRef(app.name);
-            if (!appRef) {
-                throw new Error(`${app.name}'s status is ${ApplicationStatus[status]}, planetApplicationRef is null.`);
-            }
-            return of(appRef);
-        }
-    }
-    /**
-     * Preload planet application
-     * @param app app
-     * @param immediate bootstrap on stable by default, setting immediate is true, it will bootstrap immediate
-     */
-    preload(app, immediate) {
-        return this.preloadInternal(app, immediate);
-    }
-}
-PlanetApplicationLoader.ɵprov = ɵɵdefineInjectable({ factory: function PlanetApplicationLoader_Factory() { return new PlanetApplicationLoader(ɵɵinject(AssetsLoader), ɵɵinject(PlanetApplicationService), ɵɵinject(NgZone), ɵɵinject(Router), ɵɵinject(INJECTOR), ɵɵinject(ApplicationRef)); }, token: PlanetApplicationLoader, providedIn: "root" });
-PlanetApplicationLoader.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-PlanetApplicationLoader.ctorParameters = () => [
-    { type: AssetsLoader },
-    { type: PlanetApplicationService },
-    { type: NgZone },
-    { type: Router },
-    { type: Injector },
-    { type: ApplicationRef }
-];
-
-class Planet {
-    constructor(injector, router, planetApplications) {
-        this.injector = injector;
-        this.router = router;
-        if (!this.planetApplicationLoader) {
-            setApplicationLoader(this.injector.get(PlanetApplicationLoader));
-        }
-        if (!this.planetApplicationService) {
-            setApplicationService(this.injector.get(PlanetApplicationService));
-        }
-        if (planetApplications) {
-            this.registerApps(planetApplications);
-        }
-    }
-    get planetApplicationLoader() {
-        return getApplicationLoader();
-    }
-    get planetApplicationService() {
-        return getApplicationService();
-    }
-    get loadingDone() {
-        return this.planetApplicationLoader.loadingDone;
-    }
-    get appStatusChange() {
-        return this.planetApplicationLoader.appStatusChange;
-    }
-    get appsLoadingStart() {
-        return this.planetApplicationLoader.appsLoadingStart;
-    }
-    setOptions(options) {
-        this.planetApplicationLoader.setOptions(options);
-    }
-    setPortalAppData(data) {
-        setPortalApplicationData(data);
-    }
-    registerApp(app) {
-        this.planetApplicationService.register(app);
-    }
-    registerApps(apps) {
-        this.planetApplicationService.register(apps);
-    }
-    unregisterApp(name) {
-        this.planetApplicationService.unregister(name);
-    }
-    getApps() {
-        return this.planetApplicationService.getApps();
-    }
-    start() {
-        this.subscription = this.router.events
-            .pipe(filter(event => {
-            return event instanceof NavigationEnd;
-        }), map((event) => {
-            return event.urlAfterRedirects || event.url;
-        }), startWith(location.pathname), distinctUntilChanged())
-            .subscribe((url) => {
-            this.planetApplicationLoader.reroute({
-                url: url
-            });
-        });
-    }
-    stop() {
-        this.subscription.unsubscribe();
-    }
-}
-Planet.ɵprov = ɵɵdefineInjectable({ factory: function Planet_Factory() { return new Planet(ɵɵinject(INJECTOR), ɵɵinject(Router), ɵɵinject(PLANET_APPLICATIONS, 8)); }, token: Planet, providedIn: "root" });
-Planet.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-Planet.ctorParameters = () => [
-    { type: Injector },
-    { type: Router },
-    { type: Array, decorators: [{ type: Inject, args: [PLANET_APPLICATIONS,] }, { type: Optional }] }
-];
-
-class EmptyComponent {
-}
-EmptyComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'empty-component',
-                template: ``
-            },] }
-];
-
-class NgxPlanetModule {
-    static forRoot(apps) {
-        return {
-            ngModule: NgxPlanetModule,
-            providers: [
-                {
-                    provide: PLANET_APPLICATIONS,
-                    useValue: apps
-                }
-            ]
-        };
-    }
-}
-NgxPlanetModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [EmptyComponent],
-                entryComponents: [EmptyComponent],
-                imports: [HttpClientModule],
-                providers: [],
-                exports: [HttpClientModule, EmptyComponent]
-            },] }
-];
-
-class PlanetComponentRef {
-}
-
-const componentWrapperClass = 'planet-component-wrapper';
-class PlanetComponentLoader {
-    constructor(applicationRef, ngModuleRef, ngZone, document) {
-        this.applicationRef = applicationRef;
-        this.ngModuleRef = ngModuleRef;
-        this.ngZone = ngZone;
-        this.document = document;
-        this.domPortalOutletCache = new WeakMap();
-    }
-    get applicationLoader() {
-        return getApplicationLoader();
-    }
-    get applicationService() {
-        return getApplicationService();
-    }
-    getPlantAppRef(name) {
-        if (globalPlanet.apps[name] && globalPlanet.apps[name].appModuleRef) {
-            return of(globalPlanet.apps[name]);
-        }
-        else {
-            const app = this.applicationService.getAppByName(name);
-            return this.applicationLoader.preload(app, true).pipe(map(() => {
-                return globalPlanet.apps[name];
-            }));
-        }
-    }
-    createInjector(appModuleRef, componentRef) {
-        const injectionTokens = new WeakMap([[PlanetComponentRef, componentRef]]);
-        const defaultInjector = appModuleRef.injector;
-        return new PortalInjector(defaultInjector, injectionTokens);
-    }
-    getContainerElement(config) {
-        if (!config.container) {
-            throw new Error(`config 'container' cannot be null`);
-        }
-        else {
-            if (config.container.nativeElement) {
-                return config.container.nativeElement;
-            }
-            else {
-                return config.container;
-            }
-        }
-    }
-    createWrapperElement(config) {
-        const container = this.getContainerElement(config);
-        const element = this.document.createElement('div');
-        const subApp = this.applicationService.getAppByName(this.ngModuleRef.instance.appName);
-        element.classList.add(componentWrapperClass);
-        element.setAttribute('planet-inline', '');
-        if (config.wrapperClass) {
-            element.classList.add(config.wrapperClass);
-        }
-        if (subApp && subApp.stylePrefix) {
-            element.classList.add(subApp.stylePrefix);
-        }
-        container.appendChild(element);
-        return element;
-    }
-    attachComponent(plantComponent, appModuleRef, config) {
-        const plantComponentRef = new PlanetComponentRef();
-        const componentFactoryResolver = appModuleRef.componentFactoryResolver;
-        const appRef = this.applicationRef;
-        const injector = this.createInjector(appModuleRef, plantComponentRef);
-        const wrapper = this.createWrapperElement(config);
-        let portalOutlet = this.domPortalOutletCache.get(wrapper);
-        if (portalOutlet) {
-            portalOutlet.detach();
-        }
-        else {
-            portalOutlet = new DomPortalOutlet(wrapper, componentFactoryResolver, appRef, injector);
-            this.domPortalOutletCache.set(wrapper, portalOutlet);
-        }
-        const componentPortal = new ComponentPortal(plantComponent.component, null);
-        const componentRef = portalOutlet.attachComponentPortal(componentPortal);
-        if (config.initialState) {
-            Object.assign(componentRef.instance, config.initialState);
-        }
-        plantComponentRef.componentInstance = componentRef.instance;
-        plantComponentRef.componentRef = componentRef;
-        plantComponentRef.wrapperElement = wrapper;
-        plantComponentRef.dispose = () => {
-            this.domPortalOutletCache.delete(wrapper);
-            portalOutlet.dispose();
-        };
-        return plantComponentRef;
-    }
-    registerComponentFactory(componentOrComponents) {
-        const app = this.ngModuleRef.instance.appName;
-        this.getPlantAppRef(app).subscribe(appRef => {
-            appRef.registerComponentFactory((componentName, config) => {
-                const components = coerceArray(componentOrComponents);
-                const component = components.find(item => item.name === componentName);
-                if (component) {
-                    return this.ngZone.run(() => {
-                        const componentRef = this.attachComponent(component, appRef.appModuleRef, config);
-                        return componentRef;
-                    });
-                }
-                else {
-                    throw Error(`unregistered component ${componentName} in app ${app}`);
-                }
-            });
-        });
-    }
-    register(components) {
-        setTimeout(() => {
-            this.registerComponentFactory(components);
-        });
-    }
-    load(app, componentName, config) {
-        const result = this.getPlantAppRef(app).pipe(delayWhen(appRef => {
-            if (appRef.getComponentFactory()) {
-                return of();
-            }
-            else {
-                // Because register use 'setTimeout',so timer 20
-                return timer(20);
-            }
-        }), map(appRef => {
-            const componentFactory = appRef.getComponentFactory();
-            if (componentFactory) {
-                return componentFactory(componentName, config);
-            }
-            else {
-                throw new Error(`${app}'s component(${componentName}) is not registered`);
-            }
-        }), finalize(() => {
-            this.applicationRef.tick();
-        }), shareReplay());
-        result.subscribe();
-        return result;
-    }
-}
-PlanetComponentLoader.ɵprov = ɵɵdefineInjectable({ factory: function PlanetComponentLoader_Factory() { return new PlanetComponentLoader(ɵɵinject(ApplicationRef), ɵɵinject(NgModuleRef), ɵɵinject(NgZone), ɵɵinject(DOCUMENT)); }, token: PlanetComponentLoader, providedIn: "root" });
-PlanetComponentLoader.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-PlanetComponentLoader.ctorParameters = () => [
-    { type: ApplicationRef },
-    { type: NgModuleRef },
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-
-class PlantComponentConfig {
-    constructor() {
-        /** Data being injected into the child component. */
-        this.initialState = null;
-    }
-}
-
-/*
- * Public API Surface of core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ApplicationStatus, AssetsLoader, EmptyComponent, GlobalEventDispatcher, NgxPlanetModule, PLANET_APPLICATIONS, Planet, PlanetApplicationLoader, PlanetApplicationRef, PlanetApplicationService, PlanetComponentLoader, PlanetComponentRef, PlanetPortalApplication, PlantComponentConfig, SwitchModes, defineApplication, getPlanetApplicationRef, getPortalApplicationData, globalPlanet as ɵa };
-//# sourceMappingURL=worktile-planet.js.map