@worktile/planet 14.1.0 → 15.0.0-next.0

package/fesm2020/worktile-planet.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, NgZone, Inject, Optional, Component, Injector, EventEmitter, Directive, Input, Output, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, NgZone, Inject, Optional, Component, Injector, createComponent, EventEmitter, Directive, Input, Output, NgModule } from '@angular/core';
 import * as i3 from '@angular/router';
 import { Router, NavigationEnd } from '@angular/router';
 import * as i1 from '@angular/common/http';
@@ -983,9 +983,9 @@ class AssetsLoader {
         }));
     }
 }
-AssetsLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AssetsLoader, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-AssetsLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AssetsLoader, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AssetsLoader, decorators: [{
+AssetsLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssetsLoader, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AssetsLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssetsLoader, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssetsLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -993,6 +993,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
         }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
 
 class PlanetApplicationRef {
+    get selector() {
+        return this.innerSelector;
+    }
+    get bootstrapped() {
+        return !!this.appModuleRef;
+    }
+    get ngZone() {
+        return this.appModuleRef?.injector.get(NgZone);
+    }
+    get sandbox() {
+        return getSandboxInstance();
+    }
     constructor(name, options) {
         this.name = name;
         if (options) {
@@ -1007,18 +1019,6 @@ class PlanetApplicationRef {
             return window.Zone.current._properties[`ngx-planet-${name}`] === true;
         };
     }
-    get selector() {
-        return this.innerSelector;
-    }
-    get bootstrapped() {
-        return !!this.appModuleRef;
-    }
-    get ngZone() {
-        return this.appModuleRef?.injector.get(NgZone);
-    }
-    get sandbox() {
-        return getSandboxInstance();
-    }
     // 子应用路由变化后同步修改 portal 的 Route
     syncPortalRouteWhenNavigationEnd() {
         const router = this.appModuleRef?.injector.get(Router);
@@ -1198,9 +1198,9 @@ class PlanetApplicationService {
         return this.apps;
     }
 }
-PlanetApplicationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetApplicationService, deps: [{ token: i1.HttpClient }, { token: AssetsLoader }], target: i0.ɵɵFactoryTarget.Injectable });
-PlanetApplicationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetApplicationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetApplicationService, decorators: [{
+PlanetApplicationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetApplicationService, deps: [{ token: i1.HttpClient }, { token: AssetsLoader }], target: i0.ɵɵFactoryTarget.Injectable });
+PlanetApplicationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetApplicationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetApplicationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1225,6 +1225,14 @@ class PlanetPortalApplication {
 
 const CUSTOM_EVENT_NAME = 'PLANET_GLOBAL_EVENT_DISPATCHER';
 class GlobalEventDispatcher {
+    addGlobalEventListener() {
+        this.hasAddGlobalEventListener = true;
+        window.addEventListener(CUSTOM_EVENT_NAME, this.globalEventListener);
+    }
+    removeGlobalEventListener() {
+        this.hasAddGlobalEventListener = false;
+        window.removeEventListener(CUSTOM_EVENT_NAME, this.globalEventListener);
+    }
     constructor(ngZone) {
         this.ngZone = ngZone;
         this.subject$ = new Subject();
@@ -1234,14 +1242,6 @@ class GlobalEventDispatcher {
             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: {
@@ -1280,9 +1280,9 @@ class GlobalEventDispatcher {
         return this.subscriptionCount;
     }
 }
-GlobalEventDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: GlobalEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-GlobalEventDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: GlobalEventDispatcher, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: GlobalEventDispatcher, decorators: [{
+GlobalEventDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: GlobalEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+GlobalEventDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: GlobalEventDispatcher, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: GlobalEventDispatcher, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1332,6 +1332,12 @@ var ApplicationStatus;
     ApplicationStatus[ApplicationStatus["loadError"] = 10] = "loadError";
 })(ApplicationStatus || (ApplicationStatus = {}));
 class PlanetApplicationLoader {
+    get appStatusChange() {
+        return this.appStatusChange$.asObservable();
+    }
+    get appsLoadingStart() {
+        return this.appsLoadingStart$.asObservable();
+    }
     constructor(assetsLoader, planetApplicationService, ngZone, router, injector, applicationRef) {
         this.assetsLoader = assetsLoader;
         this.planetApplicationService = planetApplicationService;
@@ -1361,12 +1367,6 @@ class PlanetApplicationLoader {
         globalPlanet.portalApplication = this.portalApp;
         this.setupRouteChange();
     }
-    get appStatusChange() {
-        return this.appStatusChange$.asObservable();
-    }
-    get appsLoadingStart() {
-        return this.appsLoadingStart$.asObservable();
-    }
     setAppStatus(app, status) {
         this.ngZone.run(() => {
             const fromStatus = this.appsStatus.get(app);
@@ -1750,9 +1750,9 @@ class PlanetApplicationLoader {
         return this.preloadInternal(app, immediate);
     }
 }
-PlanetApplicationLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetApplicationLoader, deps: [{ token: AssetsLoader }, { token: PlanetApplicationService }, { token: i0.NgZone }, { token: i3.Router }, { token: i0.Injector }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
-PlanetApplicationLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetApplicationLoader, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetApplicationLoader, decorators: [{
+PlanetApplicationLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetApplicationLoader, deps: [{ token: AssetsLoader }, { token: PlanetApplicationService }, { token: i0.NgZone }, { token: i3.Router }, { token: i0.Injector }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
+PlanetApplicationLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetApplicationLoader, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetApplicationLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1760,19 +1760,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
         }], ctorParameters: function () { return [{ type: AssetsLoader }, { type: PlanetApplicationService }, { type: i0.NgZone }, { type: i3.Router }, { type: i0.Injector }, { type: i0.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();
     }
@@ -1788,6 +1775,19 @@ class Planet {
     get appsLoadingStart() {
         return this.planetApplicationLoader.appsLoadingStart;
     }
+    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);
+        }
+    }
     setOptions(options) {
         this.planetApplicationLoader.setOptions(options);
         if (options.debugFactory) {
@@ -1826,9 +1826,9 @@ class Planet {
         this.subscription?.unsubscribe();
     }
 }
-Planet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: Planet, deps: [{ token: i0.Injector }, { token: i3.Router }, { token: PLANET_APPLICATIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-Planet.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: Planet, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: Planet, decorators: [{
+Planet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: Planet, deps: [{ token: i0.Injector }, { token: i3.Router }, { token: PLANET_APPLICATIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+Planet.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: Planet, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: Planet, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1842,9 +1842,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
 
 class EmptyComponent {
 }
-EmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: EmptyComponent, selector: "empty-component", ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: EmptyComponent, decorators: [{
+EmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EmptyComponent, selector: "empty-component", ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EmptyComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -1858,18 +1858,18 @@ 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;
-    }
     get applicationLoader() {
         return getApplicationLoader();
     }
     get applicationService() {
         return getApplicationService();
     }
+    constructor(applicationRef, ngModuleRef, ngZone, document) {
+        this.applicationRef = applicationRef;
+        this.ngModuleRef = ngModuleRef;
+        this.ngZone = ngZone;
+        this.document = document;
+    }
     getPlantAppRef(name) {
         if (globalPlanet.apps[name] && globalPlanet.apps[name].appModuleRef) {
             return of(globalPlanet.apps[name]);
@@ -1925,12 +1925,13 @@ class PlanetComponentLoader {
     }
     attachComponent(plantComponent, appModuleRef, config) {
         const plantComponentRef = new PlanetComponentRef();
-        const componentFactoryResolver = appModuleRef.componentFactoryResolver;
         const appRef = this.applicationRef;
         const injector = this.createInjector(appModuleRef, plantComponentRef);
         const container = this.getContainerElement(config);
-        const componentFactory = componentFactoryResolver.resolveComponentFactory(plantComponent.component);
-        const componentRef = componentFactory.create(injector);
+        const componentRef = createComponent(plantComponent.component, {
+            environmentInjector: appModuleRef.injector,
+            elementInjector: injector
+        });
         appRef.attachView(componentRef.hostView);
         const componentRootNode = this.getComponentRootNode(componentRef);
         this.insertComponentRootNodeToContainer(container, componentRootNode, config.hostClass || config.wrapperClass);
@@ -1944,6 +1945,7 @@ class PlanetComponentLoader {
             if (appRef.viewCount > 0) {
                 appRef.detachView(componentRef.hostView);
             }
+            componentRef?.destroy();
             componentRootNode.remove();
         };
         return plantComponentRef;
@@ -1997,9 +1999,9 @@ class PlanetComponentLoader {
         return result;
     }
 }
-PlanetComponentLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetComponentLoader, deps: [{ token: i0.ApplicationRef }, { token: i0.NgModuleRef }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-PlanetComponentLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetComponentLoader, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetComponentLoader, decorators: [{
+PlanetComponentLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetComponentLoader, deps: [{ token: i0.ApplicationRef }, { token: i0.NgModuleRef }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+PlanetComponentLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetComponentLoader, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetComponentLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2054,9 +2056,9 @@ class PlanetComponentOutlet {
         this.destroyed$.next();
     }
 }
-PlanetComponentOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetComponentOutlet, deps: [{ token: i0.ElementRef }, { token: PlanetComponentLoader }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-PlanetComponentOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: PlanetComponentOutlet, selector: "[planetComponentOutlet]", inputs: { planetComponentOutlet: "planetComponentOutlet", planetComponentOutletApp: "planetComponentOutletApp", planetComponentOutletInitialState: "planetComponentOutletInitialState" }, outputs: { planetComponentLoaded: "planetComponentLoaded" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PlanetComponentOutlet, decorators: [{
+PlanetComponentOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetComponentOutlet, deps: [{ token: i0.ElementRef }, { token: PlanetComponentLoader }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+PlanetComponentOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: PlanetComponentOutlet, selector: "[planetComponentOutlet]", inputs: { planetComponentOutlet: "planetComponentOutlet", planetComponentOutletApp: "planetComponentOutletApp", planetComponentOutletInitialState: "planetComponentOutletInitialState" }, outputs: { planetComponentLoaded: "planetComponentLoaded" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PlanetComponentOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[planetComponentOutlet]'
@@ -2084,10 +2086,10 @@ class NgxPlanetModule {
         };
     }
 }
-NgxPlanetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: NgxPlanetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxPlanetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: NgxPlanetModule, declarations: [EmptyComponent, PlanetComponentOutlet], imports: [HttpClientModule], exports: [HttpClientModule, EmptyComponent, PlanetComponentOutlet] });
-NgxPlanetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: NgxPlanetModule, imports: [HttpClientModule, HttpClientModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: NgxPlanetModule, decorators: [{
+NgxPlanetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgxPlanetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxPlanetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: NgxPlanetModule, declarations: [EmptyComponent, PlanetComponentOutlet], imports: [HttpClientModule], exports: [HttpClientModule, EmptyComponent, PlanetComponentOutlet] });
+NgxPlanetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgxPlanetModule, imports: [HttpClientModule, HttpClientModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NgxPlanetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EmptyComponent, PlanetComponentOutlet],