sample-cross-fx 0.14.8-beta.3494 → 0.14.8-beta.3510

package/app/{index.72e264.js → index.1a3237.js}

@@ -129479,8 +129479,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _createInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createInstance */ "../../framework/piral-core/esm/createInstance.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/ResponsiveLayout.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/Mediator.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PiralView.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PiralView.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
+/* harmony import */ var _RootListener__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./RootListener */ "../../framework/piral-core/esm/RootListener.js");
+
 
 
 
@@ -129510,14 +129512,58 @@ const Piral = ({
 }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_3__.ResponsiveLayout, {
   breakpoints: breakpoints
 }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_4__.Mediator, {
-  options: instance.options
-}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_5__.PiralView, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_6__.PortalRenderer, {
+  options: instance.options,
+  key: instance.id
+}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_RootListener__WEBPACK_IMPORTED_MODULE_5__.RootListener, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_6__.PiralView, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_7__.PortalRenderer, {
   id: "root"
 }), children));
 Piral.displayName = 'Piral';
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/RootListener.js":
+/*!******************************************************!*\
+  !*** ../../framework/piral-core/esm/RootListener.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "RootListener": () => (/* binding */ RootListener)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! . */ "../../framework/piral-core/esm/hooks/globalState.js");
+/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/element.js");
+
+
+
+const RootListener = () => {
+  const context = (0,___WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)();
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+    if (typeof document !== 'undefined') {
+      const handler = ev => {
+        ev.stopPropagation();
+        const {
+          target,
+          props
+        } = ev.detail;
+        const [dispose, update] = (0,_modules__WEBPACK_IMPORTED_MODULE_2__.renderElement)(context, target, props);
+        target.dispose = dispose;
+        target.update = update;
+      };
+
+      document.body.addEventListener('render-html', handler, false);
+      return () => {
+        document.body.removeEventListener('render-html', handler, false);
+      };
+    }
+  }, [context]);
+  return null;
+};
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/actions/app.js":
 /*!*****************************************************!*\
   !*** ../../framework/piral-core/esm/actions/app.js ***!
@@ -130020,7 +130066,8 @@ function ExtensionSlot(props) {
     name,
     render = _utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender,
     empty,
-    params
+    params,
+    children
   } = props;
   const extensions = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(s => s.registry.extensions[name] || _utils__WEBPACK_IMPORTED_MODULE_3__.none);
   return render(extensions.length === 0 && (0,piral_base__WEBPACK_IMPORTED_MODULE_4__.isfunc)(empty) ? [(0,_utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender)(empty(), 'empty')] : extensions.map(({
@@ -130029,6 +130076,7 @@ function ExtensionSlot(props) {
     defaults = {}
   }, i) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, {
     key: `${(reference === null || reference === void 0 ? void 0 : reference.displayName) || '_'}${i}`,
+    children: children,
     params: Object.assign(Object.assign({}, defaults), params || {})
   })));
 }
@@ -130049,7 +130097,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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/create.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/action.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");
 
 
@@ -130062,19 +130110,26 @@ __webpack_require__.r(__webpack_exports__);
 const Mediator = ({
   options
 }) => {
-  const initialize = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useAction)('initialize');
+  const {
+    initialize,
+    readState
+  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)();
   react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
-    const {
-      connect,
-      disconnect
-    } = (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.startLoadingPilets)(options);
+    const shouldLoad = readState(s => s.app.loading);
 
-    const notifier = (error, pilets, loaded) => {
-      initialize(!loaded, error, pilets);
-    };
+    if (shouldLoad) {
+      const {
+        connect,
+        disconnect
+      } = (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.startLoadingPilets)(options);
 
-    connect(notifier);
-    return () => disconnect(notifier);
+      const notifier = (error, pilets, loaded) => {
+        initialize(!loaded, error, pilets);
+      };
+
+      connect(notifier);
+      return () => disconnect(notifier);
+    }
   }, _utils__WEBPACK_IMPORTED_MODULE_3__.none); // tslint:disable-next-line:no-null-keyword
 
   return null;
@@ -130241,10 +130296,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/action.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/media.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/media.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/media.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/react.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/react.js");
 
 
 
@@ -130257,14 +130311,16 @@ const ResponsiveLayout = ({
   children
 }) => {
   const current = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(m => m.app.layout) || 'desktop';
-  const changeTo = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useAction)('changeLayout');
-  const selected = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useMedia)(breakpoints, _utils__WEBPACK_IMPORTED_MODULE_1__.defaultLayouts, current);
+  const {
+    changeLayout
+  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalStateContext)();
+  const selected = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useMedia)(breakpoints, _utils__WEBPACK_IMPORTED_MODULE_1__.defaultLayouts, current);
   react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
     if (selected !== current) {
-      changeTo(selected);
+      changeLayout(selected);
     }
   }, [selected]);
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.defaultRender)(children);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.defaultRender)(children);
 };
 ResponsiveLayout.displayName = 'ResponsiveLayout';
 
@@ -130281,7 +130337,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "SetComponent": () => (/* binding */ SetComponent)
 /* harmony export */ });
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/action.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/setter.js");
 
 /**
@@ -130292,7 +130348,9 @@ function SetComponent({
   name,
   component
 }) {
-  const setComponent = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useAction)('setComponent');
+  const {
+    setComponent
+  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext)();
   (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSetter)(() => component && setComponent(name, component)); // tslint:disable-next-line:no-null-keyword
 
   return null;
@@ -130311,7 +130369,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "SetError": () => (/* binding */ SetError)
 /* harmony export */ });
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/action.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/setter.js");
 
 /**
@@ -130322,7 +130380,9 @@ function SetError({
   type,
   component
 }) {
-  const setErrorComponent = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useAction)('setErrorComponent');
+  const {
+    setErrorComponent
+  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext)();
   (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSetter)(() => component && setErrorComponent(type, component)); // tslint:disable-next-line:no-null-keyword
 
   return null;
@@ -130403,7 +130463,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "SetProvider": () => (/* binding */ SetProvider)
 /* harmony export */ });
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/action.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/setter.js");
 
 /**
@@ -130413,7 +130473,9 @@ __webpack_require__.r(__webpack_exports__);
 function SetProvider({
   provider
 }) {
-  const includeProvider = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useAction)('includeProvider');
+  const {
+    includeProvider
+  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext)();
   (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSetter)(() => provider && includeProvider(provider)); // tslint:disable-next-line:no-null-keyword
 
   return null;
@@ -130434,7 +130496,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_3__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/action.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/setter.js");
 
 
@@ -130447,7 +130509,9 @@ function SetRedirect({
   from,
   to
 }) {
-  const setRoute = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useAction)('setRoute');
+  const {
+    setRoute
+  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)();
   (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useSetter)(() => setRoute(from, () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Redirect, {
     to: to
   }))); // tslint:disable-next-line:no-null-keyword
@@ -130468,7 +130532,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "SetRoute": () => (/* binding */ SetRoute)
 /* harmony export */ });
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/action.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/setter.js");
 
 /**
@@ -130479,7 +130543,9 @@ function SetRoute({
   path,
   component
 }) {
-  const setRoute = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useAction)('setRoute');
+  const {
+    setRoute
+  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext)();
   (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSetter)(() => component && setRoute(path, component)); // tslint:disable-next-line:no-null-keyword
 
   return null;
@@ -130684,15 +130750,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createInstance": () => (/* binding */ createInstance)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/events.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/strategies.js");
-/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/dependencies.js");
-/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/api.js");
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./state */ "../../framework/piral-core/esm/state/createGlobalState.js");
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./state */ "../../framework/piral-core/esm/state/createActions.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./helpers */ "../../framework/piral-core/esm/helpers.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/events.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/strategies.js");
+/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/dependencies.js");
+/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/api.js");
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./state */ "../../framework/piral-core/esm/state/createGlobalState.js");
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./state */ "../../framework/piral-core/esm/state/createActions.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helpers */ "../../framework/piral-core/esm/helpers.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "../../framework/piral-core/esm/utils/guid.js");
+
 
 
 
