sample-cross-fx 0.14.4-beta.3311 → 0.14.5-beta.3335

package/app/{index.3d2295.js → index.a5db58.js}

@@ -129276,9 +129276,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var systemjs_dist_system_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! systemjs/dist/system.js */ "../../../node_modules/systemjs/dist/system.js");
 /* harmony import */ var systemjs_dist_system_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(systemjs_dist_system_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! systemjs/dist/extras/named-register.js */ "../../../node_modules/systemjs/dist/extras/named-register.js");
-/* harmony import */ var systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "../../framework/piral-base/esm/utils.js");
+/* harmony import */ var systemjs_dist_extras_use_default_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! systemjs/dist/extras/use-default.js */ "../../../node_modules/systemjs/dist/extras/use-default.js");
+/* harmony import */ var systemjs_dist_extras_use_default_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(systemjs_dist_extras_use_default_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! systemjs/dist/extras/named-register.js */ "../../../node_modules/systemjs/dist/extras/named-register.js");
+/* harmony import */ var systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "../../framework/piral-base/esm/utils.js");
+
 
 
 
@@ -129289,7 +129292,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function loadSystemPilet(meta) {
   const deps = meta.dependencies;
-  const link = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.setBasePath)(meta, meta.link);
+  const link = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setBasePath)(meta, meta.link);
 
   if (deps) {
     for (const depName of Object.keys(deps)) {
@@ -129492,13 +129495,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "setRoute": () => (/* binding */ setRoute),
 /* harmony export */   "includeProvider": () => (/* binding */ includeProvider)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.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/state.js");
 
 function changeLayout(ctx, current) {
   ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    app: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.app, 'layout', current)
+    app: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.withKey)(state.app, 'layout', current)
   }));
 }
 function initialize(ctx, loading, error, modules) {
@@ -129512,8 +129514,8 @@ function initialize(ctx, loading, error, modules) {
 }
 function injectPilet(ctx, pilet) {
   ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    modules: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.replaceOrAddItem)(state.modules, pilet, m => m.name === pilet.name),
-    registry: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.removeNested)(state.registry, m => m.pilet === pilet.name)
+    modules: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.replaceOrAddItem)(state.modules, pilet, m => m.name === pilet.name),
+    registry: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.removeNested)(state.registry, m => m.pilet === pilet.name)
   }));
   ctx.emit('unload-pilet', {
     name: pilet.name
@@ -129521,25 +129523,19 @@ function injectPilet(ctx, pilet) {
 }
 function setComponent(ctx, name, component) {
   ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    components: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.components, name, component)
+    components: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.withKey)(state.components, name, component)
   }));
 }
 function setErrorComponent(ctx, type, component) {
   ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    errorComponents: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.errorComponents, type, component)
+    errorComponents: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.withKey)(state.errorComponents, type, component)
   }));
 }
 function setRoute(ctx, path, component) {
-  ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    routes: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.routes, path, component)
-  }));
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_1__.withRoute)(path, component));
 }
 function includeProvider(ctx, provider) {
-  const wrapper = props => /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(provider, props);
-
-  ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    provider: !state.provider ? wrapper : props => /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(state.provider, undefined, wrapper(props))
-  }));
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_1__.withProvider)(provider));
 }
 
 /***/ }),
@@ -129558,35 +129554,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "registerExtension": () => (/* binding */ registerExtension),
 /* harmony export */   "unregisterExtension": () => (/* binding */ unregisterExtension)
 /* harmony export */ });
-/* 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_0__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/state.js");
 
 function registerPage(ctx, name, value) {
-  ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    registry: Object.assign(Object.assign({}, state.registry), {
-      pages: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.withKey)(state.registry.pages, name, value)
-    })
-  }));
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_0__.withPage)(name, value));
 }
 function unregisterPage(ctx, name) {
-  ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    registry: Object.assign(Object.assign({}, state.registry), {
-      pages: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.withoutKey)(state.registry.pages, name)
-    })
-  }));
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_0__.withoutPage)(name));
 }
 function registerExtension(ctx, name, value) {
-  ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    registry: Object.assign(Object.assign({}, state.registry), {
-      extensions: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.withKey)(state.registry.extensions, name, (0,_utils__WEBPACK_IMPORTED_MODULE_0__.appendItem)(state.registry.extensions[name], value))
-    })
-  }));
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_0__.withExtension)(name, value));
 }
 function unregisterExtension(ctx, name, reference) {
-  ctx.dispatch(state => Object.assign(Object.assign({}, state), {
-    registry: Object.assign(Object.assign({}, state.registry), {
-      extensions: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.withKey)(state.registry.extensions, name, (0,_utils__WEBPACK_IMPORTED_MODULE_0__.excludeOn)(state.registry.extensions[name], m => m.reference === reference))
-    })
-  }));
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_0__.withoutExtension)(name, reference));
 }
 
 /***/ }),
