sample-cross-fx 0.15.0-beta.4803 → 0.15.0-beta.4812

package/app/{index.717365.js → index.13e756.js}

@@ -55694,11 +55694,41 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "RoutingService": () => (/* binding */ RoutingService)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2020/core.mjs");
-/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "../../../node_modules/@angular/router/fesm2020/router.mjs");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2020/core.mjs");
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "../../../node_modules/@angular/router/fesm2020/router.mjs");
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm2020/common.mjs");
+
+
+
 
 
+const noop = function () {}; // deactivates the usual platform behavior; all these operations are performed via the RoutingService
+// to avoid any conflict, e.g., double-booking URL changes in React and Angular
+
+
+_angular_common__WEBPACK_IMPORTED_MODULE_0__["ɵBrowserPlatformLocation"].prototype.pushState = noop;
+_angular_common__WEBPACK_IMPORTED_MODULE_0__["ɵBrowserPlatformLocation"].prototype.replaceState = noop;
+_angular_common__WEBPACK_IMPORTED_MODULE_0__["ɵBrowserPlatformLocation"].prototype.forward = noop;
+_angular_common__WEBPACK_IMPORTED_MODULE_0__["ɵBrowserPlatformLocation"].prototype.back = noop;
+_angular_common__WEBPACK_IMPORTED_MODULE_0__["ɵBrowserPlatformLocation"].prototype.historyGo = noop;
+
+function normalize(url) {
+  const search = url.indexOf('?');
+  const hash = url.indexOf('#');
+
+  if (search !== -1 || hash !== -1) {
+    if (search === -1) {
+      return url.substring(0, hash);
+    } else if (hash === -1) {
+      return url.substring(0, search);
+    } else {
+      return url.substring(0, Math.min(search, hash));
+    }
+  }
+
+  return url;
+}
 
 let RoutingService = class RoutingService {
   constructor(context, router, zone) {
@@ -55724,22 +55754,26 @@ let RoutingService = class RoutingService {
         const path = location.pathname;
 
         if (!this.invalidRoutes.includes(path)) {
-          const url = path + location.search + location.hash;
+          const url = `${path}${location.search}${location.hash}`;
           this.zone.run(() => this.router.navigateByUrl(url));
         }
       });
       this.subscription = this.router.events.subscribe(e => {
-        if (e instanceof _angular_router__WEBPACK_IMPORTED_MODULE_0__.NavigationError) {
-          const path = e.url;
+        if (e instanceof _angular_router__WEBPACK_IMPORTED_MODULE_1__.NavigationError) {
+          const routerUrl = e.url;
+          const path = normalize(routerUrl);
+          const locationUrl = nav.url;
 
           if (!this.invalidRoutes.includes(path)) {
             this.invalidRoutes.push(path);
           }
 
-          nav.push(path);
+          if (routerUrl !== locationUrl) {
+            nav.push(routerUrl);
+          }
         } else if (e.type === 15) {
           // consistency check to avoid #535 and other Angular-specific issues
-          const locationUrl = nav.path;
+          const locationUrl = nav.url;
           const routerUrl = e.routerEvent.url;
 
           if (routerUrl !== locationUrl) {
@@ -55758,7 +55792,7 @@ let RoutingService = class RoutingService {
   }
 
 };
-RoutingService = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)(), (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__param)(0, (0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Inject)('Context')), (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__param)(1, (0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__param)(2, (0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__metadata)("design:paramtypes", [Object, _angular_router__WEBPACK_IMPORTED_MODULE_0__.Router, _angular_core__WEBPACK_IMPORTED_MODULE_2__.NgZone])], RoutingService);
+RoutingService = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injectable)(), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__param)(0, (0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Inject)('Context')), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__param)(1, (0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__param)(2, (0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__metadata)("design:paramtypes", [Object, _angular_router__WEBPACK_IMPORTED_MODULE_1__.Router, _angular_core__WEBPACK_IMPORTED_MODULE_3__.NgZone])], RoutingService);
 
 
 /***/ }),
@@ -55811,33 +55845,60 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "bootstrap": () => (/* binding */ bootstrap),
 /* harmony export */   "prepareBootstrap": () => (/* binding */ prepareBootstrap)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