@@ -130721,31 +130789,32 @@ render(app, document.querySelector('#app'));
 
 function createInstance(config = {}) {
   const {
+    id = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateId)(),
     state,
     actions,
     availablePilets = [],
     plugins,
-    requestPilets = _modules__WEBPACK_IMPORTED_MODULE_0__.defaultModuleRequester,
+    requestPilets = _modules__WEBPACK_IMPORTED_MODULE_1__.defaultModuleRequester,
     loaderConfig,
     async = false,
-    shareDependencies = _modules__WEBPACK_IMPORTED_MODULE_0__.defaultDependencySelector,
+    shareDependencies = _modules__WEBPACK_IMPORTED_MODULE_1__.defaultDependencySelector,
     loadPilet,
     loaders,
     debug,
-    apiFactory = _modules__WEBPACK_IMPORTED_MODULE_1__.defaultApiFactory
+    apiFactory = _modules__WEBPACK_IMPORTED_MODULE_2__.defaultApiFactory
   } = config;
-  const globalState = (0,_state__WEBPACK_IMPORTED_MODULE_2__.createGlobalState)(state);
-  const events = (0,piral_base__WEBPACK_IMPORTED_MODULE_3__.createListener)(globalState);
-  const context = (0,_state__WEBPACK_IMPORTED_MODULE_4__.createActions)(globalState, events);
+  const globalState = (0,_state__WEBPACK_IMPORTED_MODULE_3__.createGlobalState)(state);
+  const events = (0,piral_base__WEBPACK_IMPORTED_MODULE_4__.createListener)(globalState);
+  const context = (0,_state__WEBPACK_IMPORTED_MODULE_5__.createActions)(globalState, events);
   const definedPlugins = plugins || [];
   const usedPlugins = Array.isArray(definedPlugins) ? definedPlugins : [definedPlugins];
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.8-beta.3494" || 0,
+    version: "0.14.8-beta.3510" || 0,
     spec: ''
   });