@@ -130684,7 +130664,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.4-beta.3311" || 0,
+    version: "0.14.5-beta.3335" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.createPiletOptions)({
@@ -131082,10 +131062,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "renderInDom": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.renderInDom),
 /* harmony export */   "replaceOrAddItem": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.replaceOrAddItem),
 /* harmony export */   "storage": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.storage),
+/* harmony export */   "toExtension": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.toExtension),
 /* harmony export */   "tryParseJson": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.tryParseJson),
 /* harmony export */   "updateKey": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.updateKey),
+/* harmony export */   "withAll": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withAll),
+/* harmony export */   "withExtension": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withExtension),
 /* harmony export */   "withKey": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withKey),
-/* harmony export */   "withoutKey": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withoutKey)
+/* harmony export */   "withPage": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withPage),
+/* harmony export */   "withProvider": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withProvider),
+/* harmony export */   "withRootExtension": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withRootExtension),
+/* harmony export */   "withRoute": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withRoute),
+/* harmony export */   "withoutExtension": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withoutExtension),
+/* harmony export */   "withoutKey": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withoutKey),
+/* harmony export */   "withoutPage": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.withoutPage)
 /* harmony export */ });
 /* harmony import */ var _createInstance__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createInstance */ "../../framework/piral-core/esm/createInstance.js");
 /* harmony import */ var _Piral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Piral */ "../../framework/piral-core/esm/Piral.js");