-/* harmony import */ var _startup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./startup */ "../../converters/piral-ng/esm/startup.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "../../converters/piral-ng/esm/utils.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./module */ "../../converters/piral-ng/esm/module.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "../../converters/piral-ng/esm/utils.js");
+/* harmony import */ var _startup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./startup */ "../../converters/piral-ng/esm/startup.js");
 
 
 
 
 function prepareBootstrap(moduleOrComponent, piral) {
-  const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAnnotations)(moduleOrComponent);
-  const standalone = annotation === null || annotation === void 0 ? void 0 : annotation.standalone; // first way is to directly use a module, which is the legacy way
-  // second way is to find a previously defined Angular module
-
-  if (annotation && annotation.bootstrap) {
-    // usually contains things like imports, exports, declarations, ...
-    const [component] = annotation.bootstrap;
-    annotation.exports = [component];
-    (0,_module__WEBPACK_IMPORTED_MODULE_1__.defineModule)(moduleOrComponent);
-    return [...(0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(component, standalone, piral), component];
-  } else {
-    // usually contains things like selector, template or templateUrl, changeDetection, ...
-    const result = (0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(moduleOrComponent, standalone, piral) || (0,_module__WEBPACK_IMPORTED_MODULE_1__.createModuleInstance)(moduleOrComponent, standalone, piral);
-    return [...result, moduleOrComponent];
-  }
+  return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function* () {
+    if ('module' in moduleOrComponent && typeof moduleOrComponent.module === 'function') {
+      if (!(moduleOrComponent.state.current instanceof Promise)) {
+        moduleOrComponent.state.current = moduleOrComponent.module().then(result => {
+          if (typeof result !== 'object' || !('default' in result)) {
+            throw new Error('The lazy loaded module does not `default` export a NgModule class.');
+          }
+
+          (0,_module__WEBPACK_IMPORTED_MODULE_1__.defineModule)(result.default, moduleOrComponent.opts);
+          return (0,_module__WEBPACK_IMPORTED_MODULE_1__.findModule)(result.default);
+        });
+      }
+
+      const moduleDef = yield moduleOrComponent.state.current;
+      const {
+        components
+      } = moduleDef;
+      const component = components.find(m => (0,_utils__WEBPACK_IMPORTED_MODULE_2__.hasSelector)(m, moduleOrComponent.selector));
+
+      if (!component) {
+        throw new Error(`No component matching the selector "${moduleOrComponent.selector}" has been found.`);
+      }
+
+      return [...(0,_module__WEBPACK_IMPORTED_MODULE_1__.activateModuleInstance)(moduleDef, piral), component];
+    } else {
+      const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getAnnotations)(moduleOrComponent);
+      const standalone = annotation === null || annotation === void 0 ? void 0 : annotation.standalone; // first way is to directly use a module, which is the legacy way
+      // second way is to find a previously defined Angular module
+
+      if (annotation && annotation.bootstrap) {
+        // usually contains things like imports, exports, declarations, ...
+        const [component] = annotation.bootstrap;
+        annotation.exports = [component];
+        (0,_module__WEBPACK_IMPORTED_MODULE_1__.defineModule)(moduleOrComponent);
+        return [...(0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(component, standalone, piral), component];
+      } else {
+        // usually contains things like selector, template or templateUrl, changeDetection, ...
+        const result = (0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(moduleOrComponent, standalone, piral) || (0,_module__WEBPACK_IMPORTED_MODULE_1__.createModuleInstance)(moduleOrComponent, standalone, piral);
+        return [...result, moduleOrComponent];
+      }
+    }
+  });
 }
 function bootstrap(result, node, props, context) {
-  return (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__awaiter)(this, void 0, void 0, function* () {
+  return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function* () {
     const [selectedModule, ngOptions, component] = result;
     const ref = yield (0,_startup__WEBPACK_IMPORTED_MODULE_3__.startup)(selectedModule, context, ngOptions);
 
@@ -55863,11 +55924,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createConverter": () => (/* binding */ createConverter)
 /* harmony export */ });
-/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "../../../node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js");
-/* harmony import */ var _NgExtension__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./NgExtension */ "../../converters/piral-ng/esm/NgExtension.js");
-/* harmony import */ var _queue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./queue */ "../../converters/piral-ng/esm/queue.js");
-/* harmony import */ var _module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./module */ "../../converters/piral-ng/esm/module.js");
-/* harmony import */ var _bootstrap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./bootstrap */ "../../converters/piral-ng/esm/bootstrap.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rxjs */ "../../../node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js");
+/* harmony import */ var _NgExtension__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./NgExtension */ "../../converters/piral-ng/esm/NgExtension.js");
+/* harmony import */ var _queue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./queue */ "../../converters/piral-ng/esm/queue.js");
+/* harmony import */ var _module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./module */ "../../converters/piral-ng/esm/module.js");
+/* harmony import */ var _bootstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bootstrap */ "../../converters/piral-ng/esm/bootstrap.js");
+
 
 
 
