@worktile/planet 19.0.0-next.1 → 20.0.0-next.0

package/fesm2022/worktile-planet.mjs

@@ -1,12 +1,9 @@
 import * as i0 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 { InjectionToken, NgZone, NgModuleRef, inject, Injectable, signal, Injector, ApplicationRef, ChangeDetectionStrategy, Component, createComponent, reflectComponentType, TemplateRef, ElementRef, EventEmitter, Output, Input, Directive, NgModule } from '@angular/core';
 import { Router, NavigationEnd, ActivatedRoute } from '@angular/router';
-import * as i1 from '@angular/common/http';
-import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { map, concatAll, switchMap, take, shareReplay, filter, distinctUntilChanged, catchError, tap, share, startWith, delayWhen, takeUntil } from 'rxjs/operators';
-import { Observable, of, concat, forkJoin, from, Subject, timer } from 'rxjs';
-import { DOCUMENT } from '@angular/common';
+import { HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { take, map, shareReplay, concatAll, switchMap, filter, distinctUntilChanged, catchError, tap, share, startWith, delayWhen, takeUntil } from 'rxjs/operators';
+import { Observable, from, of, concat, forkJoin, Subject, timer } from 'rxjs';
 
 var SwitchModes;
 (function (SwitchModes) {
@@ -852,12 +849,259 @@ function getSandboxInstance() {
     return window[SANDBOX_INSTANCE];
 }
 
+class NgPlanetApplicationRef {
+    get selector() {
+        return this.innerSelector;
+    }
+    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) {
+            this.template = options.template;
+            this.innerSelector = this.template ? getTagNameByTemplate(this.template) : '';
+            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;
+        // };
+    }
+    // 子应用路由变化后同步修改 portal 的 Route
+    syncPortalRouteWhenNavigationEnd() {
+        const router = (this.injector || this.appModuleRef?.injector)?.get(Router);
+        if (router) {
+            router.events.subscribe(event => {
+                if (event instanceof NavigationEnd) {
+                    const currentNavigation = router.getCurrentNavigation();
+                    this.ngZone?.onStable
+                        .asObservable()
+                        .pipe(take(1))
+                        .subscribe(() => {
+                        this.portalApp.ngZone.run(() => {
+                            if (currentNavigation?.extras?.browserUrl) {
+                                this.portalApp.router.navigateByUrl(event.url, {
+                                    browserUrl: currentNavigation.extras.browserUrl
+                                });
+                            }
+                            else {
+                                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 => {
+            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.injector || this.appModuleRef?.injector)?.get(Router);
+    }
+    getCurrentRouterStateUrl() {
+        return this.getRouter()?.routerState.snapshot.url;
+    }
+    navigateByUrl(url, extras) {
+        const router = this.getRouter();
+        this.ngZone?.run(() => {
+            router?.navigateByUrl(url, extras);
+        });
+    }
+    getComponentFactory() {
+        return this.componentFactory;
+    }
+    registerComponentFactory(componentFactory) {
+        this.componentFactory = componentFactory;
+    }
+    destroy() {
+        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 = undefined;
+            this.appRef?.destroy();
+            this.appRef = undefined;
+            this.injector = undefined;
+        }
+    }
+}
+
+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 NgPlanetApplicationRef(name, options);
+    globalPlanet.apps[name] = appRef;
+}
+function getPlanetApplicationRef(appName) {
+    if (globalPlanet && globalPlanet.apps && globalPlanet.apps[appName]) {
+        return globalPlanet.apps[appName];
+    }
+    else {
+        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;
+    }
+}
+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() {
+        this.http = inject(HttpClient);
+        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 === app.routerPathPrefix ||
+                    (url.startsWith(app.routerPathPrefix) && ['/', '?'].includes(url[app.routerPathPrefix.length])));
+            }
+        });
+    }
+    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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetApplicationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetApplicationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetApplicationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 const STYLE_LINK_OR_SCRIPT_REG = /<[script|link].*?>/gi;
 const LINK_OR_SRC_REG = /(src|href)=["'](.*?[\.js|\.css])["']/i;
 const TAG_ATTRS_REG = /(type|defer|async|rel)((=["'].*?["'])|\s|\>)/gi;
 class AssetsLoader {
-    constructor(http) {
-        this.http = http;
+    constructor() {
+        this.http = inject(HttpClient);
         this.loadedSources = [];
     }
     loadScript(scriptAsset) {
@@ -1166,263 +1410,15 @@ class AssetsLoader {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AssetsLoader, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AssetsLoader, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AssetsLoader, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }] });
-
-class NgPlanetApplicationRef {
-    get selector() {
-        return this.innerSelector;
-    }
-    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) {
-            this.template = options.template;
-            this.innerSelector = this.template ? getTagNameByTemplate(this.template) : '';
-            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;
-        // };
-    }
-    // 子应用路由变化后同步修改 portal 的 Route
-    syncPortalRouteWhenNavigationEnd() {
-        const router = (this.injector || this.appModuleRef?.injector)?.get(Router);
-        if (router) {
-            router.events.subscribe(event => {
-                if (event instanceof NavigationEnd) {
-                    const currentNavigation = router.getCurrentNavigation();
-                    this.ngZone?.onStable
-                        .asObservable()
-                        .pipe(take(1))
-                        .subscribe(() => {
-                        this.portalApp.ngZone.run(() => {
-                            if (currentNavigation?.extras?.browserUrl) {
-                                this.portalApp.router.navigateByUrl(event.url, {
-                                    browserUrl: currentNavigation.extras.browserUrl
-                                });
-                            }
-                            else {
-                                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 => {
-            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.injector || this.appModuleRef?.injector)?.get(Router);
-    }
-    getCurrentRouterStateUrl() {
-        return this.getRouter()?.routerState.snapshot.url;
-    }
-    navigateByUrl(url, extras) {
-        const router = this.getRouter();
-        this.ngZone?.run(() => {
-            router?.navigateByUrl(url, extras);
-        });
-    }
-    getComponentFactory() {
-        return this.componentFactory;
-    }
-    registerComponentFactory(componentFactory) {
-        this.componentFactory = componentFactory;
-    }
-    destroy() {
-        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 = undefined;
-            this.appRef?.destroy();
-            this.appRef = undefined;
-            this.injector = undefined;
-        }
-    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AssetsLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AssetsLoader, providedIn: 'root' }); }
 }
-
-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 NgPlanetApplicationRef(name, options);
-    globalPlanet.apps[name] = appRef;
-}
-function getPlanetApplicationRef(appName) {
-    if (globalPlanet && globalPlanet.apps && globalPlanet.apps[appName]) {
-        return globalPlanet.apps[appName];
-    }
-    else {
-        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;
-    }
-}
-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 === app.routerPathPrefix ||
-                    (url.startsWith(app.routerPathPrefix) && ['/', '?'].includes(url[app.routerPathPrefix.length])));
-            }
-        });
-    }
-    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;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PlanetApplicationService, deps: [{ token: i1.HttpClient }, { token: AssetsLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PlanetApplicationService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PlanetApplicationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AssetsLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: AssetsLoader }] });
+        }], ctorParameters: () => [] });
 
 class PlanetPortalApplication {
     constructor() {
@@ -1459,8 +1455,8 @@ class GlobalEventDispatcher {
         this.hasAddGlobalEventListener = false;
         window.removeEventListener(CUSTOM_EVENT_NAME, this.globalEventListener);
     }
-    constructor(ngZone) {
-        this.ngZone = ngZone;
+    constructor() {
+        this.ngZone = inject(NgZone);
         this.subject$ = new Subject();
         this.hasAddGlobalEventListener = false;
         this.subscriptionCount = 0;
@@ -1505,15 +1501,15 @@ class GlobalEventDispatcher {
     getSubscriptionCount() {
         return this.subscriptionCount;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: GlobalEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: GlobalEventDispatcher, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: GlobalEventDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: GlobalEventDispatcher, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: GlobalEventDispatcher, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: GlobalEventDispatcher, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i0.NgZone }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Debug factory for debug module
@@ -1564,10 +1560,10 @@ class PlanetApplicationLoader {
     get appsLoadingStart() {
         return this.appsLoadingStart$.asObservable();
     }
-    constructor(assetsLoader, planetApplicationService, ngZone, router, injector, applicationRef) {
-        this.assetsLoader = assetsLoader;
-        this.planetApplicationService = planetApplicationService;
-        this.ngZone = ngZone;
+    constructor() {
+        this.assetsLoader = inject(AssetsLoader);
+        this.planetApplicationService = inject(PlanetApplicationService);
+        this.ngZone = inject(NgZone);
         this.firstLoad = true;
         this.inProgressAppAssetsLoads = new Map();
         this.appsStatus = new Map();
@@ -1575,12 +1571,16 @@ class PlanetApplicationLoader {
         this.routeChange$ = new Subject();
         this.appStatusChange$ = new Subject();
         this.appsLoadingStart$ = new Subject();
-        this.innerLoading = signal(false);
+        this.innerLoading = signal(false, ...(ngDevMode ? [{ debugName: "innerLoading" }] : []));
         /**
          * @deprecated please use loading signal
          */
         this.loadingDone = false;
         this.loading = this.innerLoading.asReadonly();
+        const ngZone = this.ngZone;
+        const router = inject(Router);
+        const injector = inject(Injector);
+        const applicationRef = inject(ApplicationRef);
         if (getApplicationLoader()) {
             throw new Error('PlanetApplicationLoader has been injected in the portal, repeated injection is not allowed');
         }
@@ -1980,15 +1980,15 @@ class PlanetApplicationLoader {
     preload(app, immediate) {
         return this.preloadInternal(app, immediate);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", 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: "18.1.4", ngImport: i0, type: PlanetApplicationLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetApplicationLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetApplicationLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PlanetApplicationLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetApplicationLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: AssetsLoader }, { type: PlanetApplicationService }, { type: i0.NgZone }, { type: i3.Router }, { type: i0.Injector }, { type: i0.ApplicationRef }] });
+        }], ctorParameters: () => [] });
 
 class Planet {
     get planetApplicationLoader() {
@@ -2012,9 +2012,10 @@ class Planet {
     get appsLoadingStart() {
         return this.planetApplicationLoader.appsLoadingStart;
     }
-    constructor(injector, router, planetApplications) {
-        this.injector = injector;
-        this.router = router;
+    constructor() {
+        this.injector = inject(Injector);
+        this.router = inject(Router);
+        const planetApplications = inject(PLANET_APPLICATIONS, { optional: true });
         if (!this.planetApplicationLoader) {
             setApplicationLoader(this.injector.get(PlanetApplicationLoader));
         }
@@ -2062,26 +2063,21 @@ class Planet {
     stop() {
         this.subscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", 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: "18.1.4", ngImport: i0, type: Planet, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: Planet, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: Planet, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: Planet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: Planet, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: i3.Router }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLANET_APPLICATIONS]
-                }, {
-                    type: Optional
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class EmptyComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", 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: "20.3.10", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: EmptyComponent, isStandalone: true, selector: "empty-component", ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: EmptyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: EmptyComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -2106,11 +2102,10 @@ class PlanetComponentLoader {
     get applicationService() {
         return getApplicationService();
     }
-    constructor(applicationRef, ngModuleRef, ngZone, document) {
-        this.applicationRef = applicationRef;
-        this.ngModuleRef = ngModuleRef;
-        this.ngZone = ngZone;
-        this.document = document;
+    constructor() {
+        this.applicationRef = inject(ApplicationRef);
+        this.ngModuleRef = inject(NgModuleRef);
+        this.ngZone = inject(NgZone);
     }
     getPlantAppRef(name) {
         const plantAppRef = getBootstrappedPlanetApplicationRef(name);
@@ -2286,25 +2281,22 @@ class PlanetComponentLoader {
         result.subscribe();
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", 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: "18.1.4", ngImport: i0, type: PlanetComponentLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetComponentLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetComponentLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PlanetComponentLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetComponentLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.NgModuleRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 class PlanetComponentOutlet {
-    constructor(elementRef, planetComponentLoader, ngZone) {
-        this.elementRef = elementRef;
-        this.planetComponentLoader = planetComponentLoader;
-        this.ngZone = ngZone;
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.planetComponentLoader = inject(PlanetComponentLoader);
+        this.ngZone = inject(NgZone);
         this.planetComponentLoaded = new EventEmitter();
         this.destroyed$ = new Subject();
     }
@@ -2344,16 +2336,16 @@ class PlanetComponentOutlet {
         this.componentRef?.dispose();
         this.destroyed$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", 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: "18.1.4", type: PlanetComponentOutlet, isStandalone: true, selector: "[planetComponentOutlet]", inputs: { planetComponentOutlet: "planetComponentOutlet", planetComponentOutletApp: "planetComponentOutletApp", planetComponentOutletProjectableNodes: "planetComponentOutletProjectableNodes", planetComponentOutletInitialState: "planetComponentOutletInitialState" }, outputs: { planetComponentLoaded: "planetComponentLoaded" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetComponentOutlet, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", 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: "18.1.4", ngImport: i0, type: PlanetComponentOutlet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PlanetComponentOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[planetComponentOutlet]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PlanetComponentLoader }, { type: i0.NgZone }], propDecorators: { planetComponentOutlet: [{
+        }], ctorParameters: () => [], propDecorators: { planetComponentOutlet: [{
                 type: Input
             }], planetComponentOutletApp: [{
                 type: Input
@@ -2404,10 +2396,10 @@ class RedirectToRouteComponent {
     constructor() {
         this.routeRedirect = routeRedirect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: RedirectToRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: RedirectToRouteComponent, isStandalone: true, selector: "planet-redirect-to-route", ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RedirectToRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: RedirectToRouteComponent, isStandalone: true, selector: "planet-redirect-to-route", ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: RedirectToRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RedirectToRouteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'planet-redirect-to-route',
@@ -2437,11 +2429,11 @@ class NgxPlanetModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: NgxPlanetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: NgxPlanetModule, imports: [PlanetComponentOutlet, EmptyComponent, RedirectToRouteComponent], exports: [EmptyComponent, PlanetComponentOutlet] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: NgxPlanetModule, providers: [provideHttpClient(withInterceptorsFromDi())] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NgxPlanetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: NgxPlanetModule, imports: [PlanetComponentOutlet, EmptyComponent, RedirectToRouteComponent], exports: [EmptyComponent, PlanetComponentOutlet] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NgxPlanetModule, providers: [provideHttpClient(withInterceptorsFromDi())] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: NgxPlanetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NgxPlanetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],