-  const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.createPiletOptions)({
+  const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
     context,
     createApi,
     loaders,
@@ -130753,17 +130822,18 @@ function createInstance(config = {}) {
     availablePilets,
     loaderConfig,
     shareDependencies,
-    strategy: (0,piral_base__WEBPACK_IMPORTED_MODULE_6__.isfunc)(async) ? async : async ? piral_base__WEBPACK_IMPORTED_MODULE_7__.blazingStrategy : piral_base__WEBPACK_IMPORTED_MODULE_7__.standardStrategy,
+    strategy: (0,piral_base__WEBPACK_IMPORTED_MODULE_7__.isfunc)(async) ? async : async ? piral_base__WEBPACK_IMPORTED_MODULE_8__.blazingStrategy : piral_base__WEBPACK_IMPORTED_MODULE_8__.standardStrategy,
     requestPilets,
     debug
   });
 
   if (actions) {
-    (0,_state__WEBPACK_IMPORTED_MODULE_4__.includeActions)(context, actions);
+    (0,_state__WEBPACK_IMPORTED_MODULE_5__.includeActions)(context, actions);
   }
 
   context.options = options;
-  return (0,tslib__WEBPACK_IMPORTED_MODULE_8__.__assign)(events, {
+  return (0,tslib__WEBPACK_IMPORTED_MODULE_9__.__assign)(events, {
+    id,
     createApi,
     context,
     root,
@@ -131136,6 +131206,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "noop": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.noop),
 /* harmony export */   "prependItem": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.prependItem),
 /* harmony export */   "prependItems": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.prependItems),
+/* harmony export */   "reactifyContent": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.reactifyContent),
 /* harmony export */   "removeIndicator": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.removeIndicator),
 /* harmony export */   "removeNested": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.removeNested),
 /* harmony export */   "renderInDom": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.renderInDom),
