sample-piral 0.14.3-beta.3303 → 0.14.4

package/app/{index.8f63eb.js → index.1449bd.js}

@@ -1864,14 +1864,13 @@ __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(function (state) {
     return 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)
     });
   });
 }
@@ -1889,10 +1888,10 @@ function initialize(ctx, loading, error, modules) {
 function injectPilet(ctx, pilet) {
   ctx.dispatch(function (state) {
     return Object.assign(Object.assign({}, state), {
-      modules: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.replaceOrAddItem)(state.modules, pilet, function (m) {
+      modules: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.replaceOrAddItem)(state.modules, pilet, function (m) {
         return m.name === pilet.name;
       }),
-      registry: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.removeNested)(state.registry, function (m) {
+      registry: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.removeNested)(state.registry, function (m) {
         return m.pilet === pilet.name;
       })
     });
@@ -1904,36 +1903,22 @@ function injectPilet(ctx, pilet) {
 function setComponent(ctx, name, component) {
   ctx.dispatch(function (state) {
     return 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(function (state) {
     return 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(function (state) {
-    return 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) {
-  var wrapper = function wrapper(props) {
-    return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(provider, props);
-  };
-
-  ctx.dispatch(function (state) {
-    return Object.assign(Object.assign({}, state), {
-      provider: !state.provider ? wrapper : function (props) {
-        return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(state.provider, undefined, wrapper(props));
-      }
-    });
-  });
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_1__.withProvider)(provider));
 }
 
 /***/ }),
@@ -1952,45 +1937,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(function (state) {
-    return 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(function (state) {
-    return 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(function (state) {
-    return 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(function (state) {
-    return 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], function (m) {
-          return m.reference === reference;
-        }))
-      })
-    });
-  });
+  ctx.dispatch((0,_utils__WEBPACK_IMPORTED_MODULE_0__.withoutExtension)(name, reference));
 }
 
 /***/ }),
@@ -3186,7 +3145,7 @@ function createInstance() {
   var createApi = apiFactory(context, usedPlugins);
   var root = createApi({
     name: 'root',
-    version: "0.14.3-beta.3303" || 0,
+    version: "0.14.4" || 0,
     spec: ''
   });
   var options = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.createPiletOptions)({
@@ -3605,10 +3564,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");
@@ -4465,6 +4433,27 @@ 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 function (props) {
+    return /*#__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 ***!
@@ -4687,43 +4676,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");
+
+
 
 
 
@@ -4792,6 +4794,180 @@ 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");
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+/**
+ * Returns a dispatcher that includes all mentioned dispatchers.
+ * @param dispatchers The dispatchers to include.
+ */
+
+function withAll() {
+  for (var _len = arguments.length, dispatchers = new Array(_len), _key = 0; _key < _len; _key++) {
+    dispatchers[_key] = arguments[_key];
+  }
+
+  return function (state) {
+    var _iterator = _createForOfIteratorHelper(dispatchers),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var dispatcher = _step.value;
+        state = dispatcher(state);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    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 function (state) {
+    return 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 function (state) {
+    return 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 function (state) {
+    return 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 function (state) {
+    return 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], function (m) {
+          return 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) {
+  var wrapper = function wrapper(props) {
+    return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(provider, props);
+  };
+
+  return function (state) {
+    return Object.assign(Object.assign({}, state), {
+      provider: !state.provider ? wrapper : function (props) {
+        return /*#__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 function (state) {
+    return 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 ***!
@@ -5199,6 +5375,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "renderInDom": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.renderInDom),
 /* harmony export */   "replaceOrAddItem": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.replaceOrAddItem),
 /* harmony export */   "storage": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.storage),
+/* harmony export */   "toExtension": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.toExtension),
 /* harmony export */   "tryParseJson": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.tryParseJson),
 /* harmony export */   "updateKey": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.updateKey),
 /* harmony export */   "useAction": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useAction),
@@ -5208,9 +5385,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useMedia": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useMedia),
 /* harmony export */   "useSetter": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useSetter),
 /* harmony export */   "useSharedData": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useSharedData),
+/* harmony export */   "withAll": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withAll),
 /* harmony export */   "withApi": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withApi),
+/* harmony export */   "withExtension": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withExtension),
 /* harmony export */   "withKey": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withKey),
+/* harmony export */   "withPage": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withPage),
+/* harmony export */   "withProvider": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withProvider),
+/* harmony export */   "withRootExtension": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withRootExtension),
+/* harmony export */   "withRoute": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withRoute),
+/* harmony export */   "withoutExtension": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withoutExtension),
 /* harmony export */   "withoutKey": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withoutKey),