@@ -131808,6 +131797,25 @@ function getDataExpiration(expires) {
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/utils/extension.js":
+/*!*********************************************************!*\
+  !*** ../../framework/piral-core/esm/utils/extension.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "toExtension": () => (/* binding */ toExtension)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+
+function toExtension(Component) {
+  return props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props.params));
+}
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/utils/foreign.js":
 /*!*******************************************************!*\
   !*** ../../framework/piral-core/esm/utils/foreign.js ***!
@@ -132012,43 +132020,56 @@ __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 */   "attachDomPortal": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_2__.attachDomPortal),
-/* harmony export */   "changeDomPortal": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_2__.changeDomPortal),
-/* harmony export */   "convertComponent": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_2__.convertComponent),
-/* harmony export */   "renderInDom": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_2__.renderInDom),
-/* harmony export */   "buildName": () => (/* reexport safe */ _guid__WEBPACK_IMPORTED_MODULE_3__.buildName),
-/* harmony export */   "generateId": () => (/* reexport safe */ _guid__WEBPACK_IMPORTED_MODULE_3__.generateId),
-/* harmony export */   "appendItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.appendItem),
-/* harmony export */   "appendItems": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.appendItems),
-/* harmony export */   "excludeItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.excludeItem),
-/* harmony export */   "excludeOn": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.excludeOn),
-/* harmony export */   "includeItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.includeItem),
-/* harmony export */   "none": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.none),
-/* harmony export */   "noop": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.noop),
-/* harmony export */   "prependItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.prependItem),
-/* harmony export */   "prependItems": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.prependItems),
-/* harmony export */   "removeIndicator": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.removeIndicator),
-/* harmony export */   "removeNested": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.removeNested),
-/* harmony export */   "replaceOrAddItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.replaceOrAddItem),
-/* harmony export */   "tryParseJson": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.tryParseJson),
-/* harmony export */   "updateKey": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.updateKey),
-/* harmony export */   "withKey": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.withKey),
-/* harmony export */   "withoutKey": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_4__.withoutKey),
-/* harmony export */   "defaultBreakpoints": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_5__.defaultBreakpoints),
-/* harmony export */   "defaultLayouts": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_5__.defaultLayouts),
-/* harmony export */   "getCurrentLayout": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_5__.getCurrentLayout),
-/* harmony export */   "defaultRender": () => (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_6__.defaultRender),
-/* harmony export */   "cookie": () => (/* reexport safe */ _storage__WEBPACK_IMPORTED_MODULE_7__.cookie),
-/* harmony export */   "storage": () => (/* reexport safe */ _storage__WEBPACK_IMPORTED_MODULE_7__.storage)
+/* 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),
+/* harmony export */   "convertComponent": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_3__.convertComponent),
+/* harmony export */   "renderInDom": () => (/* reexport safe */ _foreign__WEBPACK_IMPORTED_MODULE_3__.renderInDom),
+/* harmony export */   "buildName": () => (/* reexport safe */ _guid__WEBPACK_IMPORTED_MODULE_4__.buildName),
+/* harmony export */   "generateId": () => (/* reexport safe */ _guid__WEBPACK_IMPORTED_MODULE_4__.generateId),
+/* harmony export */   "appendItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.appendItem),
+/* harmony export */   "appendItems": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.appendItems),
+/* harmony export */   "excludeItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.excludeItem),
+/* harmony export */   "excludeOn": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.excludeOn),
+/* harmony export */   "includeItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.includeItem),
+/* harmony export */   "none": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.none),
+/* harmony export */   "noop": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.noop),
+/* harmony export */   "prependItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.prependItem),
+/* harmony export */   "prependItems": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.prependItems),
+/* harmony export */   "removeIndicator": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.removeIndicator),
+/* harmony export */   "removeNested": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.removeNested),
+/* harmony export */   "replaceOrAddItem": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.replaceOrAddItem),
+/* harmony export */   "tryParseJson": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.tryParseJson),
+/* harmony export */   "updateKey": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.updateKey),
+/* harmony export */   "withKey": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.withKey),
+/* harmony export */   "withoutKey": () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_5__.withoutKey),
+/* harmony export */   "defaultBreakpoints": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_6__.defaultBreakpoints),
+/* harmony export */   "defaultLayouts": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_6__.defaultLayouts),
+/* harmony export */   "getCurrentLayout": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_6__.getCurrentLayout),
+/* harmony export */   "defaultRender": () => (/* reexport safe */ _react__WEBPACK_IMPORTED_MODULE_7__.defaultRender),
+/* harmony export */   "withAll": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withAll),
+/* harmony export */   "withExtension": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withExtension),
+/* harmony export */   "withPage": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withPage),
+/* harmony export */   "withProvider": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withProvider),
+/* harmony export */   "withRootExtension": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withRootExtension),
+/* harmony export */   "withRoute": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withRoute),
+/* harmony export */   "withoutExtension": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withoutExtension),
+/* harmony export */   "withoutPage": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_8__.withoutPage),
+/* harmony export */   "cookie": () => (/* reexport safe */ _storage__WEBPACK_IMPORTED_MODULE_9__.cookie),
+/* harmony export */   "storage": () => (/* reexport safe */ _storage__WEBPACK_IMPORTED_MODULE_9__.storage)
 /* harmony export */ });
 /* harmony import */ var _compare__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./compare */ "../../framework/piral-core/esm/utils/compare.js");
 /* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./data */ "../../framework/piral-core/esm/utils/data.js");
-/* harmony import */ var _foreign__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foreign */ "../../framework/piral-core/esm/utils/foreign.js");
-/* harmony import */ var _guid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./guid */ "../../framework/piral-core/esm/utils/guid.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers */ "../../framework/piral-core/esm/utils/helpers.js");
-/* harmony import */ var _media__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./media */ "../../framework/piral-core/esm/utils/media.js");
-/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./react */ "../../framework/piral-core/esm/utils/react.js");
-/* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./storage */ "../../framework/piral-core/esm/utils/storage.js");
+/* harmony import */ var _extension__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./extension */ "../../framework/piral-core/esm/utils/extension.js");
+/* harmony import */ var _foreign__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./foreign */ "../../framework/piral-core/esm/utils/foreign.js");
+/* harmony import */ var _guid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./guid */ "../../framework/piral-core/esm/utils/guid.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./helpers */ "../../framework/piral-core/esm/utils/helpers.js");
+/* harmony import */ var _media__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./media */ "../../framework/piral-core/esm/utils/media.js");
+/* harmony import */ var _react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./react */ "../../framework/piral-core/esm/utils/react.js");
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./state */ "../../framework/piral-core/esm/utils/state.js");
+/* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./storage */ "../../framework/piral-core/esm/utils/storage.js");
+
+
 
 
 