@@ -55880,19 +55943,23 @@ function createConverter(_ = {}) {
     mount(el, props, ctx, locals) {
       locals.active = true;
 
-      if (!registry.has(component)) {
-        registry.set(component, (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.prepareBootstrap)(component, props.piral));
-      }
-
       if (!locals.props) {
-        locals.props = new rxjs__WEBPACK_IMPORTED_MODULE_1__.BehaviorSubject(props);
+        locals.props = new rxjs__WEBPACK_IMPORTED_MODULE_0__.BehaviorSubject(props);
       }
 
       if (!locals.queued) {
         locals.queued = Promise.resolve();
       }
 
-      locals.queued = locals.queued.then(() => (0,_queue__WEBPACK_IMPORTED_MODULE_2__.enqueue)(() => locals.active && (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(registry.get(component), el, locals.props, ctx)));
+      locals.queued = locals.queued.then(() => (0,_queue__WEBPACK_IMPORTED_MODULE_1__.enqueue)(() => (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__awaiter)(this, void 0, void 0, function* () {
+        if (!registry.has(component)) {
+          registry.set(component, yield (0,_bootstrap__WEBPACK_IMPORTED_MODULE_3__.prepareBootstrap)(component, props.piral));
+        }
+
+        if (locals.active) {
+          (0,_bootstrap__WEBPACK_IMPORTED_MODULE_3__.bootstrap)(registry.get(component), el, locals.props, ctx);
+        }
+      })));
     },
 
     update(el, props, ctx, locals) {
@@ -55901,13 +55968,13 @@ function createConverter(_ = {}) {
 
     unmount(el, locals) {
       locals.active = false;
-      locals.queued = locals.queued.then(dispose => dispose && dispose());
+      locals.queued = locals.queued.then(dispose => dispose && (0,_queue__WEBPACK_IMPORTED_MODULE_1__.enqueue)(dispose));
     }
 
   });
 
-  convert.defineModule = _module__WEBPACK_IMPORTED_MODULE_3__.defineModule;
-  convert.Extension = _NgExtension__WEBPACK_IMPORTED_MODULE_4__.NgExtension;
+  convert.defineModule = _module__WEBPACK_IMPORTED_MODULE_4__.defineModule;
+  convert.Extension = _NgExtension__WEBPACK_IMPORTED_MODULE_5__.NgExtension;
   return convert;
 }
 
@@ -55966,17 +56033,21 @@ function createNgApi(config = {}) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "activateModuleInstance": () => (/* binding */ activateModuleInstance),
 /* harmony export */   "createModuleInstance": () => (/* binding */ createModuleInstance),
 /* harmony export */   "defineModule": () => (/* binding */ defineModule),
+/* harmony export */   "findModule": () => (/* binding */ findModule),
 /* harmony export */   "getModuleInstance": () => (/* binding */ getModuleInstance)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/platform-browser */ "../../../node_modules/@angular/platform-browser/fesm2020/platform-browser.mjs");
