sample-cross-fx 0.14.8 → 0.14.10-beta.3615

package/app/{index.5af7ea.js → index.24fc9e.js}

@@ -129975,17 +129975,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ErrorBoundary": () => (/* binding */ ErrorBoundary)
 /* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
+
 
 
 /**
- * The React component for catching errors and displaying error information.
+ * The component for catching errors and displaying error information.
  */
 
 class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
-  constructor(props) {
-    super(props);
+  constructor() {
+    super(...arguments);
     this.state = {
       error: undefined
     };
@@ -129993,42 +129995,40 @@ class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
 
   componentDidCatch(error) {
     const {
-      onError
+      piral,
+      errorType
     } = this.props;
-
-    if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(onError)) {
-      onError(error);
-    }
-
+    const pilet = piral.meta.name;
+    console.error(`[${pilet}] Exception in component of type "${errorType}".`, error);
     this.setState({
       error
     });
   }
 
   render() {
-    const {
+    const _a = this.props,
+          {
       children,
-      renderError,
-      renderChild,
-      renderProps
-    } = this.props;
+      piral,
+      errorType
+    } = _a,
+          renderProps = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["children", "piral", "errorType"]);
+
     const {
       error
     } = this.state;
+    const rest = renderProps;
 
     if (error) {
-      if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(renderError)) {
-        return renderError(error, renderProps);
-      }
-
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
-        style: {
-          whiteSpace: 'pre-wrap'
-        }
-      }, error && error.message);
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PiralError, Object.assign({
+        type: errorType,
+        error: error
+      }, rest));
     }
 
-    return (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(renderChild) ? renderChild(children, renderProps) : children;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense, {
+      fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PiralLoadingIndicator, null)
+    }, children);
   }
 
 }
@@ -130084,6 +130084,110 @@ ExtensionSlot.displayName = `ExtensionSlot`;
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/components/ForeignComponentContainer.js":
+/*!******************************************************************************!*\
+  !*** ../../framework/piral-core/esm/components/ForeignComponentContainer.js ***!
+  \******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ForeignComponentContainer": () => (/* binding */ ForeignComponentContainer)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
+
+
+class ForeignComponentContainer extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
+  constructor() {
+    super(...arguments);
+
+    this.handler = ev => {
+      const {
+        innerProps
+      } = this.props;
+      ev.stopPropagation();
+      innerProps.piral.renderHtmlExtension(ev.detail.target, ev.detail.props);
+    };
+
+    this.setNode = node => {
+      this.current = node;
+    };
+  }
+
+  componentDidMount() {
+    const node = this.current;
+    const {
+      $component,
+      $context,
+      innerProps
+    } = this.props;
+    const {
+      mount
+    } = $component;
+
+    if (node && (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(mount)) {
+      mount(node, innerProps, $context);
+      node.addEventListener('render-html', this.handler, false);
+    }
+
+    this.previous = node;
+  }
+
+  componentDidUpdate() {
+    const {
+      current,
+      previous
+    } = this;
+    const {
+      $component,
+      $context,
+      innerProps
+    } = this.props;
+    const {
+      update
+    } = $component;
+
+    if (current !== previous) {
+      previous && this.componentWillUnmount();
+      current && this.componentDidMount();
+    } else if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(update)) {
+      update(current, innerProps, $context);
+    }
+  }
+
+  componentWillUnmount() {
+    const node = this.previous;
+    const {
+      $component
+    } = this.props;
+    const {
+      unmount
+    } = $component;
+
+    if (node && (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(unmount)) {
+      unmount(node);
+      node.removeEventListener('render-html', this.handler, false);
+    }
+
+    this.previous = undefined;
+  }
+
+  render() {
+    const {
+      $portalId
+    } = this.props;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+      "data-portal-id": $portalId,
+      ref: this.setNode
+    });
+  }
+
+}
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/components/Mediator.js":
 /*!*************************************************************!*\
   !*** ../../framework/piral-core/esm/components/Mediator.js ***!
@@ -130694,7 +130798,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "SetProvider": () => (/* reexport safe */ _SetProvider__WEBPACK_IMPORTED_MODULE_16__.SetProvider),
 /* harmony export */   "SetRedirect": () => (/* reexport safe */ _SetRedirect__WEBPACK_IMPORTED_MODULE_17__.SetRedirect),
 /* harmony export */   "SetRoute": () => (/* reexport safe */ _SetRoute__WEBPACK_IMPORTED_MODULE_18__.SetRoute),
-/* harmony export */   "SwitchErrorInfo": () => (/* reexport safe */ _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_19__.SwitchErrorInfo)
+/* harmony export */   "SwitchErrorInfo": () => (/* reexport safe */ _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_19__.SwitchErrorInfo),
+/* harmony export */   "wrapComponent": () => (/* reexport safe */ _wrapComponent__WEBPACK_IMPORTED_MODULE_20__.wrapComponent)
 /* harmony export */ });
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DefaultErrorInfo */ "../../framework/piral-core/esm/components/DefaultErrorInfo.js");
@@ -130716,6 +130821,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _SetRedirect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./SetRedirect */ "../../framework/piral-core/esm/components/SetRedirect.js");
 /* harmony import */ var _SetRoute__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./SetRoute */ "../../framework/piral-core/esm/components/SetRoute.js");
 /* harmony import */ var _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./SwitchErrorInfo */ "../../framework/piral-core/esm/components/SwitchErrorInfo.js");
+/* harmony import */ var _wrapComponent__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./wrapComponent */ "../../framework/piral-core/esm/components/wrapComponent.js");
+
 
 
 
