sample-cross-fx 0.14.19-beta.3964 → 0.14.19-beta.3968

package/app/{index.9f49b3.js → index.0ed979.js}

@@ -126922,7 +126922,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function prepareBootstrap(moduleOrComponent) {
+function prepareBootstrap(moduleOrComponent, piral) {
   const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAnnotations)(moduleOrComponent);
 
   if (annotation && annotation.bootstrap) {
@@ -126930,17 +126930,17 @@ function prepareBootstrap(moduleOrComponent) {
     const [component] = annotation.bootstrap;
     annotation.exports = [component];
     (0,_module__WEBPACK_IMPORTED_MODULE_1__.defineModule)(moduleOrComponent);
-    return [...(0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(component), component];
+    return [...(0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(component, piral), component];
   } else {
     // usually contains things like selector, template or templateUrl, changeDetection, ...
-    const result = (0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(moduleOrComponent) || (0,_module__WEBPACK_IMPORTED_MODULE_1__.createModuleInstance)(moduleOrComponent);
+    const result = (0,_module__WEBPACK_IMPORTED_MODULE_1__.getModuleInstance)(moduleOrComponent, piral) || (0,_module__WEBPACK_IMPORTED_MODULE_1__.createModuleInstance)(moduleOrComponent, piral);
     return [...result, moduleOrComponent];
   }
 }
 function bootstrap(result, node, props, context) {
   return (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__awaiter)(this, void 0, void 0, function* () {
     const [selectedModule, ngOptions, component] = result;
-    const ref = yield (0,_startup__WEBPACK_IMPORTED_MODULE_3__.startup)(selectedModule, context, props.piral, ngOptions);
+    const ref = yield (0,_startup__WEBPACK_IMPORTED_MODULE_3__.startup)(selectedModule, context, ngOptions);
 
     if (ref) {
       ref.instance.attach(component, node, props);
@@ -126973,26 +126973,29 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function createConverter(_ = {}) {
-  const convert = component => {
-    const bootstrapped = (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.prepareBootstrap)(component);
-    return {
-      mount(el, props, ctx, locals) {
-        locals.active = true;
+  const registry = new Map();
 
-        if (!locals.queued) {
-          locals.queued = Promise.resolve();
-        }
+  const convert = component => ({
+    mount(el, props, ctx, locals) {
+      locals.active = true;
 
-        locals.queued = locals.queued.then(() => (0,_queue__WEBPACK_IMPORTED_MODULE_1__.enqueue)(() => locals.active && (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(bootstrapped, el, props, ctx)));
-      },
+      if (!registry.has(component)) {
+        registry.set(component, (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.prepareBootstrap)(component, props.piral));
+      }
 
-      unmount(el, locals) {
-        locals.active = false;
-        locals.queued = locals.queued.then(dispose => dispose && dispose());
+      if (!locals.queued) {
+        locals.queued = Promise.resolve();
       }
 
-    };
-  };
+      locals.queued = locals.queued.then(() => (0,_queue__WEBPACK_IMPORTED_MODULE_1__.enqueue)(() => locals.active && (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(registry.get(component), el, props, ctx)));
+    },
+
+    unmount(el, locals) {
+      locals.active = false;
+      locals.queued = locals.queued.then(dispose => dispose && dispose());
+    }
+
+  });
 
   convert.defineModule = _module__WEBPACK_IMPORTED_MODULE_2__.defineModule;
   convert.Extension = _NgExtension__WEBPACK_IMPORTED_MODULE_3__.NgExtension;
@@ -127093,7 +127096,7 @@ __webpack_require__.r(__webpack_exports__);
 const ngc = _angular_core__WEBPACK_IMPORTED_MODULE_0__;
 const availableModules = [];
 
-function instantiateModule(moduleDef) {
+function instantiateModule(moduleDef, piral) {
   var BootstrapModule_1;
   const {
     module,
@@ -127107,6 +127110,10 @@ function instantiateModule(moduleDef) {
     provide: 'Props',
     useFactory: () => props.current,
     deps: []
+  }, {
+    provide: 'piral',
+    useFactory: () => piral,
+    deps: []
   }];
   let BootstrapModule = BootstrapModule_1 = class BootstrapModule {
     constructor(resolver, zone, routing) {
@@ -127176,12 +127183,12 @@ function instantiateModule(moduleDef) {
   return BootstrapModule;
 }
 
-function getModuleInstance(component) {
+function getModuleInstance(component, piral) {
   const [moduleDef] = availableModules.filter(m => m.components.includes(component));
 
   if (moduleDef) {
     if (!moduleDef.active) {
-      moduleDef.active = instantiateModule(moduleDef);
+      moduleDef.active = instantiateModule(moduleDef, piral);
     }
 
     return [moduleDef.active, moduleDef.opts];
@@ -127189,7 +127196,7 @@ function getModuleInstance(component) {
 
   return undefined;
 }
-function createModuleInstance(component) {
+function createModuleInstance(component, piral) {
   var Module_1;
   const declarations = [component];
   const importsDef = [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule];
@@ -127220,7 +127227,7 @@ function createModuleInstance(component) {
   }
 
   defineModule(Module);
-  return getModuleInstance(component);
+  return getModuleInstance(component, piral);
 }
 function defineModule(module, opts = undefined) {
   const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getAnnotations)(module);
@@ -127281,7 +127288,7 @@ function getVersionHandler(versions) {
 }
 
 const runningModules = [];
-function startup(BootstrapModule, context, piral, ngOptions) {
+function startup(BootstrapModule, context, ngOptions) {
   var _a;
 
   const runningModule = runningModules.find(([ref]) => ref === BootstrapModule);
@@ -127294,10 +127301,6 @@ function startup(BootstrapModule, context, piral, ngOptions) {
     const platform = (0,_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_1__.platformBrowserDynamic)([{
       provide: 'Context',
       useValue: context
-    }, {
-      provide: 'piral',
-      useFactory: () => piral,
-      deps: []
     }, {
       provide: _angular_common__WEBPACK_IMPORTED_MODULE_2__.APP_BASE_HREF,
       useValue: path
@@ -131100,7 +131103,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.19-beta.3964" || 0,
+    version: "0.14.19-beta.3968" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -133573,11 +133576,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.19-beta.3964",
+      version: "0.14.19-beta.3968",
       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,preact,riot,rxjs,vue,zone.js,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-03-18T18:18:38.933Z",
+      date: "2022-03-19T14:49:47.458Z",
       cli: "0.14.18",
       compat: "0.14"
     },
@@ -255746,4 +255749,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.9f49b3.js.map
+//# sourceMappingURL=index.0ed979.js.map