sample-cross-fx 1.2.0-beta.5863 → 1.2.0-beta.5867

package/app/index.d.ts

@@ -606,15 +606,17 @@ export interface NgModuleDefiner {
    * Defines the module to use when bootstrapping the Angular pilet.
    * @param ngModule The module to use for running Angular.
    * @param opts The options to pass when bootstrapping.
+   * @param flags The flags to use when dealing with the module.
    */
-  <T>(module: AngularCore.Type<T>, opts?: NgOptions): void;
+  <T>(module: AngularCore.Type<T>, opts?: NgOptions, flags?: NgModuleFlags): void;
   /**
    * Defines the module to lazy load for bootstrapping the Angular pilet.
    * @param getModule The module lazy loader to use for running Angular.
    * @param opts The options to pass when bootstrapping.
+   * @param flags The flags to use when dealing with the module.
    * @returns The module ID to be used to reference components.
    */
-  <T>(getModule: LazyType<T>, opts?: NgOptions): NgComponentLoader;
+  <T>(getModule: LazyType<T>, opts?: NgOptions, flags?: NgModuleFlags): NgComponentLoader;
 }
 
 export interface NgComponent {
@@ -997,6 +999,13 @@ export interface BaseExtensionSlotProps<TName, TParams> {
  */
 export type NgOptions = Parameters<AngularCore.PlatformRef["bootstrapModule"]>[1];
 
+export interface NgModuleFlags {
+  /**
+   * If set to true prevents the module from being disposed.
+   */
+  keepAlive?: boolean;
+}
+
 /**
  * The lazy loading interface for retrieving Angular components.
  */
@@ -1026,6 +1035,7 @@ export interface NgLazyType {
     default: AngularCore.Type<any>;
   }>;
   opts: NgOptions;
+  flags: NgModuleFlags;
   state: any;
 }
 

package/app/{index.fe5ae2.js → index.df2fd7.js}

@@ -55732,6 +55732,9 @@ let RoutingService = class RoutingService {
       };
       const skipIds = [];
       const nav = this.context.navigation;
+      const queueNavigation = url => {
+        window.requestAnimationFrame(() => nav.push(url));
+      };
       this.dispose = nav.listen(({
         location
       }) => {
@@ -55750,7 +55753,7 @@ let RoutingService = class RoutingService {
             this.invalidRoutes.push(path);
           }
           if (routerUrl !== locationUrl) {
-            nav.push(routerUrl);
+            queueNavigation(routerUrl);
           }
         } else if (e.type === 0 && skipNavigation) {
           skipIds.push(e.id);
@@ -55761,7 +55764,7 @@ let RoutingService = class RoutingService {
             const locationUrl = nav.url;
             const routerUrl = e.routerEvent.url;
             if (routerUrl !== locationUrl) {
-              nav.push(routerUrl);
+              queueNavigation(routerUrl);
             }
           } else {
             skipIds.splice(index, 1);
@@ -55809,7 +55812,7 @@ function prepareBootstrap(moduleOrComponent, piral) {
           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);
+          (0,_module__WEBPACK_IMPORTED_MODULE_1__.defineModule)(result.default, moduleOrComponent.opts, moduleOrComponent.flags);
           return (0,_module__WEBPACK_IMPORTED_MODULE_1__.findModule)(result.default);
         });
       }
@@ -55843,8 +55846,8 @@ function prepareBootstrap(moduleOrComponent, piral) {
 }
 function bootstrap(result, node, props, context) {
   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);
+    const [selectedModule, ngOptions, ngFlags, component] = result;
+    const ref = yield (0,_startup__WEBPACK_IMPORTED_MODULE_3__.startup)(selectedModule, context, ngOptions, ngFlags);
     if (ref) {
       ref.instance.attach(component, node, props);
       return () => ref.instance.detach(component, node);
@@ -56004,10 +56007,11 @@ function instantiateModule(moduleDef, piral) {
     deps: []
   }];
   let BootstrapModule = BootstrapModule_1 = class BootstrapModule {
-    constructor(resolver, zone, routing) {
+    constructor(resolver, zone, routing, flags) {
       this.resolver = resolver;
       this.zone = zone;
       this.routing = routing;
+      this.flags = flags;
       this.refs = [];
     }
     ngDoBootstrap(appRef) {
@@ -56032,6 +56036,7 @@ function instantiateModule(moduleDef, piral) {
       }
     }
     detach(component, node) {
+      var _a;
       for (let i = this.refs.length; i--;) {
         const [sourceComponent, sourceNode, ref] = this.refs[i];
         if (sourceComponent === component && sourceNode === node) {
@@ -56039,7 +56044,7 @@ function instantiateModule(moduleDef, piral) {
           this.refs.splice(i, 1);
         }
       }
-      if (this.refs.length === 0) {
+      if (!((_a = this.flags) === null || _a === void 0 ? void 0 : _a.keepAlive) && this.refs.length === 0) {
         (0,_startup__WEBPACK_IMPORTED_MODULE_3__.teardown)(BootstrapModule_1);
       }
     }
@@ -56049,14 +56054,14 @@ function instantiateModule(moduleDef, piral) {
     // @ts-ignore
     entryComponents: components,
     providers
-  }), (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);
+  }), (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__param)(3, (0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.Inject)('NgFlags')), (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, Object])], BootstrapModule);
   return BootstrapModule;
 }
 function activateModuleInstance(moduleDef, piral) {
   if (!moduleDef.active) {
     moduleDef.active = instantiateModule(moduleDef, piral);
   }
-  return [moduleDef.active, moduleDef.opts];
+  return [moduleDef.active, moduleDef.opts, moduleDef.flags];
 }
 function getModuleInstance(component, standalone, piral) {
   const [moduleDef] = availableModules.filter(m => m.components.includes(component));
@@ -56088,13 +56093,14 @@ function createModuleInstance(component, standalone, piral) {
 function findModule(module) {
   return availableModules.find(m => m.module === module);
 }
-function defineModule(module, opts = undefined) {
+function defineModule(module, opts = undefined, flags = undefined) {
   const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getAnnotations)(module);
   if (annotation) {
     availableModules.push({
       active: undefined,
       components: (0,_utils__WEBPACK_IMPORTED_MODULE_7__.findComponents)(annotation.exports),
       module,
+      flags,
       opts
     });
   } else if (typeof module === 'function') {
@@ -56106,6 +56112,7 @@ function defineModule(module, opts = undefined) {
         selector,
         module,
         opts,
+        flags,
         state
       },
       type: 'ng'
@@ -56166,7 +56173,7 @@ const customPlatformDynamicFactory = (0,_angular_core__WEBPACK_IMPORTED_MODULE_1
   useValue: true
 }]);
 const runningModules = [];
-function startNew(BootstrapModule, context, ngOptions) {
+function startNew(BootstrapModule, context, ngOptions, ngFlags) {
   const path = context.publicPath || '/';
   const platform = customPlatformDynamicFactory([{
     provide: 'Context',
@@ -56174,6 +56181,9 @@ function startNew(BootstrapModule, context, ngOptions) {
   }, {
     provide: _angular_common__WEBPACK_IMPORTED_MODULE_3__.APP_BASE_HREF,
     useValue: path
+  }, {
+    provide: 'NgFlags',
+    useValue: ngFlags
   }]);
   const id = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getId)();
   const zoneIdentifier = `piral-ng:${id}`;
@@ -56208,7 +56218,7 @@ function teardown(BootstrapModule) {
     }
   }
 }
-function startup(BootstrapModule, context, ngOptions) {
+function startup(BootstrapModule, context, ngOptions, ngFlags) {
   const runningModule = runningModules.find(([ref]) => ref === BootstrapModule);
   if (runningModule) {
     const [, instance, platform] = runningModule;
@@ -56218,7 +56228,7 @@ function startup(BootstrapModule, context, ngOptions) {
       return Promise.resolve(instance);
     }
   }
-  return startNew(BootstrapModule, context, ngOptions);
+  return startNew(BootstrapModule, context, ngOptions, ngFlags);
 }
 if (true) {
   // May be used later for something useful. Right now only debugging output.
@@ -60749,12 +60759,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "1.2.0-beta.5863",
+      version: "1.2.0-beta.5867",
       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/web,piral-ng/common,preact,riot,rxjs,vue,zone.js,tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2023-08-24T07:49:36.175Z",
-      cli: "1.2.0-beta.5863",
+      date: "2023-08-28T11:27:14.892Z",
+      cli: "1.2.0-beta.5867",
       compat: "1"
     }
   };
@@ -222290,4 +222300,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.fe5ae2.js.map
+//# sourceMappingURL=index.df2fd7.js.map