sample-cross-fx 0.14.16 → 0.14.18-beta.3923

package/app/{index.ce240f.js → index.25d3f9.js}

@@ -125178,29 +125178,27 @@ function createConverter(config = {}) {
   (0,aurelia_pal_browser__WEBPACK_IMPORTED_MODULE_1__.initialize)();
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_2__.createExtension)(rootName);
 
-  const convert = root => {
-    let aurelia = undefined;
-    return {
-      mount(el, props, ctx) {
-        aurelia = new aurelia_framework__WEBPACK_IMPORTED_MODULE_0__.Aurelia(new _DefaultLoader__WEBPACK_IMPORTED_MODULE_3__.DefaultLoader());
-        aurelia.use.eventAggregator().history().defaultBindingLanguage().globalResources([Extension]).defaultResources();
-        aurelia.container.registerInstance('props', props);
-        aurelia.container.registerInstance('ctx', ctx);
-        aurelia.container.registerInstance('piral', props.piral);
-        aurelia.start().then(() => aurelia.setRoot(root, el));
-      },
+  const convert = root => ({
+    mount(el, props, ctx, locals) {
+      const aurelia = new aurelia_framework__WEBPACK_IMPORTED_MODULE_0__.Aurelia(new _DefaultLoader__WEBPACK_IMPORTED_MODULE_3__.DefaultLoader());
+      aurelia.use.eventAggregator().history().defaultBindingLanguage().globalResources([Extension]).defaultResources();
+      aurelia.container.registerInstance('props', props);
+      aurelia.container.registerInstance('ctx', ctx);
+      aurelia.container.registerInstance('piral', props.piral);
+      aurelia.start().then(() => aurelia.setRoot(root, el));
+      locals.aurelia = aurelia;
+    },
 
-      update(_, props, ctx) {
-        aurelia.container.registerInstance('props', props);
-        aurelia.container.registerInstance('ctx', ctx);
-      },
+    update(el, props, ctx, locals) {
+      locals.aurelia.container.registerInstance('props', props);
+      locals.aurelia.container.registerInstance('ctx', ctx);
+    },
 
-      unmount() {
-        aurelia = undefined;
-      }
+    unmount(el, locals) {
+      locals.aurelia = undefined;
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -125362,48 +125360,44 @@ function createConverter(lazy) {
   root.style.display = 'none';
   root.id = 'blazor-root';
 
-  const convert = (moduleName, dependency, args, options) => {
-    let id;
-    let referenceId;
-    let node;
-
-    let dispose = () => {};
-
-    let state;
-    return {
-      mount(el, data, ctx) {
-        const props = Object.assign(Object.assign({}, args), data);
-        el.setAttribute('data-blazor-pilet-root', 'true');
-        (0,_events__WEBPACK_IMPORTED_MODULE_1__.addGlobalEventListeners)(el);
-        (loader || (loader = boot())).then(dependency).then(() => (0,_interop__WEBPACK_IMPORTED_MODULE_0__.activate)(moduleName, props)).then(refId => {
-          if (state === 'fresh') {
-            id = refId;
-            node = root.querySelector(`#${id} > div`);
-            project(node, el, options);
-            state = 'mounted';
-            referenceId = refId;
-          }
-        }).catch(err => console.error(err));
-        dispose = (0,_events__WEBPACK_IMPORTED_MODULE_1__.attachEvents)(el, ev => data.piral.renderHtmlExtension(ev.detail.target, ev.detail.props), ev => ev.detail.replace ? ctx.router.history.replace(ev.detail.to, ev.detail.store) : ctx.router.history.push(ev.detail.to, ev.detail.state));
-        state = 'fresh';
-      },
+  const convert = (moduleName, dependency, args, options) => ({
+    mount(el, data, ctx, locals) {
+      const props = Object.assign(Object.assign({}, args), data);
+      el.setAttribute('data-blazor-pilet-root', 'true');
+      (0,_events__WEBPACK_IMPORTED_MODULE_1__.addGlobalEventListeners)(el);
+      locals.state = 'fresh';
+      locals.dispose = (0,_events__WEBPACK_IMPORTED_MODULE_1__.attachEvents)(el, ev => data.piral.renderHtmlExtension(ev.detail.target, ev.detail.props), ev => ev.detail.replace ? ctx.router.history.replace(ev.detail.to, ev.detail.store) : ctx.router.history.push(ev.detail.to, ev.detail.state));
+      (loader || (loader = boot())).then(dependency).then(() => (0,_interop__WEBPACK_IMPORTED_MODULE_0__.activate)(moduleName, props)).then(refId => {
+        if (locals.state === 'fresh') {
+          locals.id = refId;
+          locals.node = root.querySelector(`#${locals.id} > div`);
+          project(locals.node, el, options);
+          locals.state = 'mounted';
+          locals.referenceId = refId;
+        }
+      }).catch(err => console.error(err));
+    },
 
-      unmount(el) {
-        (0,_events__WEBPACK_IMPORTED_MODULE_1__.removeGlobalEventListeners)(el);
-        el.removeAttribute('data-blazor-pilet-root');
-        dispose();
+    update(el, data, ctx, locals) {
+      const props = Object.assign(Object.assign({}, args), data);
+      (0,_interop__WEBPACK_IMPORTED_MODULE_0__.reactivate)(moduleName, locals.referenceId, props);
+    },
 
-        if (state === 'mounted') {
-          root.querySelector(`#${id}`).appendChild(node);
-          (0,_interop__WEBPACK_IMPORTED_MODULE_0__.deactivate)(moduleName, referenceId);
-        }
+    unmount(el, locals) {
+      (0,_events__WEBPACK_IMPORTED_MODULE_1__.removeGlobalEventListeners)(el);
+      el.removeAttribute('data-blazor-pilet-root');
+      locals.dispose();
 
-        el.innerHTML = '';
-        state = 'removed';
+      if (locals.state === 'mounted') {
+        root.querySelector(`#${locals.id}`).appendChild(locals.node);
+        (0,_interop__WEBPACK_IMPORTED_MODULE_0__.deactivate)(moduleName, locals.referenceId);
       }
 
-    };
-  };
+      el.innerHTML = '';
+      locals.state = 'removed';
+    }
+
+  });
 
   convert.loader = loader;
   return convert;
@@ -125659,6 +125653,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "activate": () => (/* binding */ activate),
+/* harmony export */   "reactivate": () => (/* binding */ reactivate),
 /* harmony export */   "deactivate": () => (/* binding */ deactivate),
 /* harmony export */   "loadResource": () => (/* binding */ loadResource),
 /* harmony export */   "loadResourceWithSymbol": () => (/* binding */ loadResourceWithSymbol),
@@ -125705,6 +125700,11 @@ function computePath() {
 function activate(moduleName, props) {
   return window.DotNet.invokeMethodAsync(coreLib, 'Activate', moduleName, props);
 }
+function reactivate(moduleName, referenceId, props) {
+  return window.DotNet.invokeMethodAsync(coreLib, 'Reactivate', moduleName, referenceId, props).catch(() => {// Apparently an older version of Piral.Blazor, which does not support this
+    // discard this error silently (in the future we may print warnings here)
+  });
+}
 function deactivate(moduleName, referenceId) {
   return window.DotNet.invokeMethodAsync(coreLib, 'Deactivate', moduleName, referenceId);
 }
@@ -125808,22 +125808,20 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(selector);
 
-  const convert = (main, captured) => {
-    return {
-      mount(el, props, ctx) {
-        const node = el.appendChild(document.createElement('div'));
-        main.init({
-          node,
-          flags: Object.assign(Object.assign(Object.assign({}, captured), ctx), props)
-        });
-      },
+  const convert = (main, captured) => ({
+    mount(el, props, ctx) {
+      const node = el.appendChild(document.createElement('div'));
+      main.init({
+        node,
+        flags: Object.assign(Object.assign(Object.assign({}, captured), ctx), props)
+      });
+    },
 
-      unmount(el) {
-        el.innerHTML = '';
-      }
+    unmount(el) {
+      el.innerHTML = '';
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -125938,18 +125936,16 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
-  const convert = (root, state, actions) => {
-    return {
-      mount(el, props, ctx) {
-        (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountHyperapp)(el, root, props, ctx, state, actions);
-      },
+  const convert = (root, state, actions) => ({
+    mount(el, props, ctx) {
+      (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountHyperapp)(el, root, props, ctx, state, actions);
+    },
 
-      unmount(el) {
-        el.innerHTML = '';
-      }
+    unmount(el) {
+      el.innerHTML = '';
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -126095,22 +126091,20 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
-  const convert = root => {
-    return {
-      mount(el, props, ctx) {
-        (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountInferno)(el, root, props, ctx);
-      },
+  const convert = root => ({
+    mount(el, props, ctx) {
+      (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountInferno)(el, root, props, ctx);
+    },
 
-      update(el, props, ctx) {
-        (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountInferno)(el, root, props, ctx);
-      },
+    update(el, props, ctx) {
+      (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountInferno)(el, root, props, ctx);
+    },
 
-      unmount(el) {
-        (0,_mount__WEBPACK_IMPORTED_MODULE_1__.unmountInferno)(el);
-      }
+    unmount(el) {
+      (0,_mount__WEBPACK_IMPORTED_MODULE_1__.unmountInferno)(el);
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -126327,36 +126321,34 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(selector);
 
-  const convert = elementName => {
-    return {
-      mount(parent, data, ctx) {
-        const {
-          piral
-        } = data;
-        const el = parent.appendChild(document.createElement(elementName));
-        el.setAttribute('props', JSON.stringify(data));
-        el.setAttribute('ctx', JSON.stringify(ctx));
-        el.shadowRoot.addEventListener('render-html', ev => {
-          ev.stopPropagation();
-          piral.renderHtmlExtension(ev.detail.target, ev.detail.props);
-        }, false);
-      },
-
-      update(parent, data, ctx) {
-        const el = parent.querySelector(elementName);
+  const convert = elementName => ({
+    mount(parent, data, ctx) {
+      const {
+        piral
+      } = data;
+      const el = parent.appendChild(document.createElement(elementName));
+      el.setAttribute('props', JSON.stringify(data));
+      el.setAttribute('ctx', JSON.stringify(ctx));
+      el.shadowRoot.addEventListener('render-html', ev => {
+        ev.stopPropagation();
+        piral.renderHtmlExtension(ev.detail.target, ev.detail.props);
+      }, false);
+    },
 
-        if (el) {
-          el.setAttribute('props', JSON.stringify(data));
-          el.setAttribute('ctx', JSON.stringify(ctx));
-        }
-      },
+    update(parent, data, ctx) {
+      const el = parent.querySelector(elementName);
 
-      unmount(el) {
-        el.innerHTML = '';
+      if (el) {
+        el.setAttribute('props', JSON.stringify(data));
+        el.setAttribute('ctx', JSON.stringify(ctx));
       }
+    },
 
-    };
-  };
+    unmount(el) {
+      el.innerHTML = '';
+    }
+
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -126495,27 +126487,25 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_1__.createExtension)(rootName);
 
-  const convert = (component, captured) => {
-    return {
-      mount(el, props, ctx) {
-        mithril__WEBPACK_IMPORTED_MODULE_0__.mount(el, {
-          view: () => mithril__WEBPACK_IMPORTED_MODULE_0__.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props))
-        });
-      },
+  const convert = (component, captured) => ({
+    mount(el, props, ctx) {
+      mithril__WEBPACK_IMPORTED_MODULE_0__.mount(el, {
+        view: () => mithril__WEBPACK_IMPORTED_MODULE_0__.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props))
+      });
+    },
 
-      update(el, props, ctx) {
-        mithril__WEBPACK_IMPORTED_MODULE_0__.mount(el, {
-          view: () => mithril__WEBPACK_IMPORTED_MODULE_0__.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props))
-        });
-      },
+    update(el, props, ctx) {
+      mithril__WEBPACK_IMPORTED_MODULE_0__.mount(el, {
+        view: () => mithril__WEBPACK_IMPORTED_MODULE_0__.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props))
+      });
+    },
 
-      unmount(el) {
-        // tslint:disable-next-line:no-null-keyword
-        mithril__WEBPACK_IMPORTED_MODULE_0__.mount(el, null);
-      }
+    unmount(el) {
+      // tslint:disable-next-line:no-null-keyword
+      mithril__WEBPACK_IMPORTED_MODULE_0__.mount(el, null);
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -126985,17 +126975,20 @@ __webpack_require__.r(__webpack_exports__);
 function createConverter(_ = {}) {
   const convert = component => {
     const bootstrapped = (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.prepareBootstrap)(component);
-    let mounted = Promise.resolve();
-    let active = true;
     return {
-      mount(el, props, ctx) {
-        active = true;
-        mounted = mounted.then(() => (0,_queue__WEBPACK_IMPORTED_MODULE_1__.enqueue)(() => active && (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(bootstrapped, el, props, ctx)));
+      mount(el, props, ctx, locals) {
+        locals.active = true;
+
+        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)(bootstrapped, el, props, ctx)));
       },
 
-      unmount() {
-        active = false;
-        mounted = mounted.then(dispose => dispose && dispose());
+      unmount(el, locals) {
+        locals.active = false;
+        locals.queued = locals.queued.then(dispose => dispose && dispose());
       }
 
     };
@@ -127467,25 +127460,22 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_1__.createExtension)(rootName);
 
-  const convert = (name, root) => {
-    let injector = undefined;
-    return {
-      mount(el, props, ctx) {
-        el.appendChild(document.createElement(name));
-        root.value('props', props);
-        root.value('piral', props.piral);
-        root.value('ctx', ctx);
-        injector = (0,angular__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(el, [root.name]);
-      },
+  const convert = (name, root) => ({
+    mount(el, props, ctx, locals) {
+      el.appendChild(document.createElement(name));
+      root.value('props', props);
+      root.value('piral', props.piral);
+      root.value('ctx', ctx);
+      locals.injector = (0,angular__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(el, [root.name]);
+    },
 
-      unmount(el) {
-        const rootScope = injector.get('$rootScope');
-        rootScope.$destroy();
-        injector = undefined;
-      }
+    unmount(el, locals) {
+      const rootScope = locals.injector.get('$rootScope');
+      rootScope.$destroy();
+      locals.injector = undefined;
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -127615,22 +127605,20 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
-  const convert = root => {
-    return {
-      mount(el, props, ctx) {
-        (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountPreact)(el, root, props, ctx);
-      },
+  const convert = root => ({
+    mount(el, props, ctx) {
+      (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountPreact)(el, root, props, ctx);
+    },
 
-      update(el, props, ctx) {
-        (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountPreact)(el, root, props, ctx);
-      },
+    update(el, props, ctx) {
+      (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountPreact)(el, root, props, ctx);
+    },
 
-      unmount(el) {
-        (0,_mount__WEBPACK_IMPORTED_MODULE_1__.unmountPreact)(el);
-      }
+    unmount(el) {
+      (0,_mount__WEBPACK_IMPORTED_MODULE_1__.unmountPreact)(el);
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -127846,16 +127834,15 @@ function createConverter(config = {}) {
 
   const convert = (component, captured) => {
     const mountApp = riot__WEBPACK_IMPORTED_MODULE_0__.component(component);
-    let app = undefined;
     return {
-      mount(el, props, ctx) {
-        app = mountApp(el, Object.assign(Object.assign(Object.assign({}, captured), ctx), props));
+      mount(el, props, ctx, locals) {
+        locals.app = mountApp(el, Object.assign(Object.assign(Object.assign({}, captured), ctx), props));
       },
 
-      unmount(el) {
-        app.unmount(true);
+      unmount(el, locals) {
+        locals.app.unmount(true);
         el.innerHTML = '';
-        app = undefined;
+        locals.app = undefined;
       }
 
     };
@@ -128001,21 +127988,19 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
-  const convert = root => {
-    return {
-      mount(el, props, context) {
-        (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_1__.render)(() => (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_2__.createComponent)(root, Object.assign({
-          context
-        }, props)), el);
-      },
+  const convert = root => ({
+    mount(el, props, context) {
+      (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_1__.render)(() => (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_2__.createComponent)(root, Object.assign({
+        context
+      }, props)), el);
+    },
 
-      unmount(el) {
-        (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_1__.render)(() => undefined, el);
-        el.innerHTML = '';
-      }
+    unmount(el) {
+      (0,solid_js_dom__WEBPACK_IMPORTED_MODULE_1__.render)(() => undefined, el);
+      el.innerHTML = '';
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -128128,30 +128113,27 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(selector);
 
-  const convert = (Component, captured) => {
-    let instance = undefined;
-    return {
-      mount(parent, data, ctx) {
-        instance = new Component({
-          target: parent,
-          props: Object.assign(Object.assign(Object.assign({}, captured), ctx), data)
-        });
-      },
+  const convert = (Component, captured) => ({
+    mount(parent, data, ctx, locals) {
+      locals.instance = new Component({
+        target: parent,
+        props: Object.assign(Object.assign(Object.assign({}, captured), ctx), data)
+      });
+    },
 
-      update(_, data) {
-        Object.keys(data).forEach(key => {
-          instance[key] = data[key];
-        });
-      },
+    update(el, data, ctx, locals) {
+      Object.keys(data).forEach(key => {
+        locals.instance[key] = data[key];
+      });
+    },
 
-      unmount(el) {
-        instance.$destroy();
-        instance = undefined;
-        el.innerHTML = '';
-      }
+    unmount(el, locals) {
+      locals.instance.$destroy();
+      locals.instance = undefined;
+      el.innerHTML = '';
+    }
 
-    };
-  };
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -128267,28 +128249,25 @@ function createConverter(config = {}) {
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName, selector);
 
-  const convert = (root, captured) => {
-    let instance = undefined;
-    return {
-      mount(parent, data, ctx) {
-        const el = parent.appendChild(document.createElement(rootName));
-        instance = (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountVue)(el, root, data, ctx, captured);
-      },
-
-      update(_, data) {
-        for (const prop in data) {
-          instance[prop] = data[prop];
-        }
-      },
+  const convert = (root, captured) => ({
+    mount(parent, data, ctx, locals) {
+      const el = parent.appendChild(document.createElement(rootName));
+      locals.instance = (0,_mount__WEBPACK_IMPORTED_MODULE_1__.mountVue)(el, root, data, ctx, captured);
+    },
 
-      unmount(el) {
-        instance.$destroy();
-        el.innerHTML = '';
-        instance = undefined;
+    update(parent, data, ctx, locals) {
+      for (const prop in data) {
+        locals.instance[prop] = data[prop];
       }
+    },
 
-    };
-  };
+    unmount(parent, locals) {
+      locals.instance.$destroy();
+      parent.innerHTML = '';
+      locals.instance = undefined;
+    }
+
+  });
 
   convert.Extension = Extension;
   return convert;
@@ -128657,8 +128636,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "includeDependency": () => (/* binding */ includeDependency),
 /* harmony export */   "includeBundle": () => (/* binding */ includeBundle)
 /* harmony export */ });
+function tryResolve(name, parent) {
+  try {
+    return System.resolve(name, parent);
+  } catch (_a) {
+    // just ignore - will be handled differently later.
+    return undefined;
+  }
+}
+
 function requireModule(name, parent) {
-  const moduleId = System.resolve(name, parent);
+  const moduleId = tryResolve(name, parent);
   const dependency = moduleId && System.get(moduleId);
 
   if (!dependency) {
@@ -129346,7 +129334,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function isPrimitiveExport(content) {
   const type = typeof content;
-  return type === 'function' || type === 'number' || type === 'boolean' || type === 'symbol' || type === 'string' || type === 'bigint' || Array.isArray(content);
+  return type === 'number' || type === 'boolean' || type === 'symbol' || type === 'string' || type === 'bigint' || Array.isArray(content);
 }
 
 const systemRegister = System.constructor.prototype.register;
@@ -129360,6 +129348,14 @@ System.constructor.prototype.register = function (...args) {
 
         if (content instanceof Promise) {
           return content.then(exp);
+        } else if (typeof content === 'function') {
+          _export('__esModule', true);
+
+          Object.keys(content).forEach(prop => {
+            _export(prop, content[prop]);
+          });
+
+          _export('default', content);
         } else if (isPrimitiveExport(content)) {
           _export('__esModule', true);
 
@@ -130193,6 +130189,7 @@ __webpack_require__.r(__webpack_exports__);
 class ForeignComponentContainer extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
   constructor() {
     super(...arguments);
+    this.local = {};
 
     this.handler = ev => {
       const {
@@ -130219,7 +130216,7 @@ class ForeignComponentContainer extends react__WEBPACK_IMPORTED_MODULE_0__.Compo
     } = $component;
 
     if (node && (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(mount)) {
-      mount(node, innerProps, $context);
+      mount(node, innerProps, $context, this.local);
       node.addEventListener('render-html', this.handler, false);
     }
 
@@ -130244,7 +130241,7 @@ class ForeignComponentContainer extends react__WEBPACK_IMPORTED_MODULE_0__.Compo
       previous && this.componentWillUnmount();
       current && this.componentDidMount();
     } else if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(update)) {
-      update(current, innerProps, $context);
+      update(current, innerProps, $context, this.local);
     }
   }
 
@@ -130258,7 +130255,7 @@ class ForeignComponentContainer extends react__WEBPACK_IMPORTED_MODULE_0__.Compo
     } = $component;
 
     if (node && (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(unmount)) {
-      unmount(node);
+      unmount(node, this.local);
       node.removeEventListener('render-html', this.handler, false);
     }
 
@@ -131101,7 +131098,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.16" || 0,
+    version: "0.14.18-beta.3923" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -133576,12 +133573,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.16",
+      version: "0.14.18-beta.3923",
       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-10T15:21:57.119Z",
-      cli: "0.14.15",
+      date: "2022-03-15T00:46:49.543Z",
+      cli: "0.14.17",
       compat: "0.14"
     },
     pilets: {
@@ -255749,4 +255746,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.ce240f.js.map
+//# sourceMappingURL=index.25d3f9.js.map