@@ -132111,6 +132132,142 @@ function defaultRender(children, key) {
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/utils/state.js":
+/*!*****************************************************!*\
+  !*** ../../framework/piral-core/esm/utils/state.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "withAll": () => (/* binding */ withAll),
+/* harmony export */   "withPage": () => (/* binding */ withPage),
+/* harmony export */   "withoutPage": () => (/* binding */ withoutPage),
+/* harmony export */   "withExtension": () => (/* binding */ withExtension),
+/* harmony export */   "withoutExtension": () => (/* binding */ withoutExtension),
+/* harmony export */   "withRootExtension": () => (/* binding */ withRootExtension),
+/* harmony export */   "withProvider": () => (/* binding */ withProvider),
+/* harmony export */   "withRoute": () => (/* binding */ withRoute)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var _extension__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./extension */ "../../framework/piral-core/esm/utils/extension.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "../../framework/piral-core/esm/utils/helpers.js");
+
+
+
+/**
+ * Returns a dispatcher that includes all mentioned dispatchers.
+ * @param dispatchers The dispatchers to include.
+ */
+
+function withAll(...dispatchers) {
+  return state => {
+    for (const dispatcher of dispatchers) {
+      state = dispatcher(state);
+    }
+
+    return state;
+  };
+}
+/**
+ * Returns a dispatcher that adds a page registration.
+ * @param name The path of the page to register.
+ * @param value The value of the page to register.
+ * @returns The dispatcher.
+ */
+
+function withPage(name, value) {
+  return state => Object.assign(Object.assign({}, state), {
+    registry: Object.assign(Object.assign({}, state.registry), {
+      pages: (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.registry.pages, name, value)
+    })
+  });
+}
+/**
+ * Returns a dispatcher that removes a page registration.
+ * @param name The path of the page to unregister.
+ * @returns The dispatcher.
+ */
+
+function withoutPage(name) {
+  return state => Object.assign(Object.assign({}, state), {
+    registry: Object.assign(Object.assign({}, state.registry), {
+      pages: (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.withoutKey)(state.registry.pages, name)
+    })
+  });
+}
+/**
+ * Returns a dispatcher that adds an extension registration.
+ * @param name The name of the extension to register.
+ * @param value The value of the extension to register.
+ * @returns The dispatcher.
+ */
+
+function withExtension(name, value) {
+  return state => Object.assign(Object.assign({}, state), {
+    registry: Object.assign(Object.assign({}, state.registry), {
+      extensions: (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.registry.extensions, name, (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.appendItem)(state.registry.extensions[name], value))
+    })
+  });
+}
+/**
+ * Returns a dispatcher that removes an extension registration.
+ * @param name The name of the extension to unregister.
+ * @param reference The reference for the extension.
+ * @returns The dispatcher.
+ */
+
+function withoutExtension(name, reference) {
+  return state => Object.assign(Object.assign({}, state), {
+    registry: Object.assign(Object.assign({}, state.registry), {
+      extensions: (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.registry.extensions, name, (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.excludeOn)(state.registry.extensions[name], m => m.reference === reference))
+    })
+  });
+}
+/**
+ * Returns a dispatcher that adds an extension registration from the root (no Pilet API).
+ * @param name The name of the extension to register.
+ * @param component The extension's component to use.
+ * @returns The dispatcher.
+ */
+
+function withRootExtension(name, component) {
+  return withExtension(name, {
+    component: (0,_extension__WEBPACK_IMPORTED_MODULE_2__.toExtension)(component),
+    defaults: {},
+    pilet: '',
+    reference: component
+  });
+}
+/**
+ * Returns a dispatcher that adds another provider.
+ * @param provider The provider to include.
+ * @returns The dispatcher.
+ */
+
+function withProvider(provider) {
+  const wrapper = props => /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(provider, props);
+
+  return state => Object.assign(Object.assign({}, state), {
+    provider: !state.provider ? wrapper : props => /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(state.provider, undefined, wrapper(props))
+  });
+}
+/**
+ * Returns a dispatcher that registers another route.
+ * @param path The path of the route to register.
+ * @param component The component representing the route.
+ * @returns The dispatcher.
+ */
+
+function withRoute(path, component) {
+  return state => Object.assign(Object.assign({}, state), {
+    routes: (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.withKey)(state.routes, path, component)
+  });
+}
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/utils/storage.js":
 /*!*******************************************************!*\
   !*** ../../framework/piral-core/esm/utils/storage.js ***!
@@ -132269,10 +132426,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createDashboardApi": () => (/* binding */ createDashboardApi)
 /* harmony export */ });
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-dashboard/esm/actions.js");
-/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/guid.js");
-/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/state/withApi.js");
-/* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./default */ "../../plugins/piral-dashboard/esm/default.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-dashboard/esm/actions.js");
+/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/state.js");
+/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/guid.js");
+/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/state/withApi.js");
+/* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./default */ "../../plugins/piral-dashboard/esm/default.js");
+/* harmony import */ var _Dashboard__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Dashboard */ "../../plugins/piral-dashboard/esm/Dashboard.js");
+
 
 
 