-/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm2020/common.mjs");
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2020/core.mjs");
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm2020/common.mjs");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2020/core.mjs");
+/* harmony import */ var _startup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./startup */ "../../converters/piral-ng/esm/startup.js");
 /* harmony import */ var _RoutingService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./RoutingService */ "../../converters/piral-ng/esm/RoutingService.js");
 /* harmony import */ var _SharedModule__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SharedModule */ "../../converters/piral-ng/esm/SharedModule.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "../../converters/piral-ng/esm/utils.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ "../../converters/piral-ng/esm/utils.js");
+
 
 
 
@@ -55987,6 +56058,7 @@ __webpack_require__.r(__webpack_exports__);
 const availableModules = [];
 
 function instantiateModule(moduleDef, piral) {
+  var BootstrapModule_1;
   const {
     module,
     components
@@ -56004,7 +56076,7 @@ function instantiateModule(moduleDef, piral) {
     useFactory: () => piral,
     deps: []
   }];
-  let BootstrapModule = class BootstrapModule {
+  let BootstrapModule = BootstrapModule_1 = class BootstrapModule {
     constructor(resolver, zone, routing) {
       this.resolver = resolver;
       this.zone = zone;
@@ -56049,26 +56121,33 @@ function instantiateModule(moduleDef, piral) {
           this.refs.splice(i, 1);
         }
       }
+
+      if (this.refs.length === 0) {
+        (0,_startup__WEBPACK_IMPORTED_MODULE_3__.teardown)(BootstrapModule_1);
+      }
     }
 
   };
-  BootstrapModule = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_4__.NgModule)({
+  BootstrapModule = BootstrapModule_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.NgModule)({
     imports,
     entryComponents: components,
     providers
-  }), (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__metadata)("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_4__.ComponentFactoryResolver, _angular_core__WEBPACK_IMPORTED_MODULE_4__.NgZone, _RoutingService__WEBPACK_IMPORTED_MODULE_2__.RoutingService])], BootstrapModule);
+  }), (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__metadata)("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_5__.ComponentFactoryResolver, _angular_core__WEBPACK_IMPORTED_MODULE_5__.NgZone, _RoutingService__WEBPACK_IMPORTED_MODULE_2__.RoutingService])], BootstrapModule);
   return BootstrapModule;
 }
 
+function activateModuleInstance(moduleDef, piral) {
+  if (!moduleDef.active) {
+    moduleDef.active = instantiateModule(moduleDef, piral);
+  }
+
+  return [moduleDef.active, moduleDef.opts];
+}
 function getModuleInstance(component, standalone, piral) {
   const [moduleDef] = availableModules.filter(m => m.components.includes(component));
 
   if (moduleDef) {
-    if (!moduleDef.active) {
-      moduleDef.active = instantiateModule(moduleDef, piral);
-    }
-
-    return [moduleDef.active, moduleDef.opts];
+    return activateModuleInstance(moduleDef, piral);
   }
 
   if (true) {
@@ -56081,11 +56160,11 @@ function getModuleInstance(component, standalone, piral) {
 }
 function createModuleInstance(component, standalone, piral) {
   const declarations = standalone ? [] : [component];
-  const importsDef = standalone ? [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule, component] : [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule];
+  const importsDef = standalone ? [_angular_common__WEBPACK_IMPORTED_MODULE_6__.CommonModule, component] : [_angular_common__WEBPACK_IMPORTED_MODULE_6__.CommonModule];
   const exportsDef = [component];
-  const schemasDef = [_angular_core__WEBPACK_IMPORTED_MODULE_4__.CUSTOM_ELEMENTS_SCHEMA];
+  const schemasDef = [_angular_core__WEBPACK_IMPORTED_MODULE_5__.CUSTOM_ELEMENTS_SCHEMA];
   let Module = class Module {};
-  Module = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_4__.NgModule)({
+  Module = (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.NgModule)({
     declarations,
     imports: importsDef,
     exports: exportsDef,
@@ -56094,14 +56173,32 @@ function createModuleInstance(component, standalone, piral) {
   defineModule(Module);
   return getModuleInstance(component, standalone, piral);
 }
+function findModule(module) {
+  return availableModules.find(m => m.module === module);
+}
 function defineModule(module, opts = undefined) {
-  const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getAnnotations)(module);
-  availableModules.push({
-    active: undefined,
-    components: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.findComponents)(annotation.exports),
-    module,
-    opts
-  });
+  if (typeof module !== 'function') {
+    const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getAnnotations)(module);
+    availableModules.push({
+      active: undefined,
+      components: (0,_utils__WEBPACK_IMPORTED_MODULE_7__.findComponents)(annotation.exports),
+      module,
+      opts
+    });
+  } else {
+    const state = {
+      current: undefined
+    };
+    return selector => ({
+      component: {
+        selector,
+        module,
+        opts,
+        state
+      },
+      type: 'ng'
+    });
+  }
 }
 
 /***/ }),
@@ -56135,7 +56232,8 @@ function enqueue(callback) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "startup": () => (/* binding */ startup)
+/* harmony export */   "startup": () => (/* binding */ startup),
+/* harmony export */   "teardown": () => (/* binding */ teardown)
 /* harmony export */ });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2020/core.mjs");
 /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm2020/common.mjs");