@@ -131182,102 +131253,59 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "createCoreApi": () => (/* binding */ createCoreApi),
 /* harmony export */   "createExtenders": () => (/* binding */ createExtenders),
 /* harmony export */   "defaultApiFactory": () => (/* binding */ defaultApiFactory)
 /* harmony export */ });
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/api.js");
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../state */ "../../framework/piral-core/esm/state/withApi.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/data.js");
-
-
-
-
-
-if (typeof window !== 'undefined' && 'customElements' in window) {
-  class PiralExtension extends HTMLElement {
-    constructor() {
-      super(...arguments);
-      this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
-      this.update = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
-    }
-
-    getProps() {
-      const name = this.getAttribute('name');
-      const params = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(this.getAttribute('params'));
-      return {
-        name,
-        params
-      };
-    }
-
-    connectedCallback() {
-      if (this.isConnected) {
-        this.dispatchEvent(new CustomEvent('render-html', {
-          bubbles: true,
-          detail: {
-            target: this,
-            props: this.getProps()
-          }
-        }));
-      }
-    }
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/api.js");
+/* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core */ "../../framework/piral-core/esm/modules/core.js");
 
-    disconnectedCallback() {
-      this.dispose();
-      this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
-      this.update = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
-    }
 
-    attributeChangedCallback() {
-      this.update(this.getProps());
-    }
+function createExtenders(context, apis) {
+  const creators = [_core__WEBPACK_IMPORTED_MODULE_0__.createCoreApi, ...apis.filter(piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)];
+  return creators.map(c => {
+    const ctx = c(context);
 
-    static get observedAttributes() {
-      return ['name', 'params'];
+    if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(ctx)) {
+      return ctx;
+    } else {
+      return () => Object.assign({}, ctx);
     }
-
-  }
-
-  customElements.define('piral-extension', PiralExtension);
+  });
+}
+function defaultApiFactory(context, apis) {
+  const extenders = createExtenders(context, apis);
+  return target => {
+    const api = (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.initializeApi)(target, context);
+    context.apis[target.name] = api;
+    return (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.mergeApis)(api, extenders, target);
+  };
 }
 
-function render(context, element, props) {
-  let [id, portal] = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.renderInDom)(context, element, _components__WEBPACK_IMPORTED_MODULE_2__.ExtensionSlot, props);
-  const evName = 'extension-props-changed';
+/***/ }),
 
-  const handler = ev => update(ev.detail);
+/***/ "../../framework/piral-core/esm/modules/core.js":
+/*!******************************************************!*\
+  !*** ../../framework/piral-core/esm/modules/core.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-  const dispose = () => {
-    context.hidePortal(id, portal);
-    element.removeEventListener(evName, handler);
-  };
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "createCoreApi": () => (/* binding */ createCoreApi)
+/* harmony export */ });
+/* harmony import */ var _element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element */ "../../framework/piral-core/esm/modules/element.js");
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../state */ "../../framework/piral-core/esm/state/withApi.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/data.js");
 
-  const update = newProps => {
-    [id, portal] = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.changeDomPortal)(id, portal, context, element, _components__WEBPACK_IMPORTED_MODULE_2__.ExtensionSlot, newProps);
-  };
 
-  element.addEventListener(evName, handler);
-  return [dispose, update];
-}
 
-function createCoreApi(context) {
-  if (typeof document !== 'undefined') {
-    document.body.addEventListener('render-html', ev => {
-      ev.stopPropagation();
-      const container = ev.detail.target;
-      const [dispose, update] = render(context, container, ev.detail.props);
-      container.dispose = dispose;
-      container.update = update;
-    }, false);
-  }
 
-  return (api, target) => {
-    const pilet = target.name;
+function createCoreApi(context) {
+  return (api, meta) => {
+    const pilet = meta.name;
     return {
       getData(name) {
         return context.readDataValue(name);
@@ -131287,8 +131315,8 @@ function createCoreApi(context) {
         const {
           target = 'memory',
           expires
-        } = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.createDataOptions)(options);
-        const expiration = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getDataExpiration)(expires);
+        } = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createDataOptions)(options);
+        const expiration = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getDataExpiration)(expires);
         return context.tryWriteDataItem(name, value, pilet, target, expiration);
       },
 
@@ -131296,7 +131324,7 @@ function createCoreApi(context) {
         context.registerPage(route, {
           pilet,
           meta,
-          component: (0,_state__WEBPACK_IMPORTED_MODULE_4__.withApi)(context, arg, api, 'page')
+          component: (0,_state__WEBPACK_IMPORTED_MODULE_1__.withApi)(context, arg, api, 'page')
         });
         return () => api.unregisterPage(route);
       },
@@ -131308,7 +131336,7 @@ function createCoreApi(context) {
       registerExtension(name, arg, defaults) {
         context.registerExtension(name, {
           pilet,
-          component: (0,_state__WEBPACK_IMPORTED_MODULE_4__.withApi)(context, arg, api, 'extension'),
+          component: (0,_state__WEBPACK_IMPORTED_MODULE_1__.withApi)(context, arg, api, 'extension'),
           reference: arg,
           defaults
         });
@@ -131320,34 +131348,14 @@ function createCoreApi(context) {
       },
 
       renderHtmlExtension(element, props) {
-        const [dispose] = render(context, element, props);
+        const [dispose] = (0,_element__WEBPACK_IMPORTED_MODULE_2__.renderElement)(context, element, props);
         return dispose;
       },
 
-      Extension: _components__WEBPACK_IMPORTED_MODULE_2__.ExtensionSlot
+      Extension: _components__WEBPACK_IMPORTED_MODULE_3__.ExtensionSlot
     };
   };
 }