+/* harmony export */   "withoutPage": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.withoutPage),
 /* harmony export */   "Dashboard": () => (/* reexport safe */ piral_ext__WEBPACK_IMPORTED_MODULE_1__.Dashboard),
 /* harmony export */   "Languages": () => (/* reexport safe */ piral_ext__WEBPACK_IMPORTED_MODULE_1__.Languages),
 /* harmony export */   "Menu": () => (/* reexport safe */ piral_ext__WEBPACK_IMPORTED_MODULE_1__.Menu),
@@ -5649,10 +5834,12 @@ __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");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -5663,6 +5850,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+
 function getPreferences(defaultPreferences) {
   var customPreferences = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return Object.assign(Object.assign({}, defaultPreferences), customPreferences);
@@ -5694,6 +5882,20 @@ function getTiles(items, defaultPreferences) {
 
   return tiles;
 }
+
+function withTiles(tiles) {
+  return function (state) {
+    return 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: tiles
+      })
+    });
+  };
+}
 /**
  * Creates the Pilet API extension for activating dashboard support.
  */
@@ -5706,18 +5908,8 @@ function createDashboardApi() {
       _config$defaultPrefer = config.defaultPreferences,
       defaultPreferences = _config$defaultPrefer === void 0 ? {} : _config$defaultPrefer;
   return function (context) {
-    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_0__);
-    context.dispatch(function (state) {
-      return 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 function (api, target) {
       var pilet = target.name;
       var next = 0;
@@ -5729,10 +5921,10 @@ function createDashboardApi() {
             name = next++;
           }
 
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.registerTile(id, {
             pilet: 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 function () {
@@ -5740,7 +5932,7 @@ function createDashboardApi() {
           };
         },
         unregisterTile: function unregisterTile(name) {
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.unregisterTile(id);
         }
       };
@@ -6426,10 +6618,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createMenuApi": () => (/* binding */ createMenuApi)
 /* harmony export */ });
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-menu/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-menu/esm/default.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-menu/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-menu/esm/default.js");
+/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Menu */ "../../plugins/piral-menu/esm/Menu.js");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -6440,6 +6634,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+
 function getSettings(defaultSettings) {
   var customSettings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return Object.assign(Object.assign({
@@ -6473,6 +6668,20 @@ function getMenuItems(items, defaultSettings) {
 
   return menuItems;
 }
+
+function withMenu(menuItems) {
+  return function (state) {
+    return Object.assign(Object.assign({}, state), {
+      components: Object.assign({
+        MenuContainer: _default__WEBPACK_IMPORTED_MODULE_0__.DefaultContainer,
+        MenuItem: _default__WEBPACK_IMPORTED_MODULE_0__.DefaultItem
+      }, state.components),
+      registry: Object.assign(Object.assign({}, state.registry), {
+        menuItems: menuItems
+      })
+    });
+  };
+}
 /**
  * Creates new Pilet API extensions for integration of menu items.
  */
@@ -6485,18 +6694,8 @@ function createMenuApi() {
       _config$defaultSettin = config.defaultSettings,
       defaultSettings = _config$defaultSettin === void 0 ? {} : _config$defaultSettin;
   return function (context) {
-    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_0__);
-    context.dispatch(function (state) {
-      return Object.assign(Object.assign({}, state), {
-        components: Object.assign({
-          MenuContainer: _default__WEBPACK_IMPORTED_MODULE_1__.DefaultContainer,
-          MenuItem: _default__WEBPACK_IMPORTED_MODULE_1__.DefaultItem
-        }, state.components),
-        registry: Object.assign(Object.assign({}, state.registry), {
-          menuItems: getMenuItems(items, defaultSettings)
-        })
-      });
-    });
+    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_1__);
+    context.dispatch((0,piral_core__WEBPACK_IMPORTED_MODULE_2__.withAll)(withMenu(getMenuItems(items, defaultSettings)), (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.withRootExtension)('piral-menu', _Menu__WEBPACK_IMPORTED_MODULE_3__.Menu)));
     return function (api, target) {
       var pilet = target.name;
       var next = 0;
@@ -6508,10 +6707,10 @@ function createMenuApi() {
             name = next++;
           }
 
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.registerMenuItem(id, {
             pilet: pilet,
-            component: (0,piral_core__WEBPACK_IMPORTED_MODULE_3__.withApi)(context, arg, api, 'menu'),
+            component: (0,piral_core__WEBPACK_IMPORTED_MODULE_5__.withApi)(context, arg, api, 'menu'),
             settings: getSettings(defaultSettings, settings)
           });
           return function () {
@@ -6519,7 +6718,7 @@ function createMenuApi() {
           };
         },
         unregisterMenu: function unregisterMenu(name) {
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.unregisterMenuItem(id);
         }
       };
@@ -6755,10 +6954,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createModalsApi": () => (/* binding */ createModalsApi)
 /* harmony export */ });
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-modals/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-modals/esm/default.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-modals/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-modals/esm/default.js");
+/* harmony import */ var _Modals__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Modals */ "../../plugins/piral-modals/esm/Modals.js");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -6769,6 +6970,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+
 function getModalDialogs(dialogs) {
   var modals = {};
 
@@ -6796,6 +6998,21 @@ function getModalDialogs(dialogs) {
 
   return modals;
 }
+
+function withModals(modals) {
+  return function (state) {
+    return Object.assign(Object.assign({}, state), {
+      components: Object.assign({
+        ModalsHost: _default__WEBPACK_IMPORTED_MODULE_0__.DefaultHost,
+        ModalsDialog: _default__WEBPACK_IMPORTED_MODULE_0__.DefaultDialog
+      }, state.components),
+      registry: Object.assign(Object.assign({}, state.registry), {
+        modals: modals
+      }),
+      modals: []
+    });
+  };
+}
 /**
  * Creates new Pilet API extensions for support modal dialogs.
  */
@@ -6810,24 +7027,13 @@ function createModalsApi() {
     return "".concat(name, "-").concat(~~(Math.random() * 10000));
   } : _config$selectId;
   return function (context) {
-    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_0__);
-    context.dispatch(function (state) {
-      return Object.assign(Object.assign({}, state), {
-        components: Object.assign({
-          ModalsHost: _default__WEBPACK_IMPORTED_MODULE_1__.DefaultHost,
-          ModalsDialog: _default__WEBPACK_IMPORTED_MODULE_1__.DefaultDialog
-        }, state.components),
-        registry: Object.assign(Object.assign({}, state.registry), {
-          modals: getModalDialogs(dialogs)
-        }),
-        modals: []
-      });
-    });
+    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_1__);
+    context.dispatch((0,piral_core__WEBPACK_IMPORTED_MODULE_2__.withAll)(withModals(getModalDialogs(dialogs)), (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.withRootExtension)('piral-modals', _Modals__WEBPACK_IMPORTED_MODULE_3__.Modals)));
     return function (api, target) {
       var pilet = target.name;
       return {
         showModal: function showModal(simpleName, options) {
-          var name = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, simpleName);
+          var name = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, simpleName);
           var dialog = {
             id: selectId(name),
             name: name,
@@ -6843,11 +7049,11 @@ function createModalsApi() {
           return dialog.close;
         },
         registerModal: function registerModal(name, arg, defaults) {
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.registerModal(id, {
             pilet: pilet,
             name: name,
-            component: (0,piral_core__WEBPACK_IMPORTED_MODULE_3__.withApi)(context, arg, api, 'modal'),
+            component: (0,piral_core__WEBPACK_IMPORTED_MODULE_5__.withApi)(context, arg, api, 'modal'),
             defaults: defaults
           });
           return function () {
@@ -6855,7 +7061,7 @@ function createModalsApi() {
           };
         },
         unregisterModal: function unregisterModal(name) {
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.buildName)(pilet, name);
           context.unregisterModal(id);
         }
       };
@@ -7022,11 +7228,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createNotificationsApi": () => (/* binding */ createNotificationsApi)
 /* harmony export */ });
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-notifications/esm/actions.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-notifications/esm/actions.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/react.js");
-/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/state/withApi.js");
-/* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./default */ "../../plugins/piral-notifications/esm/default.js");
+/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/state.js");
+/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/state/withApi.js");
+/* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default */ "../../plugins/piral-notifications/esm/default.js");
+/* harmony import */ var _Notifications__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Notifications */ "../../plugins/piral-notifications/esm/Notifications.js");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -7038,6 +7246,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+
 function isElement(element) {
   return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(element);
 }