@@ -56153,50 +56251,72 @@ function getVersionHandler(versions) {
 }
 
 const runningModules = [];
-function startup(BootstrapModule, context, ngOptions) {
-  const runningModule = runningModules.find(([ref]) => ref === BootstrapModule);
-
-  if (runningModule) {
-    const [, instance] = runningModule;
-    return Promise.resolve(instance);
-  } else {
-    const path = context.publicPath || '/';
-    const platform = (0,_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_1__.platformBrowserDynamic)([{
-      provide: 'Context',
-      useValue: context
-    }, {
-      provide: _angular_common__WEBPACK_IMPORTED_MODULE_2__.APP_BASE_HREF,
-      useValue: path
-    }]);
-    const id = Math.random().toString(36);
-    const zoneIdentifier = `piral-ng:${id}`; // 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
-    // - https://github.com/angular/angular/blob/a14dc2d7a4821a19f20a9547053a5734798f541e/packages/core/src/zone/ng_zone.ts#L144
-    // - https://github.com/angular/angular/blob/a14dc2d7a4821a19f20a9547053a5734798f541e/packages/core/src/zone/ng_zone.ts#L257
-    // @ts-ignore
 
-    _angular_core__WEBPACK_IMPORTED_MODULE_3__.NgZone.isInAngularZone = () => window.Zone.current._properties[zoneIdentifier] === true;
+function startNew(BootstrapModule, context, ngOptions) {
+  const path = context.publicPath || '/';
+  const platform = (0,_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_1__.platformBrowserDynamic)([{
+    provide: 'Context',
+    useValue: context
+  }, {
+    provide: _angular_common__WEBPACK_IMPORTED_MODULE_2__.APP_BASE_HREF,
+    useValue: path
+  }]);
+  const id = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getId)();
+  const zoneIdentifier = `piral-ng:${id}`; // 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
+  // - https://github.com/angular/angular/blob/a14dc2d7a4821a19f20a9547053a5734798f541e/packages/core/src/zone/ng_zone.ts#L144
+  // - https://github.com/angular/angular/blob/a14dc2d7a4821a19f20a9547053a5734798f541e/packages/core/src/zone/ng_zone.ts#L257
+  // @ts-ignore
 
-    return platform.bootstrapModule(BootstrapModule, ngOptions).catch(err => console.log(err)).then(instance => {
-      var _a;
+  _angular_core__WEBPACK_IMPORTED_MODULE_3__.NgZone.isInAngularZone = () => window.Zone.current._properties[zoneIdentifier] === true;
 
-      if (instance) {
-        const zone = instance.injector.get(_angular_core__WEBPACK_IMPORTED_MODULE_3__.NgZone); // @ts-ignore
+  return platform.bootstrapModule(BootstrapModule, ngOptions).catch(err => console.log(err)).then(instance => {
+    var _a;
 
-        const z = (_a = zone === null || zone === void 0 ? void 0 : zone._inner) !== null && _a !== void 0 ? _a : zone === null || zone === void 0 ? void 0 : zone.inner;
+    if (instance) {
+      const zone = instance.injector.get(_angular_core__WEBPACK_IMPORTED_MODULE_3__.NgZone); // @ts-ignore
 
-        if (z && '_properties' in z) {
-          z._properties[zoneIdentifier] = true;
-        }
+      const z = (_a = zone === null || zone === void 0 ? void 0 : zone._inner) !== null && _a !== void 0 ? _a : zone === null || zone === void 0 ? void 0 : zone.inner;
 
-        runningModules.push([BootstrapModule, instance]);
+      if (z && '_properties' in z) {
+        z._properties[zoneIdentifier] = true;
       }
 
-      return instance;
-    });
+      runningModules.push([BootstrapModule, instance, platform]);
+    }
+
+    return instance;
+  });
+}
+
+function teardown(BootstrapModule) {
+  const runningModuleIndex = runningModules.findIndex(([ref]) => ref === BootstrapModule);
+
+  if (runningModuleIndex !== -1) {
+    const [,, platform] = runningModules[runningModuleIndex];
+    runningModules.splice(runningModuleIndex, 1);
+
+    if (!platform.destroyed) {
+      platform.destroy();
+    }
   }
 }
+function startup(BootstrapModule, context, ngOptions) {
+  const runningModule = runningModules.find(([ref]) => ref === BootstrapModule);
+
+  if (runningModule) {
+    const [, instance, platform] = runningModule;
+
+    if (platform.destroyed) {
+      teardown(BootstrapModule);
+    } else {
+      return Promise.resolve(instance);
+    }
+  }
+
+  return startNew(BootstrapModule, context, ngOptions);
+}
 
 if (true) {
   // May be used later for something useful. Right now only debugging output.
@@ -56256,11 +56376,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "findComponents": () => (/* binding */ findComponents),
 /* harmony export */   "getAnnotations": () => (/* binding */ getAnnotations),
+/* harmony export */   "getId": () => (/* binding */ getId),
 /* harmony export */   "getMinVersion": () => (/* binding */ getMinVersion),
-/* harmony export */   "getNgVersion": () => (/* binding */ getNgVersion)
+/* harmony export */   "getNgVersion": () => (/* binding */ getNgVersion),
+/* harmony export */   "hasSelector": () => (/* binding */ hasSelector)
 /* harmony export */ });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2020/core.mjs");
 
+function getId() {
+  return Math.random().toString(36);
+}
 function getNgVersion() {
   return _angular_core__WEBPACK_IMPORTED_MODULE_0__.VERSION.major || _angular_core__WEBPACK_IMPORTED_MODULE_0__.VERSION.full.split('.')[0];
 }
@@ -56285,6 +56410,10 @@ function getAnnotations(component) {
 
   return annotations || [];
 }
+function hasSelector(component, selector) {
+  const [annotation] = getAnnotations(component);
+  return annotation && annotation.selector === selector;
+}
 function findComponents(exports) {
   const components = [];
 
@@ -61214,11 +61343,13 @@ function createNavigation() {
 
   return {
     get path() {
-      if (_nav) {
-        return _nav.location.pathname;
-      }
+      const loc = _nav ? _nav.location : location;
+      return loc.pathname;
+    },
 
-      return location.pathname;
+    get url() {
+      const loc = _nav ? _nav.location : location;
+      return `${loc.pathname}${loc.search}${loc.hash}`;
     },
 
     push(target, state) {
@@ -63559,12 +63690,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.15.0-beta.4803",
+      version: "0.15.0-beta.4812",
       dependencies: "@angular/common,@angular/compiler,@angular/core,@angular/platform-browser,@angular/platform-browser-dynamic,@webcomponents/webcomponentsjs,angular,aurelia-framework,aurelia-templating-binding,aurelia-templating-resources,aurelia-pal-browser,aurelia-event-aggregator,aurelia-history-browser,hyperapp,inferno,inferno-create-element,mithril,lit-element,solid-js,solid-js/dom,piral-ng/common,preact,riot,rxjs,vue,zone.js,tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2022-11-05T02:14:34.968Z",
-      cli: "0.15.0-beta.4803",
+      date: "2022-11-13T01:15:00.061Z",
+      cli: "0.15.0-beta.4812",
       compat: "0.15"
     }
   };
@@ -216201,4 +216332,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.717365.js.map
+//# sourceMappingURL=index.13e756.js.map