@@ -130736,6 +130843,86 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+/***/ }),
+
+/***/ "../../framework/piral-core/esm/components/wrapComponent.js":
+/*!******************************************************************!*\
+  !*** ../../framework/piral-core/esm/components/wrapComponent.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "wrapComponent": () => (/* binding */ wrapComponent)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
+/* harmony import */ var _PortalRenderer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PortalRenderer */ "../../framework/piral-core/esm/components/PortalRenderer.js");
+/* harmony import */ var _ForeignComponentContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ForeignComponentContainer */ "../../framework/piral-core/esm/components/ForeignComponentContainer.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
+
+
+
+
+
+ // this is an arbitrary start number to have 6 digits
+
+let portalIdBase = 123456;
+
+function wrapReactComponent(Component, captured, Wrapper) {
+  return props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, Object.assign({}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props, captured)));
+}
+
+function wrapForeignComponent(component, captured, Wrapper) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.memo(props => {
+    const {
+      state,
+      readState,
+      destroyPortal
+    } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)();
+    const router = react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_2__.__RouterContext);
+    const id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => (portalIdBase++).toString(26), _utils__WEBPACK_IMPORTED_MODULE_3__.none);
+    const context = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => ({
+      router,
+      state,
+      readState
+    }), [router, state]);
+    const innerProps = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => Object.assign(Object.assign({}, props), captured), [props]);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => () => destroyPortal(id), _utils__WEBPACK_IMPORTED_MODULE_3__.none);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, Object.assign({}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PortalRenderer__WEBPACK_IMPORTED_MODULE_4__.PortalRenderer, {
+      id: id
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ForeignComponentContainer__WEBPACK_IMPORTED_MODULE_5__.ForeignComponentContainer, {
+      innerProps: innerProps,
+      "$portalId": id,
+      "$component": component,
+      "$context": context
+    }));
+  });
+}
+
+function isNotExotic(component) {
+  return !component.$$typeof;
+}
+
+function wrapComponent(converters, component, captured, Wrapper) {
+  if (!component) {
+    const pilet = captured.piral.meta.name;
+    console.error(`[${pilet}] The given value is not a valid component.`); // tslint:disable-next-line:no-null-keyword
+
+    component = () => null;
+  }
+
+  if (typeof component === 'object' && isNotExotic(component)) {
+    const result = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.convertComponent)(converters[component.type], component);
+    return wrapForeignComponent(result, captured, Wrapper);
+  }
+
+  return wrapReactComponent(component, captured, Wrapper);
+}
 
 /***/ }),
 
@@ -130811,7 +130998,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.8" || 0,
+    version: "0.14.10-beta.3615" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -131171,6 +131358,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "SetRoute": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.SetRoute),
 /* harmony export */   "SwitchErrorInfo": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.SwitchErrorInfo),
 /* harmony export */   "getPiralComponent": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.getPiralComponent),
+/* harmony export */   "wrapComponent": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.wrapComponent),
 /* harmony export */   "useAction": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useAction),
 /* harmony export */   "useActions": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useActions),
 /* harmony export */   "useGlobalState": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useGlobalState),
@@ -131320,11 +131508,14 @@ function createCoreApi(context) {
         return context.tryWriteDataItem(name, value, pilet, target, expiration);
       },
 