-function createExtenders(context, apis) {
-  const creators = [createCoreApi, ...apis.filter(piral_base__WEBPACK_IMPORTED_MODULE_5__.isfunc)];
-  return creators.map(c => {
-    const ctx = c(context);
-
-    if ((0,piral_base__WEBPACK_IMPORTED_MODULE_5__.isfunc)(ctx)) {
-      return ctx;
-    } else {
-      return () => Object.assign({}, ctx);
-    }
-  });
-}
-function defaultApiFactory(context, apis) {
-  const extenders = createExtenders(context, apis);
-  return target => {
-    const api = (0,piral_base__WEBPACK_IMPORTED_MODULE_6__.initializeApi)(target, context);
-    context.apis[target.name] = api;
-    return (0,piral_base__WEBPACK_IMPORTED_MODULE_6__.mergeApis)(api, extenders, target);
-  };
-}
 
 /***/ }),
 
@@ -131422,6 +131430,125 @@ function defaultModuleRequester() {
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/modules/element.js":
+/*!*********************************************************!*\
+  !*** ../../framework/piral-core/esm/modules/element.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "renderElement": () => (/* binding */ renderElement)
+/* harmony export */ });
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/extension.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
+
+
+
+if (typeof window !== 'undefined' && 'customElements' in window) {
+  class PiralExtension extends HTMLElement {
+    constructor() {
+      super(...arguments);
+      this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
+      this.update = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
+      this.props = {
+        name: this.getAttribute('name'),
+        params: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(this.getAttribute('params')),
+        empty: undefined,
+        children: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.reactifyContent)(this.childNodes)
+      };
+    }
+
+    get params() {
+      return this.props.params;
+    }
+
+    set params(value) {
+      this.props.params = value;
+      this.update(this.props);
+    }
+
+    get name() {
+      return this.props.name;
+    }
+
+    set name(value) {
+      this.props.name = value;
+      this.update(this.props);
+    }
+
+    get empty() {
+      return this.props.empty;
+    }
+
+    set empty(value) {
+      this.props.empty = value;
+      this.update(this.props);
+    }
+
+    connectedCallback() {
+      if (this.isConnected) {
+        this.dispatchEvent(new CustomEvent('render-html', {
+          bubbles: true,
+          detail: {
+            target: this,
+            props: this.props
+          }
+        }));
+      }
+    }
+
+    disconnectedCallback() {
+      this.dispose();
+      this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
+      this.update = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
+    }
+
+    attributeChangedCallback(name, _, newValue) {
+      switch (name) {
+        case 'name':
+          this.name = newValue;
+          break;
+
+        case 'params':
+          this.params = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(newValue);
+          break;
+      }
+    }
+
+    static get observedAttributes() {
+      return ['name', 'params'];
+    }
+
+  }
+
+  customElements.define('piral-extension', PiralExtension);
+}
+
+function renderElement(context, element, props) {
+  let [id, portal] = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.renderInDom)(context, element, _components__WEBPACK_IMPORTED_MODULE_3__.ExtensionSlot, props);
+  const evName = 'extension-props-changed';
+
+  const handler = ev => update(ev.detail);
+
+  const dispose = () => {
+    context.hidePortal(id, portal);
+    element.removeEventListener(evName, handler);
+  };
+
+  const update = newProps => {
+    [id, portal] = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.changeDomPortal)(id, portal, context, element, _components__WEBPACK_IMPORTED_MODULE_3__.ExtensionSlot, newProps);
+  };
+
+  element.addEventListener(evName, handler);
+  return [dispose, update];
+}
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/state/createActions.js":
 /*!*************************************************************!*\
   !*** ../../framework/piral-core/esm/state/createActions.js ***!
@@ -131589,15 +131716,14 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_6__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.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_8__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_10__ = __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/actions.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/react.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.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");
 
 
 
@@ -131708,15 +131834,13 @@ function wrapReactComponent(Component, stasisOptions, piral, Wrapper) {
 
 function wrapForeignComponent(component, stasisOptions, piral, Wrapper) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.memo(props => {
-    const {
-      destroyPortal
-    } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useActions)();
     const {
       state,
-      readState
-    } = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useGlobalStateContext)();
-    const router = react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_6__.__RouterContext);
-    const id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => (portalIdBase++).toString(26), _utils__WEBPACK_IMPORTED_MODULE_7__.none);
+      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,
@@ -131725,10 +131849,10 @@ function wrapForeignComponent(component, stasisOptions, piral, Wrapper) {
     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_7__.none);
+    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_8__.PortalRenderer, {
+    }), /*#__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,
@@ -131751,7 +131875,7 @@ function wrapComponent(converters, component, piral, Wrapper, stasisOptions) {
   }
 
   if (typeof component === 'object' && isNotExotic(component)) {
-    const result = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.convertComponent)(converters[component.type], component);
+    const result = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.convertComponent)(converters[component.type], component);
     return wrapForeignComponent(result, stasisOptions, piral, Wrapper);
   }
 
@@ -131772,12 +131896,12 @@ function withApi(context, component, piral, errorType, wrapperType = errorType)
 
     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_10__.PiralLoadingIndicator, null)
+        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_10__.PiralError, Object.assign({
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_9__.PiralError, Object.assign({
         type: errorType,
         error: error
       }, props));
@@ -131894,13 +132018,60 @@ function getDataExpiration(expires) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "toExtension": () => (/* binding */ toExtension)
+/* harmony export */   "toExtension": () => (/* binding */ toExtension),
+/* harmony export */   "reactifyContent": () => (/* binding */ reactifyContent)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 
+
+function removeAll(nodes) {
+  nodes.forEach(node => node.remove());
+}
+
+const SlotCarrier = ({
+  nodes
+}) => {
+  const host = react__WEBPACK_IMPORTED_MODULE_0__.useRef();
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+    var _a;
+
+    (_a = host.current) === null || _a === void 0 ? void 0 : _a.append(...nodes);
+    return () => removeAll(nodes);
+  }, [nodes]);
+
+  if (nodes.length) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("slot", {
+      ref: host
+    });
+  }
+
+  return null;
+};
+/**
+ * Transforms the given component to an extension component.
+ * @param Component The component to transform.
+ * @returns The extension component (receiving its props via params).
+ */
+
+
 function toExtension(Component) {
   return props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props.params));
 }