@@ -132298,6 +132458,18 @@ function getTiles(items, defaultPreferences) {
 
   return tiles;
 }
+
+function withTiles(tiles) {
+  return state => Object.assign(Object.assign({}, state), {
+    components: Object.assign({
+      DashboardTile: _default__WEBPACK_IMPORTED_MODULE_0__.DefaultTile,
+      DashboardContainer: _default__WEBPACK_IMPORTED_MODULE_0__.DefaultContainer
+    }, state.components),
+    registry: Object.assign(Object.assign({}, state.registry), {
+      tiles
+    })
+  });
+}
 /**
  * Creates the Pilet API extension for activating dashboard support.
  */
@@ -132309,16 +132481,8 @@ function createDashboardApi(config = {}) {
     defaultPreferences = {}
   } = config;
   return context => {
-    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_0__);
-    context.dispatch(state => Object.assign(Object.assign({}, state), {
-      components: Object.assign({
-        DashboardTile: _default__WEBPACK_IMPORTED_MODULE_1__.DefaultTile,
-        DashboardContainer: _default__WEBPACK_IMPORTED_MODULE_1__.DefaultContainer
-      }, state.components),
-      registry: Object.assign(Object.assign({}, state.registry), {
-        tiles: getTiles(tiles, defaultPreferences)
-      })
-    }));
+    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_1__);
+    context.dispatch((0,piral_core__WEBPACK_IMPORTED_MODULE_2__.withAll)(withTiles(getTiles(tiles, defaultPreferences)), (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.withRootExtension)('piral-dashboard', _Dashboard__WEBPACK_IMPORTED_MODULE_3__.Dashboard)));
     return (api, target) => {
       const pilet = target.name;
       let next = 0;
@@ -132330,17 +132494,17 @@ function createDashboardApi(config = {}) {
             name = next++;
           }
 
-          const id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          const id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.registerTile(id, {
             pilet,
-            component: (0,piral_core__WEBPACK_IMPORTED_MODULE_3__.withApi)(context, arg, api, 'tile'),
+            component: (0,piral_core__WEBPACK_IMPORTED_MODULE_5__.withApi)(context, arg, api, 'tile'),
             preferences: getPreferences(defaultPreferences, preferences)
           });
           return () => api.unregisterTile(name);
         },
 
         unregisterTile(name) {
-          const id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          const id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.unregisterTile(id);
         }
 
@@ -132929,12 +133093,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.4-beta.3311",
+      version: "0.14.5-beta.3335",
       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: "2021-11-28T15:51:44.391Z",
-      cli: "0.14.3",
+      date: "2021-12-09T17:54:04.750Z",
+      cli: "0.14.4",
       compat: "0.14"
     },
     pilets: {
@@ -183646,6 +183810,31 @@ function Suspense(props) {
 
 /***/ }),
 
+/***/ "../../../node_modules/systemjs/dist/extras/use-default.js":
+/*!*****************************************************************!*\
+  !*** ../../../node_modules/systemjs/dist/extras/use-default.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+(function(){/*
+ * Interop for AMD modules to return the direct AMD binding instead of a
+ * `{ default: amdModule }` object from `System.import`
+ * 
+ * Note: This extra is deprecated and will be removed in the next major.
+ */
+(function (global) {
+  var systemJSPrototype = global.System.constructor.prototype;
+  var originalImport = systemJSPrototype.import;
+
+  systemJSPrototype.import = function () {
+    return originalImport.apply(this, arguments).then(function (ns) {
+      return ns.__useDefault ? ns.default : ns;
+    });
+  };
+})(typeof self !== 'undefined' ? self : __webpack_require__.g);}());
+
+/***/ }),
+
 /***/ "../../../node_modules/systemjs/dist/system.js":
 /*!*****************************************************!*\
   !*** ../../../node_modules/systemjs/dist/system.js ***!
@@ -255011,4 +255200,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.3d2295.js.map
+//# sourceMappingURL=index.a5db58.js.map