@worktile/planet 17.1.0-next.0 → 17.1.0-next.1

package/fesm2022/worktile-planet.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, NgZone, NgModuleRef, signal, Inject, Optional, Component, ChangeDetectionStrategy, Injector, createComponent, reflectComponentType, EventEmitter, Directive, Input, Output, inject, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, NgZone, NgModuleRef, signal, Inject, Optional, Component, ChangeDetectionStrategy, Injector, createComponent, reflectComponentType, TemplateRef, EventEmitter, Directive, Input, Output, inject, NgModule } from '@angular/core';
 import * as i3 from '@angular/router';
 import { Router, NavigationEnd, ActivatedRoute } from '@angular/router';
 import * as i1 from '@angular/common/http';
@@ -1386,6 +1386,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: AssetsLoader }] });
 
 class PlanetPortalApplication {
+    constructor() {
+        this.name = 'portal';
+    }
     navigateByUrl(url, extras) {
         return this.ngZone.run(() => {
             return this.router.navigateByUrl(url, extras);
@@ -1399,6 +1402,12 @@ class PlanetPortalApplication {
     tick() {
         this.applicationRef.tick();
     }
+    getComponentFactory() {
+        return this.componentFactory;
+    }
+    registerComponentFactory(componentFactory) {
+        this.componentFactory = componentFactory;
+    }
 }
 
 const CUSTOM_EVENT_NAME = 'PLANET_GLOBAL_EVENT_DISPATCHER';
@@ -2152,7 +2161,14 @@ class PlanetComponentLoader {
     }
     registerComponentFactory(componentOrComponents) {
         const app = this.ngModuleRef.instance.appName;
-        this.getPlantAppRef(app).subscribe((appRef) => {
+        let appRef$;
+        if (app) {
+            appRef$ = this.getPlantAppRef(app);
+        }
+        else {
+            appRef$ = of(globalPlanet.portalApplication);
+        }
+        appRef$.subscribe(appRef => {
             appRef.registerComponentFactory((componentName, config) => {
                 const components = coerceArray(componentOrComponents);
                 const planetComponent = components.find(item => {
@@ -2162,7 +2178,7 @@ class PlanetComponentLoader {
                 });
                 if (planetComponent) {
                     return this.ngZone.run(() => {
-                        const componentRef = this.attachComponent(isComponentType(planetComponent) ? planetComponent : planetComponent.component, appRef.appModuleRef.injector, config);
+                        const componentRef = this.attachComponent(isComponentType(planetComponent) ? planetComponent : planetComponent.component, appRef instanceof NgPlanetApplicationRef ? appRef.appModuleRef.injector : this.ngModuleRef.injector, config);
                         return componentRef;
                     });
                 }
@@ -2172,24 +2188,57 @@ class PlanetComponentLoader {
             });
         });
     }
-    register(components) {
-        setTimeout(() => {
+    register(components, immediate) {
+        if (immediate) {
             this.registerComponentFactory(components);
-        });
+        }
+        else {
+            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 => {
+        let appRef$;
+        if (app === globalPlanet.portalApplication.name) {
+            appRef$ = of(globalPlanet.portalApplication);
+        }
+        else {
+            appRef$ = this.getPlantAppRef(app).pipe(delayWhen((appRef) => {
+                if (appRef.getComponentFactory()) {
+                    return of('');
+                }
+                else {
+                    // Because register use 'setTimeout',so timer 20
+                    return timer(20);
+                }
+            }));
+        }
+        const result = appRef$.pipe(map(appRef => {
             const componentFactory = appRef.getComponentFactory();
             if (componentFactory) {
-                return componentFactory(componentName, config);
+                const projectableEmbeddedViewRefs = [];
+                const projectableNodes = (config.projectableNodes || []).map(node => {
+                    if (node instanceof TemplateRef) {
+                        const viewRef = node.createEmbeddedView({});
+                        projectableEmbeddedViewRefs.push(viewRef);
+                        this.applicationRef.attachView(viewRef);
+                        return viewRef.rootNodes;
+                    }
+                    else {
+                        return node;
+                    }
+                });
+                const compRef = componentFactory(componentName, { ...config, projectableNodes: projectableNodes });
+                const dispose = compRef.dispose.bind(compRef);
+                compRef.dispose = () => {
+                    projectableEmbeddedViewRefs.forEach(viewRef => {
+                        this.applicationRef.detachView(viewRef);
+                        viewRef.destroy();
+                    });
+                    dispose();
+                };
+                return compRef;
             }
             else {
                 throw new Error(`${app}'s component(${componentName}) is not registered`);
@@ -2234,7 +2283,8 @@ class PlanetComponentOutlet {
             this.planetComponentLoader
                 .load(this.planetComponentOutletApp, this.planetComponentOutlet, {
                 container: this.elementRef.nativeElement,
-                initialState: this.planetComponentOutletInitialState
+                initialState: this.planetComponentOutletInitialState,
+                projectableNodes: this.planetComponentOutletProjectableNodes
             })
                 .pipe(takeUntil(this.destroyed$))
                 .subscribe(componentRef => {
@@ -2256,7 +2306,7 @@ class PlanetComponentOutlet {
         this.destroyed$.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetComponentOutlet, deps: [{ token: i0.ElementRef }, { token: PlanetComponentLoader }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: PlanetComponentOutlet, isStandalone: true, selector: "[planetComponentOutlet]", inputs: { planetComponentOutlet: "planetComponentOutlet", planetComponentOutletApp: "planetComponentOutletApp", planetComponentOutletInitialState: "planetComponentOutletInitialState" }, outputs: { planetComponentLoaded: "planetComponentLoaded" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: PlanetComponentOutlet, isStandalone: true, selector: "[planetComponentOutlet]", inputs: { planetComponentOutlet: "planetComponentOutlet", planetComponentOutletApp: "planetComponentOutletApp", planetComponentOutletProjectableNodes: "planetComponentOutletProjectableNodes", planetComponentOutletInitialState: "planetComponentOutletInitialState" }, outputs: { planetComponentLoaded: "planetComponentLoaded" }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetComponentOutlet, decorators: [{
             type: Directive,
@@ -2268,6 +2318,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                 type: Input
             }], planetComponentOutletApp: [{
                 type: Input
+            }], planetComponentOutletProjectableNodes: [{
+                type: Input
             }], planetComponentOutletInitialState: [{
                 type: Input
             }], planetComponentLoaded: [{