@@ -7101,6 +7310,18 @@ function getNotifications(context, messages, defaultOptions) {
 
   return notifications;
 }
+
+function withNotifications(notifications) {
+  return function (state) {
+    return Object.assign(Object.assign({}, state), {
+      components: Object.assign({
+        NotificationsHost: _default__WEBPACK_IMPORTED_MODULE_2__.DefaultHost,
+        NotificationsToast: _default__WEBPACK_IMPORTED_MODULE_2__.DefaultToast
+      }, state.components),
+      notifications: notifications
+    });
+  };
+}
 /**
  * Creates new Pilet API extensions for showing notifications.
  */
@@ -7117,20 +7338,12 @@ function createNotificationsApi() {
       _config$messages = config.messages,
       messages = _config$messages === void 0 ? [] : _config$messages;
   return function (context) {
-    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_2__);
-    context.dispatch(function (state) {
-      return Object.assign(Object.assign({}, state), {
-        components: Object.assign({
-          NotificationsHost: _default__WEBPACK_IMPORTED_MODULE_3__.DefaultHost,
-          NotificationsToast: _default__WEBPACK_IMPORTED_MODULE_3__.DefaultToast
-        }, state.components),
-        notifications: getNotifications(context, messages, defaultOptions)
-      });
-    });
+    context.defineActions(_actions__WEBPACK_IMPORTED_MODULE_3__);
+    context.dispatch((0,piral_core__WEBPACK_IMPORTED_MODULE_4__.withAll)(withNotifications(getNotifications(context, messages, defaultOptions)), (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.withRootExtension)('piral-notifications', _Notifications__WEBPACK_IMPORTED_MODULE_5__.Notifications)));
     return function (api) {
       return {
         showNotification: function showNotification(content, customOptions) {
-          var Component = typeof content === 'string' ? content : isElement(content) ? content : (0,piral_core__WEBPACK_IMPORTED_MODULE_4__.withApi)(context, content, api, 'extension');
+          var Component = typeof content === 'string' ? content : isElement(content) ? content : (0,piral_core__WEBPACK_IMPORTED_MODULE_6__.withApi)(context, content, api, 'extension');
           var notification = createNotification(context, selectId(), Component, defaultOptions, customOptions);
           context.openNotification(notification);
           return notification.close;
@@ -7462,9 +7675,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/state/withApi.js");
-/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/guid.js");
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-search/esm/actions.js");
-/* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./default */ "../../plugins/piral-search/esm/default.js");
+/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/state.js");
+/* harmony import */ var piral_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! piral-core */ "../../framework/piral-core/esm/utils/guid.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./actions */ "../../plugins/piral-search/esm/actions.js");
+/* harmony import */ var _default__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./default */ "../../plugins/piral-search/esm/default.js");
+/* harmony import */ var _Search__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Search */ "../../plugins/piral-search/esm/Search.js");
+/* harmony import */ var _SearchInput__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SearchInput */ "../../plugins/piral-search/esm/SearchInput.js");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -7478,6 +7694,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+
+
 function noop() {}
 
 function createSearchRegistration(pilet, search) {
@@ -7538,6 +7756,28 @@ function wrapResults(result, api, context) {
     return toChild(item, api, context);
   });
 }
