@worktile/planet 16.0.0 → 17.0.0-next.1

package/fesm2022/worktile-planet.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, NgZone, Inject, Optional, Component, ChangeDetectionStrategy, Injector, createComponent, reflectComponentType, EventEmitter, Directive, Input, Output, inject, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, NgZone, NgModuleRef, Inject, Optional, Component, ChangeDetectionStrategy, Injector, createComponent, reflectComponentType, 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';
@@ -68,8 +68,8 @@ function isFunction(value) {
     const type = typeof value;
     return !!value && type === 'function';
 }
-function isObject(val) {
-    return val && typeof val === 'object';
+function isObject(value) {
+    return value && typeof value === 'object';
 }
 /**
  * Get file name from path
@@ -86,6 +86,15 @@ function getResourceFileName(path) {
         return path;
     }
 }
+function getExtName(name) {
+    const lastDotIndex = name.lastIndexOf('.');
+    if (lastDotIndex >= 0) {
+        return name.slice(lastDotIndex + 1);
+    }
+    else {
+        return '';
+    }
+}
 /**
  * Build resource path by manifest
  * if manifest is { "main.js": "main.h2sh23abee.js"}
@@ -103,34 +112,91 @@ function buildResourceFilePath(resourceFilePath, manifestResult) {
         return resourceFilePath;
     }
 }
+function buildFullPath(path, basePath) {
+    if (basePath) {
+        if (path.startsWith(basePath)) {
+            return path;
+        }
+        else {
+            return `${basePath}${path}`;
+        }
+    }
+    return path;
+}
+function getDefinedAssets(app) {
+    if (app.entry) {
+        return {
+            scripts: isObject(app.entry) ? app.entry.scripts : undefined,
+            styles: isObject(app.entry) ? app.entry.styles : undefined
+        };
+    }
+    return {
+        scripts: app.scripts,
+        styles: app.styles
+    };
+}
+function getAssetsBasePath(app) {
+    let basePath;
+    if (app.entry) {
+        if (isObject(app.entry)) {
+            basePath = app.entry.basePath;
+        }
+        else {
+            const lastDotIndex = app.entry.lastIndexOf('/');
+            basePath = lastDotIndex > 0 ? app.entry.slice(0, lastDotIndex + 1) : undefined;
+        }
+    }
+    return basePath || app.resourcePathPrefix;
+}
 /**
  * Get static resource full path
  * @param app PlanetApplication
  * @param manifestResult manifest
  */
-function getScriptsAndStylesFullPaths(app, manifestResult) {
-    let scripts = app.scripts || [];
-    let styles = app.styles || [];
+function getScriptsAndStylesFullPaths(app, basePath, manifestResult) {
+    let { scripts, styles } = getDefinedAssets(app);
     // combine resource path by manifest
     if (manifestResult) {
-        scripts = scripts.map(script => {
-            return buildResourceFilePath(script, manifestResult);
-        });
-        styles = styles.map(style => {
-            return buildResourceFilePath(style, manifestResult);
-        });
+        if (scripts) {
+            scripts = scripts.map(script => {
+                return buildResourceFilePath(script, manifestResult);
+            });
+        }
+        else {
+            scripts = Object.keys(manifestResult)
+                .filter(key => {
+                return getExtName(key) === 'js';
+            })
+                .map(key => {
+                return manifestResult[key];
+            });
+        }
+        if (styles) {
+            styles = styles.map(style => {
+                return buildResourceFilePath(style, manifestResult);
+            });
+        }
+        else {
+            styles = Object.keys(manifestResult)
+                .filter(key => {
+                return getExtName(key) === 'css';
+            })
+                .map(key => {
+                return manifestResult[key];
+            });
+        }
     }
-    if (app.resourcePathPrefix) {
+    if (basePath) {
         scripts = scripts.map(script => {
-            return `${app.resourcePathPrefix}${script}`;
+            return buildFullPath(script, basePath);
         });
         styles = styles.map(style => {
-            return `${app.resourcePathPrefix}${style}`;
+            return buildFullPath(style, basePath);
         });
     }
     return {
-        scripts: scripts,
-        styles: styles
+        scripts: scripts || [],
+        styles: styles || []
     };
 }
 
@@ -453,7 +519,7 @@ function eventListenerPatch(sandbox) {
             removeEventListener: removeEventListener.bind(window)
         },
         init() {
-            const fakeDocument = sandbox.global.document;
+            const fakeDocument = sandbox.global['document'];
             if (fakeDocument) {
                 fakeDocument.addEventListener = addEventListener.bind(document);
                 fakeDocument.removeEventListener = removeEventListener.bind(document);
@@ -784,6 +850,8 @@ function getSandboxInstance() {
     return window[SANDBOX_INSTANCE];
 }
 
+const STYLE_LINK_OR_SCRIPT_REG = /<[script|link].*?">/gi;
+const LINK_OR_SRC_REG = /(src|href)=["'](.*?)["']/i;
 class AssetsLoader {
     constructor(http) {
         this.http = http;
@@ -957,10 +1025,38 @@ class AssetsLoader {
     loadScriptsAndStyles(scripts = [], styles = [], options) {
         return forkJoin([this.loadScripts(scripts, options), this.loadStyles(styles)]);
     }
+    parseManifestFromHTML(html) {
+        const result = {};
+        const matchResult = html.match(STYLE_LINK_OR_SCRIPT_REG);
+        matchResult.forEach(item => {
+            const linkOrSrcResult = item.match(LINK_OR_SRC_REG);
+            if (linkOrSrcResult[2]) {
+                const src = linkOrSrcResult[2];
+                const hashName = getResourceFileName(src);
+                let barSplitIndex = hashName.indexOf('-');
+                let dotSplitIndex = hashName.indexOf('.');
+                const splitIndex = barSplitIndex > -1 ? barSplitIndex : dotSplitIndex;
+                if (splitIndex > -1) {
+                    const name = hashName.slice(0, splitIndex);
+                    const ext = getExtName(hashName);
+                    result[ext ? `${name}.${ext}` : name] = src;
+                }
+            }
+        });
+        return result;
+    }
     loadAppAssets(app) {
-        if (app.manifest) {
-            return this.loadManifest(`${app.manifest}?t=${new Date().getTime()}`).pipe(switchMap(manifestResult => {
-                const { scripts, styles } = getScriptsAndStylesFullPaths(app, manifestResult);
+        const basePath = getAssetsBasePath(app);
+        const manifest = app.entry ? (isObject(app.entry) ? app.entry.manifest : app.entry) : app.manifest;
+        if (manifest) {
+            const manifestExt = getExtName(manifest);
+            const isHtml = manifestExt === 'html';
+            const responseType = isHtml ? 'text' : 'json';
+            return this.loadManifest(`${manifest}?t=${new Date().getTime()}`, responseType).pipe(switchMap(manifestResult => {
+                if (responseType === 'text') {
+                    manifestResult = this.parseManifestFromHTML(manifestResult);
+                }
+                const { scripts, styles } = getScriptsAndStylesFullPaths(app, basePath, manifestResult);
                 return this.loadScriptsAndStyles(scripts, styles, {
                     app: app.name,
                     sandbox: app.sandbox,
@@ -969,7 +1065,7 @@ class AssetsLoader {
             }));
         }
         else {
-            const { scripts, styles } = getScriptsAndStylesFullPaths(app);
+            const { scripts, styles } = getScriptsAndStylesFullPaths(app, basePath);
             return this.loadScriptsAndStyles(scripts, styles, {
                 app: app.name,
                 sandbox: app.sandbox,
@@ -977,34 +1073,38 @@ class AssetsLoader {
             });
         }
     }
-    loadManifest(url) {
-        return this.http.get(url).pipe(map((response) => {
+    loadManifest(url, responseType = 'json') {
+        return this.http
+            .get(url, {
+            responseType: responseType
+        })
+            .pipe(map((response) => {
             return response;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AssetsLoader, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AssetsLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AssetsLoader, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AssetsLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AssetsLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AssetsLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
-class PlanetApplicationRef {
+class NgPlanetApplicationRef {
     get selector() {
         return this.innerSelector;
     }
-    get bootstrapped() {
-        return !!this.appModuleRef;
-    }
     get ngZone() {
-        return this.appModuleRef?.injector.get(NgZone);
+        return (this.injector || this.appModuleRef?.injector)?.get(NgZone);
     }
     get sandbox() {
         return getSandboxInstance();
     }
+    get bootstrapped() {
+        return !!(this.appModuleRef || this.appRef);
+    }
     constructor(name, options) {
         this.name = name;
         if (options) {
@@ -1014,14 +1114,14 @@ class PlanetApplicationRef {
         }
         // 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;
-        };
+        // NgZone.isInAngularZone = () => {
+        //     // @ts-ignore
+        //     return window.Zone.current._properties[`ngx-planet-${name}`] === true;
+        // };
     }
     // 子应用路由变化后同步修改 portal 的 Route
     syncPortalRouteWhenNavigationEnd() {
-        const router = this.appModuleRef?.injector.get(Router);
+        const router = (this.injector || this.appModuleRef?.injector)?.get(Router);
         if (router) {
             router.events.subscribe(event => {
                 if (event instanceof NavigationEnd) {
@@ -1029,7 +1129,9 @@ class PlanetApplicationRef {
                         .asObservable()
                         .pipe(take(1))
                         .subscribe(() => {
-                        this.portalApp.router.navigateByUrl(event.url);
+                        this.portalApp.ngZone.run(() => {
+                            this.portalApp.router.navigateByUrl(event.url);
+                        });
                     });
                 }
             });
@@ -1041,14 +1143,23 @@ class PlanetApplicationRef {
         }
         this.portalApp = app;
         return from(this.appModuleBootstrap(app).then(appModuleRef => {
-            this.appModuleRef = appModuleRef;
-            this.appModuleRef.instance.appName = this.name;
+            if (appModuleRef['instance']) {
+                this.appModuleRef = appModuleRef;
+                this.appModuleRef.instance.appName = this.name;
+                this.injector = this.appModuleRef.injector;
+            }
+            else {
+                this.appRef = appModuleRef;
+                this.injector = this.appRef.injector;
+                const moduleRef = this.appRef.injector.get(NgModuleRef);
+                moduleRef.instance = { appName: this.name };
+            }
             this.syncPortalRouteWhenNavigationEnd();
             return this;
         }));
     }
     getRouter() {
-        return this.appModuleRef?.injector.get(Router);
+        return (this.injector || this.appModuleRef?.injector)?.get(Router);
     }
     getCurrentRouterStateUrl() {
         return this.getRouter()?.routerState.snapshot.url;
@@ -1066,16 +1177,19 @@ class PlanetApplicationRef {
         this.componentFactory = componentFactory;
     }
     destroy() {
-        if (this.appModuleRef) {
-            const router = this.appModuleRef.injector.get(Router);
+        if (this.appModuleRef || this.appRef) {
+            const router = (this.injector || this.appModuleRef?.injector)?.get(Router);
             if (router) {
                 router.dispose();
             }
             if (this.sandbox) {
                 this.sandbox.destroy();
             }
-            this.appModuleRef.destroy();
+            this.appModuleRef?.destroy();
             this.appModuleRef = undefined;
+            this.appRef?.destroy();
+            this.appRef = undefined;
+            this.injector = undefined;
         }
     }
 }
@@ -1093,7 +1207,7 @@ function defineApplication(name, options) {
             bootstrap: options
         };
     }
-    const appRef = new PlanetApplicationRef(name, options);
+    const appRef = new NgPlanetApplicationRef(name, options);
     globalPlanet.apps[name] = appRef;
 }
 function getPlanetApplicationRef(appName) {
@@ -1104,6 +1218,16 @@ function getPlanetApplicationRef(appName) {
         return null;
     }
 }
+function getBootstrappedPlanetApplicationRef(appName) {
+    const plantAppRef = getPlanetApplicationRef(appName);
+    if (plantAppRef) {
+        // 兼容之前的版本，之前是通过 appModuleRef 来判断是否启用的
+        if (plantAppRef.bootstrapped || plantAppRef['appModuleRef']) {
+            return plantAppRef;
+        }
+    }
+    return null;
+}
 function setPortalApplicationData(data) {
     if (globalPlanet.portalApplication) {
         globalPlanet.portalApplication.data = data;
@@ -1197,15 +1321,15 @@ class PlanetApplicationService {
     getApps() {
         return this.apps;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetApplicationService, deps: [{ token: i1.HttpClient }, { token: AssetsLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetApplicationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetApplicationService, deps: [{ token: i1.HttpClient }, { token: AssetsLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetApplicationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetApplicationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetApplicationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: AssetsLoader }]; } });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: AssetsLoader }] });
 
 class PlanetPortalApplication {
     navigateByUrl(url, extras) {
@@ -1279,15 +1403,15 @@ class GlobalEventDispatcher {
     getSubscriptionCount() {
         return this.subscriptionCount;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GlobalEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GlobalEventDispatcher, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GlobalEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GlobalEventDispatcher, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GlobalEventDispatcher, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GlobalEventDispatcher, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.NgZone }] });
 
 /**
  * Debug factory for debug module
@@ -1749,15 +1873,15 @@ class PlanetApplicationLoader {
     preload(app, immediate) {
         return this.preloadInternal(app, immediate);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", 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 }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetApplicationLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", 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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetApplicationLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetApplicationLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetApplicationLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: AssetsLoader }, { type: PlanetApplicationService }, { type: i0.NgZone }, { type: i3.Router }, { type: i0.Injector }, { type: i0.ApplicationRef }]; } });
+        }], ctorParameters: () => [{ type: AssetsLoader }, { type: PlanetApplicationService }, { type: i0.NgZone }, { type: i3.Router }, { type: i0.Injector }, { type: i0.ApplicationRef }] });
 
 class Planet {
     get planetApplicationLoader() {
@@ -1825,26 +1949,26 @@ class Planet {
     stop() {
         this.subscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: Planet, deps: [{ token: i0.Injector }, { token: i3.Router }, { token: PLANET_APPLICATIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: Planet, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: Planet, deps: [{ token: i0.Injector }, { token: i3.Router }, { token: PLANET_APPLICATIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: Planet, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: Planet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: Planet, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i3.Router }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i3.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLANET_APPLICATIONS]
                 }, {
                     type: Optional
-                }] }]; } });
+                }] }] });
 
 class EmptyComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: EmptyComponent, isStandalone: true, selector: "empty-component", ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: EmptyComponent, isStandalone: true, selector: "empty-component", ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EmptyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: EmptyComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -1876,17 +2000,18 @@ class PlanetComponentLoader {
         this.document = document;
     }
     getPlantAppRef(name) {
-        if (globalPlanet.apps[name] && globalPlanet.apps[name].appModuleRef) {
-            return of(globalPlanet.apps[name]);
+        const plantAppRef = getBootstrappedPlanetApplicationRef(name);
+        if (plantAppRef) {
+            return of(plantAppRef);
         }
         else {
             const app = this.applicationService.getAppByName(name);
             return this.applicationLoader.preload(app, true).pipe(map(() => {
-                return globalPlanet.apps[name];
+                return getPlanetApplicationRef(name);
             }));
         }
     }
-    createInjector(appModuleRef, componentRef) {
+    createInjector(parentInjector, componentRef) {
         return Injector.create({
             providers: [
                 {
@@ -1894,7 +2019,7 @@ class PlanetComponentLoader {
                     useValue: componentRef
                 }
             ],
-            parent: appModuleRef.injector
+            parent: parentInjector
         });
     }
     getContainerElement(config) {
@@ -1928,13 +2053,13 @@ class PlanetComponentLoader {
             container.appendChild(componentRootNode);
         }
     }
-    attachComponent(component, appModuleRef, config) {
+    attachComponent(component, environmentInjector, config) {
         const plantComponentRef = new PlanetComponentRef();
         const appRef = this.applicationRef;
-        const injector = this.createInjector(appModuleRef, plantComponentRef);
+        const injector = this.createInjector(environmentInjector, plantComponentRef);
         const container = this.getContainerElement(config);
         const componentRef = createComponent(component, {
-            environmentInjector: appModuleRef.injector,
+            environmentInjector: environmentInjector,
             elementInjector: injector
         });
         appRef.attachView(componentRef.hostView);
@@ -1961,7 +2086,7 @@ class PlanetComponentLoader {
     }
     registerComponentFactory(componentOrComponents) {
         const app = this.ngModuleRef.instance.appName;
-        this.getPlantAppRef(app).subscribe(appRef => {
+        this.getPlantAppRef(app).subscribe((appRef) => {
             appRef.registerComponentFactory((componentName, config) => {
                 const components = coerceArray(componentOrComponents);
                 const planetComponent = components.find(item => {
@@ -1971,7 +2096,7 @@ class PlanetComponentLoader {
                 });
                 if (planetComponent) {
                     return this.ngZone.run(() => {
-                        const componentRef = this.attachComponent(isComponentType(planetComponent) ? planetComponent : planetComponent.component, appRef.appModuleRef, config);
+                        const componentRef = this.attachComponent(isComponentType(planetComponent) ? planetComponent : planetComponent.component, appRef.appModuleRef.injector, config);
                         return componentRef;
                     });
                 }
@@ -1987,7 +2112,7 @@ class PlanetComponentLoader {
         });
     }
     load(app, componentName, config) {
-        const result = this.getPlantAppRef(app).pipe(delayWhen(appRef => {
+        const result = this.getPlantAppRef(app).pipe(delayWhen((appRef) => {
             if (appRef.getComponentFactory()) {
                 return of('');
             }
@@ -2007,18 +2132,18 @@ class PlanetComponentLoader {
         result.subscribe();
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetComponentLoader, deps: [{ token: i0.ApplicationRef }, { token: i0.NgModuleRef }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetComponentLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetComponentLoader, deps: [{ token: i0.ApplicationRef }, { token: i0.NgModuleRef }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetComponentLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetComponentLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetComponentLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.NgModuleRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.NgModuleRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }]; } });
+                }] }] });
 
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 class PlanetComponentOutlet {
@@ -2030,7 +2155,7 @@ class PlanetComponentOutlet {
         this.destroyed$ = new Subject();
     }
     ngOnChanges(changes) {
-        if (this.planetComponentOutlet && !changes.planetComponentOutlet.isFirstChange()) {
+        if (this.planetComponentOutlet && !changes['planetComponentOutlet'].isFirstChange()) {
             this.loadComponent();
         }
     }
@@ -2064,16 +2189,16 @@ class PlanetComponentOutlet {
         this.componentRef?.dispose();
         this.destroyed$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", 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: "16.1.6", type: PlanetComponentOutlet, isStandalone: true, selector: "[planetComponentOutlet]", inputs: { planetComponentOutlet: "planetComponentOutlet", planetComponentOutletApp: "planetComponentOutletApp", planetComponentOutletInitialState: "planetComponentOutletInitialState" }, outputs: { planetComponentLoaded: "planetComponentLoaded" }, usesOnChanges: true, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PlanetComponentOutlet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: PlanetComponentOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[planetComponentOutlet]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: PlanetComponentLoader }, { type: i0.NgZone }]; }, propDecorators: { planetComponentOutlet: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PlanetComponentLoader }, { type: i0.NgZone }], propDecorators: { planetComponentOutlet: [{
                 type: Input
             }], planetComponentOutletApp: [{
                 type: Input
@@ -2087,7 +2212,7 @@ class RouteRedirect {
     constructor(redirectTo) {
         this.activatedRoute = inject(ActivatedRoute);
         this.router = inject(Router);
-        const finalRedirectTo = redirectTo || this.activatedRoute.snapshot.data.redirectTo;
+        const finalRedirectTo = redirectTo || this.activatedRoute.snapshot.data['redirectTo'];
         if (finalRedirectTo) {
             const activatedRouteUrl = this.activatedRoute.pathFromRoot
                 .filter(route => {
@@ -2122,10 +2247,10 @@ class RedirectToRouteComponent {
     constructor() {
         this.routeRedirect = routeRedirect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RedirectToRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: RedirectToRouteComponent, isStandalone: true, selector: "planet-redirect-to-route", ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: RedirectToRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: RedirectToRouteComponent, isStandalone: true, selector: "planet-redirect-to-route", ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RedirectToRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: RedirectToRouteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'planet-redirect-to-route',
@@ -2155,11 +2280,11 @@ class NgxPlanetModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: NgxPlanetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: NgxPlanetModule, imports: [HttpClientModule, PlanetComponentOutlet, EmptyComponent, RedirectToRouteComponent], exports: [HttpClientModule, EmptyComponent, PlanetComponentOutlet] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: NgxPlanetModule, imports: [HttpClientModule, HttpClientModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: NgxPlanetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: NgxPlanetModule, imports: [HttpClientModule, PlanetComponentOutlet, EmptyComponent, RedirectToRouteComponent], exports: [HttpClientModule, EmptyComponent, PlanetComponentOutlet] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: NgxPlanetModule, imports: [HttpClientModule, HttpClientModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: NgxPlanetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: NgxPlanetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -2184,5 +2309,5 @@ class PlantComponentConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ApplicationStatus, AssetsLoader, EmptyComponent, GlobalEventDispatcher, NgxPlanetModule, PLANET_APPLICATIONS, Planet, PlanetApplicationLoader, PlanetApplicationRef, PlanetApplicationService, PlanetComponentLoader, PlanetComponentOutlet, PlanetComponentRef, PlanetPortalApplication, PlantComponentConfig, RedirectToRouteComponent, SwitchModes, defineApplication, getPlanetApplicationRef, getPortalApplicationData, redirectToRoute, routeRedirect };
+export { ApplicationStatus, AssetsLoader, EmptyComponent, GlobalEventDispatcher, NgxPlanetModule, PLANET_APPLICATIONS, Planet, PlanetApplicationLoader, PlanetApplicationService, PlanetComponentLoader, PlanetComponentOutlet, PlanetComponentRef, PlanetPortalApplication, PlantComponentConfig, RedirectToRouteComponent, SwitchModes, defineApplication, getPlanetApplicationRef, getPortalApplicationData, redirectToRoute, routeRedirect };
 //# sourceMappingURL=worktile-planet.mjs.map