-      registerPage(route, arg, meta) {
+      registerPage(route, arg, meta = {}) {
+        const component = (0,_state__WEBPACK_IMPORTED_MODULE_1__.withApi)(context, arg, api, 'page', undefined, {
+          meta
+        });
         context.registerPage(route, {
           pilet,
           meta,
-          component: (0,_state__WEBPACK_IMPORTED_MODULE_1__.withApi)(context, arg, api, 'page')
+          component
         });
         return () => api.unregisterPage(route);
       },
@@ -131715,199 +131906,40 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "withApi": () => (/* binding */ withApi)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
-/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/components.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/wrapComponent.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/react.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
-
-
 
 
 
- // this is an arbitrary start number to have 6 digits
-
-let portalIdBase = 123456;
 
 const DefaultWrapper = props => (0,_utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender)(props.children);
 
-class ForeignComponentContainer extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
-  constructor() {
-    super(...arguments);
-
-    this.handler = ev => {
-      const {
-        innerProps
-      } = this.props;
-      ev.stopPropagation();
-      innerProps.piral.renderHtmlExtension(ev.detail.target, ev.detail.props);
-    };
-
-    this.setNode = node => {
-      this.current = node;
-    };
-  }
-
-  componentDidMount() {
-    const node = this.current;
-    const {
-      $component,
-      $context,
-      innerProps
-    } = this.props;
-    const {
-      mount
-    } = $component;
-
-    if (node && (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.isfunc)(mount)) {
-      mount(node, innerProps, $context);
-      node.addEventListener('render-html', this.handler, false);
-    }
-
-    this.previous = node;
-  }
-
-  componentDidUpdate() {
-    const {
-      current,
-      previous
-    } = this;
-    const {
-      $component,
-      $context,
-      innerProps
-    } = this.props;
-    const {
-      update
-    } = $component;
-
-    if (current !== previous) {
-      previous && this.componentWillUnmount();
-      current && this.componentDidMount();
-    } else if ((0,piral_base__WEBPACK_IMPORTED_MODULE_2__.isfunc)(update)) {
-      update(current, innerProps, $context);
-    }
-  }
-
-  componentWillUnmount() {
-    const node = this.previous;
-    const {
-      $component
-    } = this.props;
-    const {
-      unmount
-    } = $component;
-
-    if (node && (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.isfunc)(unmount)) {
-      unmount(node);
-      node.removeEventListener('render-html', this.handler, false);
-    }
-
-    this.previous = undefined;
-  }
+function getWrapper(wrappers, wrapperType) {
+  const WrapAll = wrappers['*'];
+  const WrapType = wrappers[wrapperType];
 
-  render() {
-    const {
-      $portalId
-    } = this.props;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
-      "data-portal-id": $portalId,
-      ref: this.setNode
-    });
+  if (WrapAll && WrapType) {
+    return props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(WrapAll, Object.assign({}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(WrapType, Object.assign({}, props)));
   }
 
+  return WrapType || WrapAll || DefaultWrapper;
 }
 
-function wrapReactComponent(Component, stasisOptions, piral, Wrapper) {
-  return props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, Object.assign({}, props, {
-    piral: piral
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_3__.ErrorBoundary, Object.assign({}, stasisOptions, {
-    renderProps: props
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props, {
-    piral: piral
-  }))));
+function makeWrapper(context, outerProps, wrapperType, errorType) {
+  const OuterWrapper = context.readState(m => getWrapper(m.registry.wrappers, wrapperType));
+  return props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(OuterWrapper, Object.assign({}, outerProps, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.ErrorBoundary, Object.assign({}, outerProps, props, {
+    errorType: errorType
+  }), props.children));
 }
 
-function wrapForeignComponent(component, stasisOptions, piral, Wrapper) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.memo(props => {
-    const {
-      state,
-      readState,
-      destroyPortal
-    } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useGlobalStateContext)();
-    const router = react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_5__.__RouterContext);
-    const id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => (portalIdBase++).toString(26), _utils__WEBPACK_IMPORTED_MODULE_6__.none);
-    const context = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => ({
-      router,
-      state,
-      readState
-    }), [router, state]);
-    const innerProps = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => Object.assign(Object.assign({}, props), {
-      piral
-    }), [props]);
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => () => destroyPortal(id), _utils__WEBPACK_IMPORTED_MODULE_6__.none);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, Object.assign({}, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_3__.ErrorBoundary, Object.assign({}, stasisOptions, {
-      renderProps: props
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_7__.PortalRenderer, {
-      id: id
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ForeignComponentContainer, {
-      innerProps: innerProps,
-      "$portalId": id,
-      "$component": component,
-      "$context": context
-    })));
+function withApi(context, component, piral, errorType, wrapperType = errorType, captured = {}) {
+  const outerProps = Object.assign(Object.assign({}, captured), {
+    piral
   });
-}
-
-function isNotExotic(component) {
-  return !component.$$typeof;
-}
-
-function wrapComponent(converters, component, piral, Wrapper, stasisOptions) {
-  if (!component) {
-    console.error('The given value is not a valid component.'); // tslint:disable-next-line:no-null-keyword
-
-    component = () => null;
-  }
-
-  if (typeof component === 'object' && isNotExotic(component)) {
-    const result = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.convertComponent)(converters[component.type], component);
-    return wrapForeignComponent(result, stasisOptions, piral, Wrapper);
-  }
-
-  return wrapReactComponent(component, stasisOptions, piral, Wrapper);
-}
-
-function getWrapper(wrappers, wrapperType) {
-  return wrappers[wrapperType] || wrappers['*'] || DefaultWrapper;
-}
-
-function withApi(context, component, piral, errorType, wrapperType = errorType) {
   const converters = context.converters;
-  const Wrapper = context.readState(m => getWrapper(m.registry.wrappers, wrapperType));
-  return wrapComponent(converters, component, piral, Wrapper, {
-    onError(error) {
-      console.error(piral, error);
-    },
-
-    renderChild(child) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense, {
-        fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_9__.PiralLoadingIndicator, null)
-      }, child);
-    },
-
-    renderError(error, props) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_9__.PiralError, Object.assign({
-        type: errorType,
-        error: error
-      }, props));
-    }
-
-  });
+  const Wrapper = makeWrapper(context, outerProps, wrapperType, errorType);
+  return (0,_components__WEBPACK_IMPORTED_MODULE_3__.wrapComponent)(converters, component, outerProps, Wrapper);
 }
 
 /***/ }),
@@ -133353,12 +133385,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.8",
+      version: "0.14.10-beta.3615",
       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-01-20T13:45:07.950Z",