+
+function withSearch(searchProviders, query, items) {
+  return function (state) {
+    return Object.assign(Object.assign({}, state), {
+      components: Object.assign({
+        SearchContainer: _default__WEBPACK_IMPORTED_MODULE_4__.DefaultContainer,
+        SearchInput: _default__WEBPACK_IMPORTED_MODULE_4__.DefaultInput,
+        SearchResult: _default__WEBPACK_IMPORTED_MODULE_4__.DefaultResult
+      }, state.components),
+      registry: Object.assign(Object.assign({}, state.registry), {
+        searchProviders: searchProviders
+      }),
+      search: {
+        input: query,
+        results: {
+          loading: false,
+          items: items
+        }
+      }
+    });
+  };
+}
 /**
  * Creates new Pilet API extensions for search and filtering.
  */
@@ -7555,26 +7795,8 @@ function createSearchApi() {
       actionConfig = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(config, ["providers", "results", "query"]);
 
   return function (context) {
-    context.defineActions((0,_actions__WEBPACK_IMPORTED_MODULE_4__.createActions)(actionConfig));
-    context.dispatch(function (state) {
-      return Object.assign(Object.assign({}, state), {
-        components: Object.assign({
-          SearchContainer: _default__WEBPACK_IMPORTED_MODULE_5__.DefaultContainer,
-          SearchInput: _default__WEBPACK_IMPORTED_MODULE_5__.DefaultInput,
-          SearchResult: _default__WEBPACK_IMPORTED_MODULE_5__.DefaultResult
-        }, state.components),
-        registry: Object.assign(Object.assign({}, state.registry), {
-          searchProviders: getSearchProviders(providers)
-        }),
-        search: {
-          input: query,
-          results: {
-            loading: false,
-            items: results
-          }
-        }
-      });
-    });
+    context.defineActions((0,_actions__WEBPACK_IMPORTED_MODULE_5__.createActions)(actionConfig));
+    context.dispatch((0,piral_core__WEBPACK_IMPORTED_MODULE_6__.withAll)(withSearch(getSearchProviders(providers), query, results), (0,piral_core__WEBPACK_IMPORTED_MODULE_6__.withRootExtension)('piral-search', _Search__WEBPACK_IMPORTED_MODULE_7__.Search), (0,piral_core__WEBPACK_IMPORTED_MODULE_6__.withRootExtension)('piral-search-input', _SearchInput__WEBPACK_IMPORTED_MODULE_8__.SearchInput)));
     return function (api, target) {
       var pilet = target.name;
       var next = 0;
@@ -7586,7 +7808,7 @@ function createSearchApi() {
             name = next++;
           }
 
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_6__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_9__.buildName)(pilet, name);
           context.registerSearchProvider(id, createSearchRegistration(pilet, function (q) {
             return Promise.resolve(provider(q, api)).then(function (results) {
               return wrapResults(results, api, context);
@@ -7599,7 +7821,7 @@ function createSearchApi() {
           };
         },
         unregisterSearchProvider: function unregisterSearchProvider(name) {
-          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_6__.buildName)(pilet, name);
+          var id = (0,piral_core__WEBPACK_IMPORTED_MODULE_9__.buildName)(pilet, name);
           context.unregisterSearchProvider(id);
         }
       };
@@ -8719,12 +8941,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.14.3-beta.3303",
+      version: "0.14.4",
       dependencies: "reactstrap,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2021-11-26T01:19:30.603Z",
-      cli: "0.14.2",
+      date: "2021-12-01T01:31:44.431Z",
+      cli: "0.14.4",
       compat: "0.14"
     },
     pilets: {
@@ -80022,4 +80244,4 @@ var layout_1 = __webpack_require__(/*! ./layout */ "./src/layout.tsx");
 
 /******/ })()
 ;
-//# sourceMappingURL=index.8f63eb.js.map
+//# sourceMappingURL=index.1449bd.js.map