+/**
+ * Reactifies the list of child nodes to a React Node by removing the
+ * nodes from the DOM and carrying it in a React Node, where it would be
+ * attached at a slot.
+ * @param childNodes The child nodes to reactify.
+ * @returns The React Node.
+ */
+
+function reactifyContent(childNodes) {
+  const nodes = Array.prototype.filter.call(childNodes, Boolean);
+  removeAll(nodes);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SlotCarrier, {
+    nodes: nodes
+  });
+}
 
 /***/ }),
 
@@ -132108,6 +132279,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "createDataOptions": () => (/* reexport safe */ _data__WEBPACK_IMPORTED_MODULE_1__.createDataOptions),
 /* harmony export */   "createDataView": () => (/* reexport safe */ _data__WEBPACK_IMPORTED_MODULE_1__.createDataView),
 /* harmony export */   "getDataExpiration": () => (/* reexport safe */ _data__WEBPACK_IMPORTED_MODULE_1__.getDataExpiration),
+/* harmony export */   "reactifyContent": () => (/* reexport safe */ _extension__WEBPACK_IMPORTED_MODULE_2__.reactifyContent),
 /* harmony export */   "toExtension": () => (/* reexport safe */ _extension__WEBPACK_IMPORTED_MODULE_2__.toExtension),
 /* harmony export */   "attachDomPortal": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_3__.attachDomPortal),
 /* harmony export */   "changeDomPortal": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_3__.changeDomPortal),
@@ -133181,11 +133353,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.8-beta.3494",
+      version: "0.14.8-beta.3510",
       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-15T09:02:21.084Z",
+      date: "2022-01-20T00:41:55.848Z",
       cli: "0.14.7",
       compat: "0.14"
     },
@@ -140321,28 +140493,6 @@ 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":
@@ -251126,6 +251276,28 @@ 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":
@@ -255263,4 +255435,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.72e264.js.map
+//# sourceMappingURL=index.1a3237.js.map