-      cli: "0.14.8",
+      date: "2022-02-04T13:34:05.783Z",
+      cli: "0.14.9",
       compat: "0.14"
     },
     pilets: {
@@ -140493,6 +140525,28 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 };
 
 
+/***/ }),
+
+/***/ "../../converters/piral-blazor/infra.codegen":
+/*!***************************************************!*\
+  !*** ../../converters/piral-blazor/infra.codegen ***!
+  \***************************************************/
+/***/ ((module) => {
+
+module.exports = "_framework/blazor.webassembly.js";
+
+/***/ }),
+
+/***/ "../../framework/piral-core/dependencies.codegen":
+/*!*******************************************************!*\
+  !*** ../../framework/piral-core/dependencies.codegen ***!
+  \*******************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+module.exports = function(deps){
+    deps['sample-cross-fx']={};deps["@angular/common"]=__webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm5/common.js");deps["@angular/common@8.2.14"]=__webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm5/common.js");deps["@angular/compiler"]=__webpack_require__(/*! @angular/compiler */ "../../../node_modules/@angular/compiler/fesm5/compiler.js");deps["@angular/compiler@8.2.14"]=__webpack_require__(/*! @angular/compiler */ "../../../node_modules/@angular/compiler/fesm5/compiler.js");deps["@angular/core"]=__webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm5/core.js");deps["@angular/core@8.2.14"]=__webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm5/core.js");deps["@angular/platform-browser"]=__webpack_require__(/*! @angular/platform-browser */ "../../../node_modules/@angular/platform-browser/fesm5/platform-browser.js");deps["@angular/platform-browser@8.2.14"]=__webpack_require__(/*! @angular/platform-browser */ "../../../node_modules/@angular/platform-browser/fesm5/platform-browser.js");deps["@angular/platform-browser-dynamic"]=__webpack_require__(/*! @angular/platform-browser-dynamic */ "../../../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js");deps["@angular/platform-browser-dynamic@8.2.14"]=__webpack_require__(/*! @angular/platform-browser-dynamic */ "../../../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js");deps["@webcomponents/webcomponentsjs"]=__webpack_require__(/*! @webcomponents/webcomponentsjs */ "../../../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js");deps["@webcomponents/webcomponentsjs@2.6.0"]=__webpack_require__(/*! @webcomponents/webcomponentsjs */ "../../../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js");deps["angular"]=__webpack_require__(/*! angular */ "../../../node_modules/angular/index.js");deps["angular@1.8.2"]=__webpack_require__(/*! angular */ "../../../node_modules/angular/index.js");deps["aurelia-framework"]=__webpack_require__(/*! aurelia-framework */ "../../../node_modules/aurelia-framework/dist/es2015/aurelia-framework.js");deps["aurelia-framework@1.3.1"]=__webpack_require__(/*! aurelia-framework */ "../../../node_modules/aurelia-framework/dist/es2015/aurelia-framework.js");deps["aurelia-templating-binding"]=__webpack_require__(/*! aurelia-templating-binding */ "../../../node_modules/aurelia-templating-binding/dist/native-modules/aurelia-templating-binding.js");deps["aurelia-templating-binding@1.5.3"]=__webpack_require__(/*! aurelia-templating-binding */ "../../../node_modules/aurelia-templating-binding/dist/native-modules/aurelia-templating-binding.js");deps["aurelia-templating-resources"]=__webpack_require__(/*! aurelia-templating-resources */ "../../../node_modules/aurelia-templating-resources/dist/native-modules/aurelia-templating-resources.js");deps["aurelia-templating-resources@1.13.1"]=__webpack_require__(/*! aurelia-templating-resources */ "../../../node_modules/aurelia-templating-resources/dist/native-modules/aurelia-templating-resources.js");deps["aurelia-pal-browser"]=__webpack_require__(/*! aurelia-pal-browser */ "../../../node_modules/aurelia-pal-browser/dist/es2015/aurelia-pal-browser.js");deps["aurelia-pal-browser@1.8.1"]=__webpack_require__(/*! aurelia-pal-browser */ "../../../node_modules/aurelia-pal-browser/dist/es2015/aurelia-pal-browser.js");deps["aurelia-event-aggregator"]=__webpack_require__(/*! aurelia-event-aggregator */ "../../../node_modules/aurelia-event-aggregator/dist/native-modules/aurelia-event-aggregator.js");deps["aurelia-event-aggregator@1.0.3"]=__webpack_require__(/*! aurelia-event-aggregator */ "../../../node_modules/aurelia-event-aggregator/dist/native-modules/aurelia-event-aggregator.js");deps["aurelia-history-browser"]=__webpack_require__(/*! aurelia-history-browser */ "../../../node_modules/aurelia-history-browser/dist/native-modules/aurelia-history-browser.js");deps["aurelia-history-browser@1.4.0"]=__webpack_require__(/*! aurelia-history-browser */ "../../../node_modules/aurelia-history-browser/dist/native-modules/aurelia-history-browser.js");deps["hyperapp"]=__webpack_require__(/*! hyperapp */ "../../../node_modules/hyperapp/src/index.js");deps["hyperapp@1.2.10"]=__webpack_require__(/*! hyperapp */ "../../../node_modules/hyperapp/src/index.js");deps["inferno"]=__webpack_require__(/*! inferno */ "../../../node_modules/inferno/index.esm.js");deps["inferno@7.4.9"]=__webpack_require__(/*! inferno */ "../../../node_modules/inferno/index.esm.js");deps["inferno-create-element"]=__webpack_require__(/*! inferno-create-element */ "../../../node_modules/inferno-create-element/dist/index.esm.js");deps["inferno-create-element@7.4.9"]=__webpack_require__(/*! inferno-create-element */ "../../../node_modules/inferno-create-element/dist/index.esm.js");deps["mithril"]=__webpack_require__(/*! mithril */ "../../../node_modules/mithril/index.js");deps["mithril@2.0.4"]=__webpack_require__(/*! mithril */ "../../../node_modules/mithril/index.js");deps["lit-element"]=__webpack_require__(/*! lit-element */ "../../../node_modules/lit-element/lit-element.js");deps["lit-element@2.5.1"]=__webpack_require__(/*! lit-element */ "../../../node_modules/lit-element/lit-element.js");deps["solid-js"]=__webpack_require__(/*! solid-js */ "../../../node_modules/solid-js/dist/index.js");deps["solid-js@0.18.14"]=__webpack_require__(/*! solid-js */ "../../../node_modules/solid-js/dist/index.js");deps["solid-js/dom"]=__webpack_require__(/*! solid-js/dom */ "../../../node_modules/solid-js/dist/dom/index.js");deps["preact"]=__webpack_require__(/*! preact */ "../../../node_modules/preact/dist/preact.module.js");deps["preact@10.5.14"]=__webpack_require__(/*! preact */ "../../../node_modules/preact/dist/preact.module.js");deps["riot"]=__webpack_require__(/*! riot */ "../../../node_modules/riot/riot.esm.js");deps["riot@4.14.0"]=__webpack_require__(/*! riot */ "../../../node_modules/riot/riot.esm.js");deps["rxjs"]=__webpack_require__(/*! rxjs */ "../../../node_modules/rxjs/_esm5/index.js");deps["rxjs@6.6.7"]=__webpack_require__(/*! rxjs */ "../../../node_modules/rxjs/_esm5/index.js");deps["vue"]=__webpack_require__(/*! vue */ "../../../node_modules/vue/dist/vue.runtime.esm.js");deps["vue@2.6.14"]=__webpack_require__(/*! vue */ "../../../node_modules/vue/dist/vue.runtime.esm.js");deps["zone.js"]=__webpack_require__(/*! zone.js */ "../../../node_modules/zone.js/dist/zone.js");deps["zone.js@0.9.1"]=__webpack_require__(/*! zone.js */ "../../../node_modules/zone.js/dist/zone.js");deps["react"]=__webpack_require__(/*! react */ "../../../node_modules/react/index.js");deps["react@17.0.2"]=__webpack_require__(/*! react */ "../../../node_modules/react/index.js");deps["react-dom"]=__webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");deps["react-dom@17.0.2"]=__webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");deps["react-router"]=__webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");deps["react-router@5.2.1"]=__webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");deps["react-router-dom"]=__webpack_require__(/*! react-router-dom */ "../../../node_modules/react-router-dom/esm/react-router-dom.js");deps["react-router-dom@5.3.0"]=__webpack_require__(/*! react-router-dom */ "../../../node_modules/react-router-dom/esm/react-router-dom.js");deps["history"]=__webpack_require__(/*! history */ "../../../node_modules/history/esm/history.js");deps["history@4.10.1"]=__webpack_require__(/*! history */ "../../../node_modules/history/esm/history.js");deps["tslib"]=__webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");deps["tslib@2.3.1"]=__webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");deps["path-to-regexp"]=__webpack_require__(/*! path-to-regexp */ "../../../node_modules/path-to-regexp/index.js");deps["path-to-regexp@1.8.0"]=__webpack_require__(/*! path-to-regexp */ "../../../node_modules/path-to-regexp/index.js");deps["@libre/atom"]=__webpack_require__(/*! @libre/atom */ "../../../node_modules/@libre/atom/dist/index.esm.js");deps["@libre/atom@1.3.3"]=__webpack_require__(/*! @libre/atom */ "../../../node_modules/@libre/atom/dist/index.esm.js");deps["@dbeining/react-atom"]=__webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js");deps["@dbeining/react-atom@4.1.21"]=__webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js")
+  }
+
 /***/ }),
 
 /***/ "../../../node_modules/path-to-regexp/index.js":
@@ -194629,7 +194683,7 @@ var Zone$1 = (function (global) {
     return global['Zone'] = Zone;
 })(typeof window !== 'undefined' && window || typeof self !== 'undefined' && self || __webpack_require__.g);
 
-var __values = (undefined && undefined.__values) || function (o) {
+var __values = ( false) || function (o) {
     var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
     if (m) return m.call(o);
     return {
@@ -247814,7 +247868,7 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 
 "use strict";
 
-var defineProperty = __webpack_require__(/*! ../internals/object-define-property */ "./node_modules/core-js/internals/object-define-property.js").f;
+var defineProperty = (__webpack_require__(/*! ../internals/object-define-property */ "./node_modules/core-js/internals/object-define-property.js").f);
 var create = __webpack_require__(/*! ../internals/object-create */ "./node_modules/core-js/internals/object-create.js");
 var redefineAll = __webpack_require__(/*! ../internals/redefine-all */ "./node_modules/core-js/internals/redefine-all.js");
 var bind = __webpack_require__(/*! ../internals/function-bind-context */ "./node_modules/core-js/internals/function-bind-context.js");
@@ -247823,7 +247877,7 @@ var iterate = __webpack_require__(/*! ../internals/iterate */ "./node_modules/co
 var defineIterator = __webpack_require__(/*! ../internals/define-iterator */ "./node_modules/core-js/internals/define-iterator.js");
 var setSpecies = __webpack_require__(/*! ../internals/set-species */ "./node_modules/core-js/internals/set-species.js");
 var DESCRIPTORS = __webpack_require__(/*! ../internals/descriptors */ "./node_modules/core-js/internals/descriptors.js");
-var fastKey = __webpack_require__(/*! ../internals/internal-metadata */ "./node_modules/core-js/internals/internal-metadata.js").fastKey;
+var fastKey = (__webpack_require__(/*! ../internals/internal-metadata */ "./node_modules/core-js/internals/internal-metadata.js").fastKey);
 var InternalStateModule = __webpack_require__(/*! ../internals/internal-state */ "./node_modules/core-js/internals/internal-state.js");
 
 var setInternalState = InternalStateModule.set;
@@ -248028,7 +248082,7 @@ module.exports = {
 "use strict";
 
 var redefineAll = __webpack_require__(/*! ../internals/redefine-all */ "./node_modules/core-js/internals/redefine-all.js");
-var getWeakData = __webpack_require__(/*! ../internals/internal-metadata */ "./node_modules/core-js/internals/internal-metadata.js").getWeakData;
+var getWeakData = (__webpack_require__(/*! ../internals/internal-metadata */ "./node_modules/core-js/internals/internal-metadata.js").getWeakData);
 var anObject = __webpack_require__(/*! ../internals/an-object */ "./node_modules/core-js/internals/an-object.js");
 var isObject = __webpack_require__(/*! ../internals/is-object */ "./node_modules/core-js/internals/is-object.js");
 var anInstance = __webpack_require__(/*! ../internals/an-instance */ "./node_modules/core-js/internals/an-instance.js");
@@ -248320,7 +248374,7 @@ module.exports = !fails(function () {
 
 "use strict";
 
-var IteratorPrototype = __webpack_require__(/*! ../internals/iterators-core */ "./node_modules/core-js/internals/iterators-core.js").IteratorPrototype;
+var IteratorPrototype = (__webpack_require__(/*! ../internals/iterators-core */ "./node_modules/core-js/internals/iterators-core.js").IteratorPrototype);
 var create = __webpack_require__(/*! ../internals/object-create */ "./node_modules/core-js/internals/object-create.js");
 var createPropertyDescriptor = __webpack_require__(/*! ../internals/create-property-descriptor */ "./node_modules/core-js/internals/create-property-descriptor.js");
 var setToStringTag = __webpack_require__(/*! ../internals/set-to-string-tag */ "./node_modules/core-js/internals/set-to-string-tag.js");
@@ -248586,7 +248640,7 @@ module.exports = [
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 var global = __webpack_require__(/*! ../internals/global */ "./node_modules/core-js/internals/global.js");
-var getOwnPropertyDescriptor = __webpack_require__(/*! ../internals/object-get-own-property-descriptor */ "./node_modules/core-js/internals/object-get-own-property-descriptor.js").f;
+var getOwnPropertyDescriptor = (__webpack_require__(/*! ../internals/object-get-own-property-descriptor */ "./node_modules/core-js/internals/object-get-own-property-descriptor.js").f);
 var createNonEnumerableProperty = __webpack_require__(/*! ../internals/create-non-enumerable-property */ "./node_modules/core-js/internals/create-non-enumerable-property.js");
 var redefine = __webpack_require__(/*! ../internals/redefine */ "./node_modules/core-js/internals/redefine.js");
 var setGlobal = __webpack_require__(/*! ../internals/set-global */ "./node_modules/core-js/internals/set-global.js");
@@ -248975,7 +249029,7 @@ var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/i
 var hiddenKeys = __webpack_require__(/*! ../internals/hidden-keys */ "./node_modules/core-js/internals/hidden-keys.js");
 var isObject = __webpack_require__(/*! ../internals/is-object */ "./node_modules/core-js/internals/is-object.js");
 var has = __webpack_require__(/*! ../internals/has */ "./node_modules/core-js/internals/has.js");
-var defineProperty = __webpack_require__(/*! ../internals/object-define-property */ "./node_modules/core-js/internals/object-define-property.js").f;
+var defineProperty = (__webpack_require__(/*! ../internals/object-define-property */ "./node_modules/core-js/internals/object-define-property.js").f);
 var getOwnPropertyNamesModule = __webpack_require__(/*! ../internals/object-get-own-property-names */ "./node_modules/core-js/internals/object-get-own-property-names.js");
 var getOwnPropertyNamesExternalModule = __webpack_require__(/*! ../internals/object-get-own-property-names-external */ "./node_modules/core-js/internals/object-get-own-property-names-external.js");
 var uid = __webpack_require__(/*! ../internals/uid */ "./node_modules/core-js/internals/uid.js");
@@ -249666,7 +249720,7 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 
 /* eslint-disable es/no-object-getownpropertynames -- safe */
 var toIndexedObject = __webpack_require__(/*! ../internals/to-indexed-object */ "./node_modules/core-js/internals/to-indexed-object.js");
-var $getOwnPropertyNames = __webpack_require__(/*! ../internals/object-get-own-property-names */ "./node_modules/core-js/internals/object-get-own-property-names.js").f;
+var $getOwnPropertyNames = (__webpack_require__(/*! ../internals/object-get-own-property-names */ "./node_modules/core-js/internals/object-get-own-property-names.js").f);
 
 var toString = {}.toString;
 
@@ -249760,7 +249814,7 @@ module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O)
 
 var has = __webpack_require__(/*! ../internals/has */ "./node_modules/core-js/internals/has.js");
 var toIndexedObject = __webpack_require__(/*! ../internals/to-indexed-object */ "./node_modules/core-js/internals/to-indexed-object.js");
-var indexOf = __webpack_require__(/*! ../internals/array-includes */ "./node_modules/core-js/internals/array-includes.js").indexOf;
+var indexOf = (__webpack_require__(/*! ../internals/array-includes */ "./node_modules/core-js/internals/array-includes.js").indexOf);
 var hiddenKeys = __webpack_require__(/*! ../internals/hidden-keys */ "./node_modules/core-js/internals/hidden-keys.js");
 
 module.exports = function (object, names) {
@@ -250137,7 +250191,7 @@ module.exports = function (CONSTRUCTOR_NAME) {
   \*************************************************************/
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var defineProperty = __webpack_require__(/*! ../internals/object-define-property */ "./node_modules/core-js/internals/object-define-property.js").f;
+var defineProperty = (__webpack_require__(/*! ../internals/object-define-property */ "./node_modules/core-js/internals/object-define-property.js").f);
 var has = __webpack_require__(/*! ../internals/has */ "./node_modules/core-js/internals/has.js");
 var wellKnownSymbol = __webpack_require__(/*! ../internals/well-known-symbol */ "./node_modules/core-js/internals/well-known-symbol.js");
 
@@ -250612,7 +250666,7 @@ $({ target: 'Reflect', stat: true, forced: ERROR_INSTEAD_OF_FALSE, sham: !DESCRI
 
 var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
 var anObject = __webpack_require__(/*! ../internals/an-object */ "./node_modules/core-js/internals/an-object.js");
-var getOwnPropertyDescriptor = __webpack_require__(/*! ../internals/object-get-own-property-descriptor */ "./node_modules/core-js/internals/object-get-own-property-descriptor.js").f;
+var getOwnPropertyDescriptor = (__webpack_require__(/*! ../internals/object-get-own-property-descriptor */ "./node_modules/core-js/internals/object-get-own-property-descriptor.js").f);
 
 // `Reflect.deleteProperty` method
 // https://tc39.es/ecma262/#sec-reflect.deleteproperty
@@ -250933,7 +250987,7 @@ var InternalMetadataModule = __webpack_require__(/*! ../internals/internal-metad
 var collection = __webpack_require__(/*! ../internals/collection */ "./node_modules/core-js/internals/collection.js");
 var collectionWeak = __webpack_require__(/*! ../internals/collection-weak */ "./node_modules/core-js/internals/collection-weak.js");
 var isObject = __webpack_require__(/*! ../internals/is-object */ "./node_modules/core-js/internals/is-object.js");
-var enforceIternalState = __webpack_require__(/*! ../internals/internal-state */ "./node_modules/core-js/internals/internal-state.js").enforce;
+var enforceIternalState = (__webpack_require__(/*! ../internals/internal-state */ "./node_modules/core-js/internals/internal-state.js").enforce);
 var NATIVE_WEAK_MAP = __webpack_require__(/*! ../internals/native-weak-map */ "./node_modules/core-js/internals/native-weak-map.js");
 
 var IS_IE11 = !global.ActiveXObject && 'ActiveXObject' in global;
@@ -251276,28 +251330,6 @@ var parent = __webpack_require__(/*! ../../es/reflect */ "./node_modules/core-js
 module.exports = parent;
 
 
-/***/ }),
-
-/***/ "../../converters/piral-blazor/infra.codegen":
-/*!***************************************************!*\
-  !*** ../../converters/piral-blazor/infra.codegen ***!
-  \***************************************************/
-/***/ ((module) => {
-
-module.exports = "_framework/blazor.webassembly.js";
-
-/***/ }),
-
-/***/ "../../framework/piral-core/dependencies.codegen":
-/*!*******************************************************!*\
-  !*** ../../framework/piral-core/dependencies.codegen ***!
-  \*******************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-module.exports = function(deps){
-    deps['sample-cross-fx']={};deps["@angular/common"]=__webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm5/common.js");deps["@angular/common@8.2.14"]=__webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm5/common.js");deps["@angular/compiler"]=__webpack_require__(/*! @angular/compiler */ "../../../node_modules/@angular/compiler/fesm5/compiler.js");deps["@angular/compiler@8.2.14"]=__webpack_require__(/*! @angular/compiler */ "../../../node_modules/@angular/compiler/fesm5/compiler.js");deps["@angular/core"]=__webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm5/core.js");deps["@angular/core@8.2.14"]=__webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm5/core.js");deps["@angular/platform-browser"]=__webpack_require__(/*! @angular/platform-browser */ "../../../node_modules/@angular/platform-browser/fesm5/platform-browser.js");deps["@angular/platform-browser@8.2.14"]=__webpack_require__(/*! @angular/platform-browser */ "../../../node_modules/@angular/platform-browser/fesm5/platform-browser.js");deps["@angular/platform-browser-dynamic"]=__webpack_require__(/*! @angular/platform-browser-dynamic */ "../../../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js");deps["@angular/platform-browser-dynamic@8.2.14"]=__webpack_require__(/*! @angular/platform-browser-dynamic */ "../../../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js");deps["@webcomponents/webcomponentsjs"]=__webpack_require__(/*! @webcomponents/webcomponentsjs */ "../../../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js");deps["@webcomponents/webcomponentsjs@2.6.0"]=__webpack_require__(/*! @webcomponents/webcomponentsjs */ "../../../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js");deps["angular"]=__webpack_require__(/*! angular */ "../../../node_modules/angular/index.js");deps["angular@1.8.2"]=__webpack_require__(/*! angular */ "../../../node_modules/angular/index.js");deps["aurelia-framework"]=__webpack_require__(/*! aurelia-framework */ "../../../node_modules/aurelia-framework/dist/es2015/aurelia-framework.js");deps["aurelia-framework@1.3.1"]=__webpack_require__(/*! aurelia-framework */ "../../../node_modules/aurelia-framework/dist/es2015/aurelia-framework.js");deps["aurelia-templating-binding"]=__webpack_require__(/*! aurelia-templating-binding */ "../../../node_modules/aurelia-templating-binding/dist/native-modules/aurelia-templating-binding.js");deps["aurelia-templating-binding@1.5.3"]=__webpack_require__(/*! aurelia-templating-binding */ "../../../node_modules/aurelia-templating-binding/dist/native-modules/aurelia-templating-binding.js");deps["aurelia-templating-resources"]=__webpack_require__(/*! aurelia-templating-resources */ "../../../node_modules/aurelia-templating-resources/dist/native-modules/aurelia-templating-resources.js");deps["aurelia-templating-resources@1.13.1"]=__webpack_require__(/*! aurelia-templating-resources */ "../../../node_modules/aurelia-templating-resources/dist/native-modules/aurelia-templating-resources.js");deps["aurelia-pal-browser"]=__webpack_require__(/*! aurelia-pal-browser */ "../../../node_modules/aurelia-pal-browser/dist/es2015/aurelia-pal-browser.js");deps["aurelia-pal-browser@1.8.1"]=__webpack_require__(/*! aurelia-pal-browser */ "../../../node_modules/aurelia-pal-browser/dist/es2015/aurelia-pal-browser.js");deps["aurelia-event-aggregator"]=__webpack_require__(/*! aurelia-event-aggregator */ "../../../node_modules/aurelia-event-aggregator/dist/native-modules/aurelia-event-aggregator.js");deps["aurelia-event-aggregator@1.0.3"]=__webpack_require__(/*! aurelia-event-aggregator */ "../../../node_modules/aurelia-event-aggregator/dist/native-modules/aurelia-event-aggregator.js");deps["aurelia-history-browser"]=__webpack_require__(/*! aurelia-history-browser */ "../../../node_modules/aurelia-history-browser/dist/native-modules/aurelia-history-browser.js");deps["aurelia-history-browser@1.4.0"]=__webpack_require__(/*! aurelia-history-browser */ "../../../node_modules/aurelia-history-browser/dist/native-modules/aurelia-history-browser.js");deps["hyperapp"]=__webpack_require__(/*! hyperapp */ "../../../node_modules/hyperapp/src/index.js");deps["hyperapp@1.2.10"]=__webpack_require__(/*! hyperapp */ "../../../node_modules/hyperapp/src/index.js");deps["inferno"]=__webpack_require__(/*! inferno */ "../../../node_modules/inferno/index.esm.js");deps["inferno@7.4.9"]=__webpack_require__(/*! inferno */ "../../../node_modules/inferno/index.esm.js");deps["inferno-create-element"]=__webpack_require__(/*! inferno-create-element */ "../../../node_modules/inferno-create-element/dist/index.esm.js");deps["inferno-create-element@7.4.9"]=__webpack_require__(/*! inferno-create-element */ "../../../node_modules/inferno-create-element/dist/index.esm.js");deps["mithril"]=__webpack_require__(/*! mithril */ "../../../node_modules/mithril/index.js");deps["mithril@2.0.4"]=__webpack_require__(/*! mithril */ "../../../node_modules/mithril/index.js");deps["lit-element"]=__webpack_require__(/*! lit-element */ "../../../node_modules/lit-element/lit-element.js");deps["lit-element@2.5.1"]=__webpack_require__(/*! lit-element */ "../../../node_modules/lit-element/lit-element.js");deps["solid-js"]=__webpack_require__(/*! solid-js */ "../../../node_modules/solid-js/dist/index.js");deps["solid-js@0.18.14"]=__webpack_require__(/*! solid-js */ "../../../node_modules/solid-js/dist/index.js");deps["solid-js/dom"]=__webpack_require__(/*! solid-js/dom */ "../../../node_modules/solid-js/dist/dom/index.js");deps["preact"]=__webpack_require__(/*! preact */ "../../../node_modules/preact/dist/preact.module.js");deps["preact@10.5.14"]=__webpack_require__(/*! preact */ "../../../node_modules/preact/dist/preact.module.js");deps["riot"]=__webpack_require__(/*! riot */ "../../../node_modules/riot/riot.esm.js");deps["riot@4.14.0"]=__webpack_require__(/*! riot */ "../../../node_modules/riot/riot.esm.js");deps["rxjs"]=__webpack_require__(/*! rxjs */ "../../../node_modules/rxjs/_esm5/index.js");deps["rxjs@6.6.7"]=__webpack_require__(/*! rxjs */ "../../../node_modules/rxjs/_esm5/index.js");deps["vue"]=__webpack_require__(/*! vue */ "../../../node_modules/vue/dist/vue.runtime.esm.js");deps["vue@2.6.14"]=__webpack_require__(/*! vue */ "../../../node_modules/vue/dist/vue.runtime.esm.js");deps["zone.js"]=__webpack_require__(/*! zone.js */ "../../../node_modules/zone.js/dist/zone.js");deps["zone.js@0.9.1"]=__webpack_require__(/*! zone.js */ "../../../node_modules/zone.js/dist/zone.js");deps["react"]=__webpack_require__(/*! react */ "../../../node_modules/react/index.js");deps["react@17.0.2"]=__webpack_require__(/*! react */ "../../../node_modules/react/index.js");deps["react-dom"]=__webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");deps["react-dom@17.0.2"]=__webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");deps["react-router"]=__webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");deps["react-router@5.2.1"]=__webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");deps["react-router-dom"]=__webpack_require__(/*! react-router-dom */ "../../../node_modules/react-router-dom/esm/react-router-dom.js");deps["react-router-dom@5.3.0"]=__webpack_require__(/*! react-router-dom */ "../../../node_modules/react-router-dom/esm/react-router-dom.js");deps["history"]=__webpack_require__(/*! history */ "../../../node_modules/history/esm/history.js");deps["history@4.10.1"]=__webpack_require__(/*! history */ "../../../node_modules/history/esm/history.js");deps["tslib"]=__webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");deps["tslib@2.3.1"]=__webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");deps["path-to-regexp"]=__webpack_require__(/*! path-to-regexp */ "../../../node_modules/path-to-regexp/index.js");deps["path-to-regexp@1.8.0"]=__webpack_require__(/*! path-to-regexp */ "../../../node_modules/path-to-regexp/index.js");deps["@libre/atom"]=__webpack_require__(/*! @libre/atom */ "../../../node_modules/@libre/atom/dist/index.esm.js");deps["@libre/atom@1.3.3"]=__webpack_require__(/*! @libre/atom */ "../../../node_modules/@libre/atom/dist/index.esm.js");deps["@dbeining/react-atom"]=__webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js");deps["@dbeining/react-atom@4.1.21"]=__webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js")
-  }
-
 /***/ }),
 
 /***/ "../../tooling/piral-cli-webpack5/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
@@ -255435,4 +255467,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.5af7ea.js.map
+//# sourceMappingURL=index.24fc9e.js.map