sample-cross-fx 0.14.14-beta.3753 → 0.14.14-beta.3765

package/app/{index.469b4c.js → index.4fbb2d.js}

@@ -129977,6 +129977,45 @@ DefaultLoadingIndicator.displayName = 'DefaultLoadingIndicator';
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/components/DefaultRouteSwitch.js":
+/*!***********************************************************************!*\
+  !*** ../../framework/piral-core/esm/components/DefaultRouteSwitch.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DefaultRouteSwitch": () => (/* binding */ DefaultRouteSwitch)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
+
+
+
+const DefaultRouteSwitch = _a => {
+  var {
+    paths,
+    NotFound
+  } = _a,
+      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["paths", "NotFound"]);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_2__.Switch, Object.assign({}, props), paths.map(({
+    path,
+    Component
+  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_2__.Route, {
+    exact: true,
+    key: path,
+    path: path,
+    component: Component
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_2__.Route, {
+    component: NotFound
+  }));
+};
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/components/DefaultRouter.js":
 /*!******************************************************************!*\
   !*** ../../framework/piral-core/esm/components/DefaultRouter.js ***!
@@ -130297,37 +130336,36 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
-/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 
 
 
-
 /**
  * The component for defining the exclusive routes to be used.
  */
 
 const PiralRoutes = _a => {
   var {
-    NotFound
+    NotFound,
+    RouteSwitch
   } = _a,
-      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound"]);
+      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound", "RouteSwitch"]);
 
   const routes = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(s => s.routes);
   const pages = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(s => s.registry.pages);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Switch, Object.assign({}, props), Object.keys(routes).map(url => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-    exact: true,
-    key: url,
-    path: url,
-    component: routes[url]
-  })), Object.keys(pages).map(url => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-    exact: true,
-    key: url,
-    path: url,
-    component: pages[url].component
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-    component: NotFound
+  const paths = [];
+  Object.keys(routes).map(path => paths.push({
+    path,
+    Component: routes[path]
   }));
+  Object.keys(pages).map(path => paths.push({
+    path,
+    Component: pages[path].component
+  }));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RouteSwitch, Object.assign({
+    NotFound: NotFound,
+    paths: paths
+  }, props));
 };
 PiralRoutes.displayName = 'Routes';
 
@@ -130346,8 +130384,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _PiralRoutes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PiralRoutes */ "../../framework/piral-core/esm/components/PiralRoutes.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 
 
@@ -130371,7 +130409,8 @@ const PiralContent = () => {
   }) : loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.PiralLoadingIndicator, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.PiralLayout, {
     currentLayout: layout
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PiralRoutes__WEBPACK_IMPORTED_MODULE_3__.PiralRoutes, {
-    NotFound: NotFound
+    NotFound: NotFound,
+    RouteSwitch: _components__WEBPACK_IMPORTED_MODULE_1__.PiralRouteSwitch
   }));
 };
 
@@ -130762,6 +130801,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* binding */ PiralError),
 /* harmony export */   "PiralLoadingIndicator": () => (/* binding */ PiralLoadingIndicator),
 /* harmony export */   "PiralRouter": () => (/* binding */ PiralRouter),
+/* harmony export */   "PiralRouteSwitch": () => (/* binding */ PiralRouteSwitch),
 /* harmony export */   "PiralLayout": () => (/* binding */ PiralLayout),
 /* harmony export */   "PiralDebug": () => (/* binding */ PiralDebug)
 /* harmony export */ });
@@ -130771,7 +130811,8 @@ __webpack_require__.r(__webpack_exports__);
 
 function getPiralComponent(name) {
   return props => {
-    const Component = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalState)(s => s.components[name]);
+    const Component = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalState)(s => s.components[name]); // tslint:disable-next-line:no-null-keyword
+
     return Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props)) : null;
   };
 }
@@ -130793,6 +130834,12 @@ const PiralLoadingIndicator = getPiralComponent('LoadingIndicator');
  */
 
 const PiralRouter = getPiralComponent('Router');
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+
+const PiralRouteSwitch = getPiralComponent('RouteSwitch');
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.
@@ -130821,50 +130868,54 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralError),
 /* harmony export */   "PiralLayout": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralLayout),
 /* harmony export */   "PiralLoadingIndicator": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralLoadingIndicator),
+/* harmony export */   "PiralRouteSwitch": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralRouteSwitch),
 /* harmony export */   "PiralRouter": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PiralRouter),
 /* harmony export */   "getPiralComponent": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.getPiralComponent),
 /* harmony export */   "DefaultErrorInfo": () => (/* reexport safe */ _DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_1__.DefaultErrorInfo),
 /* harmony export */   "DefaultLayout": () => (/* reexport safe */ _DefaultLayout__WEBPACK_IMPORTED_MODULE_2__.DefaultLayout),
 /* harmony export */   "DefaultLoadingIndicator": () => (/* reexport safe */ _DefaultLoader__WEBPACK_IMPORTED_MODULE_3__.DefaultLoadingIndicator),
 /* harmony export */   "DefaultRouter": () => (/* reexport safe */ _DefaultRouter__WEBPACK_IMPORTED_MODULE_4__.DefaultRouter),
-/* harmony export */   "ErrorBoundary": () => (/* reexport safe */ _ErrorBoundary__WEBPACK_IMPORTED_MODULE_5__.ErrorBoundary),
-/* harmony export */   "ExtensionSlot": () => (/* reexport safe */ _ExtensionSlot__WEBPACK_IMPORTED_MODULE_6__.ExtensionSlot),
-/* harmony export */   "Mediator": () => (/* reexport safe */ _Mediator__WEBPACK_IMPORTED_MODULE_7__.Mediator),
-/* harmony export */   "PiralRoutes": () => (/* reexport safe */ _PiralRoutes__WEBPACK_IMPORTED_MODULE_8__.PiralRoutes),
-/* harmony export */   "PiralView": () => (/* reexport safe */ _PiralView__WEBPACK_IMPORTED_MODULE_9__.PiralView),
-/* harmony export */   "PortalRenderer": () => (/* reexport safe */ _PortalRenderer__WEBPACK_IMPORTED_MODULE_10__.PortalRenderer),
-/* harmony export */   "ResponsiveLayout": () => (/* reexport safe */ _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_11__.ResponsiveLayout),
-/* harmony export */   "SetComponent": () => (/* reexport safe */ _SetComponent__WEBPACK_IMPORTED_MODULE_12__.SetComponent),
-/* harmony export */   "SetError": () => (/* reexport safe */ _SetError__WEBPACK_IMPORTED_MODULE_13__.SetError),
-/* harmony export */   "SetErrors": () => (/* reexport safe */ _SetErrors__WEBPACK_IMPORTED_MODULE_14__.SetErrors),
-/* harmony export */   "SetLayout": () => (/* reexport safe */ _SetLayout__WEBPACK_IMPORTED_MODULE_15__.SetLayout),
-/* harmony export */   "SetProvider": () => (/* reexport safe */ _SetProvider__WEBPACK_IMPORTED_MODULE_16__.SetProvider),
-/* harmony export */   "SetRedirect": () => (/* reexport safe */ _SetRedirect__WEBPACK_IMPORTED_MODULE_17__.SetRedirect),
-/* harmony export */   "SetRoute": () => (/* reexport safe */ _SetRoute__WEBPACK_IMPORTED_MODULE_18__.SetRoute),
-/* harmony export */   "SwitchErrorInfo": () => (/* reexport safe */ _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_19__.SwitchErrorInfo),
-/* harmony export */   "wrapComponent": () => (/* reexport safe */ _wrapComponent__WEBPACK_IMPORTED_MODULE_20__.wrapComponent)
+/* harmony export */   "DefaultRouteSwitch": () => (/* reexport safe */ _DefaultRouteSwitch__WEBPACK_IMPORTED_MODULE_5__.DefaultRouteSwitch),
+/* harmony export */   "ErrorBoundary": () => (/* reexport safe */ _ErrorBoundary__WEBPACK_IMPORTED_MODULE_6__.ErrorBoundary),
+/* harmony export */   "ExtensionSlot": () => (/* reexport safe */ _ExtensionSlot__WEBPACK_IMPORTED_MODULE_7__.ExtensionSlot),
+/* harmony export */   "Mediator": () => (/* reexport safe */ _Mediator__WEBPACK_IMPORTED_MODULE_8__.Mediator),
+/* harmony export */   "PiralRoutes": () => (/* reexport safe */ _PiralRoutes__WEBPACK_IMPORTED_MODULE_9__.PiralRoutes),
+/* harmony export */   "PiralView": () => (/* reexport safe */ _PiralView__WEBPACK_IMPORTED_MODULE_10__.PiralView),
+/* harmony export */   "PortalRenderer": () => (/* reexport safe */ _PortalRenderer__WEBPACK_IMPORTED_MODULE_11__.PortalRenderer),
+/* harmony export */   "ResponsiveLayout": () => (/* reexport safe */ _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_12__.ResponsiveLayout),
+/* harmony export */   "SetComponent": () => (/* reexport safe */ _SetComponent__WEBPACK_IMPORTED_MODULE_13__.SetComponent),
+/* harmony export */   "SetError": () => (/* reexport safe */ _SetError__WEBPACK_IMPORTED_MODULE_14__.SetError),
+/* harmony export */   "SetErrors": () => (/* reexport safe */ _SetErrors__WEBPACK_IMPORTED_MODULE_15__.SetErrors),
+/* harmony export */   "SetLayout": () => (/* reexport safe */ _SetLayout__WEBPACK_IMPORTED_MODULE_16__.SetLayout),
+/* harmony export */   "SetProvider": () => (/* reexport safe */ _SetProvider__WEBPACK_IMPORTED_MODULE_17__.SetProvider),
+/* harmony export */   "SetRedirect": () => (/* reexport safe */ _SetRedirect__WEBPACK_IMPORTED_MODULE_18__.SetRedirect),
+/* harmony export */   "SetRoute": () => (/* reexport safe */ _SetRoute__WEBPACK_IMPORTED_MODULE_19__.SetRoute),
+/* harmony export */   "SwitchErrorInfo": () => (/* reexport safe */ _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_20__.SwitchErrorInfo),
+/* harmony export */   "wrapComponent": () => (/* reexport safe */ _wrapComponent__WEBPACK_IMPORTED_MODULE_21__.wrapComponent)
 /* harmony export */ });
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DefaultErrorInfo */ "../../framework/piral-core/esm/components/DefaultErrorInfo.js");
 /* harmony import */ var _DefaultLayout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DefaultLayout */ "../../framework/piral-core/esm/components/DefaultLayout.js");
 /* harmony import */ var _DefaultLoader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DefaultLoader */ "../../framework/piral-core/esm/components/DefaultLoader.js");
 /* harmony import */ var _DefaultRouter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DefaultRouter */ "../../framework/piral-core/esm/components/DefaultRouter.js");
-/* harmony import */ var _ErrorBoundary__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ErrorBoundary */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
-/* harmony import */ var _ExtensionSlot__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ExtensionSlot */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
-/* harmony import */ var _Mediator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Mediator */ "../../framework/piral-core/esm/components/Mediator.js");
-/* harmony import */ var _PiralRoutes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./PiralRoutes */ "../../framework/piral-core/esm/components/PiralRoutes.js");
-/* harmony import */ var _PiralView__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./PiralView */ "../../framework/piral-core/esm/components/PiralView.js");
-/* harmony import */ var _PortalRenderer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PortalRenderer */ "../../framework/piral-core/esm/components/PortalRenderer.js");
-/* harmony import */ var _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ResponsiveLayout */ "../../framework/piral-core/esm/components/ResponsiveLayout.js");
-/* harmony import */ var _SetComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./SetComponent */ "../../framework/piral-core/esm/components/SetComponent.js");
-/* harmony import */ var _SetError__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SetError */ "../../framework/piral-core/esm/components/SetError.js");
-/* harmony import */ var _SetErrors__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./SetErrors */ "../../framework/piral-core/esm/components/SetErrors.js");
-/* harmony import */ var _SetLayout__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./SetLayout */ "../../framework/piral-core/esm/components/SetLayout.js");
-/* harmony import */ var _SetProvider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./SetProvider */ "../../framework/piral-core/esm/components/SetProvider.js");
-/* harmony import */ var _SetRedirect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./SetRedirect */ "../../framework/piral-core/esm/components/SetRedirect.js");
-/* harmony import */ var _SetRoute__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./SetRoute */ "../../framework/piral-core/esm/components/SetRoute.js");
-/* harmony import */ var _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./SwitchErrorInfo */ "../../framework/piral-core/esm/components/SwitchErrorInfo.js");
-/* harmony import */ var _wrapComponent__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./wrapComponent */ "../../framework/piral-core/esm/components/wrapComponent.js");
+/* harmony import */ var _DefaultRouteSwitch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DefaultRouteSwitch */ "../../framework/piral-core/esm/components/DefaultRouteSwitch.js");
+/* harmony import */ var _ErrorBoundary__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ErrorBoundary */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
+/* harmony import */ var _ExtensionSlot__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ExtensionSlot */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
+/* harmony import */ var _Mediator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Mediator */ "../../framework/piral-core/esm/components/Mediator.js");
+/* harmony import */ var _PiralRoutes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./PiralRoutes */ "../../framework/piral-core/esm/components/PiralRoutes.js");
+/* harmony import */ var _PiralView__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PiralView */ "../../framework/piral-core/esm/components/PiralView.js");
+/* harmony import */ var _PortalRenderer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./PortalRenderer */ "../../framework/piral-core/esm/components/PortalRenderer.js");
+/* harmony import */ var _ResponsiveLayout__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ResponsiveLayout */ "../../framework/piral-core/esm/components/ResponsiveLayout.js");
+/* harmony import */ var _SetComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SetComponent */ "../../framework/piral-core/esm/components/SetComponent.js");
+/* harmony import */ var _SetError__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./SetError */ "../../framework/piral-core/esm/components/SetError.js");
+/* harmony import */ var _SetErrors__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./SetErrors */ "../../framework/piral-core/esm/components/SetErrors.js");
+/* harmony import */ var _SetLayout__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./SetLayout */ "../../framework/piral-core/esm/components/SetLayout.js");
+/* harmony import */ var _SetProvider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./SetProvider */ "../../framework/piral-core/esm/components/SetProvider.js");
+/* harmony import */ var _SetRedirect__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./SetRedirect */ "../../framework/piral-core/esm/components/SetRedirect.js");
+/* harmony import */ var _SetRoute__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./SetRoute */ "../../framework/piral-core/esm/components/SetRoute.js");
+/* harmony import */ var _SwitchErrorInfo__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./SwitchErrorInfo */ "../../framework/piral-core/esm/components/SwitchErrorInfo.js");
+/* harmony import */ var _wrapComponent__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./wrapComponent */ "../../framework/piral-core/esm/components/wrapComponent.js");
+
 
 
 
@@ -131041,7 +131092,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.14-beta.3753" || 0,
+    version: "0.14.14-beta.3765" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -131379,6 +131430,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "DefaultErrorInfo": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultErrorInfo),
 /* harmony export */   "DefaultLayout": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultLayout),
 /* harmony export */   "DefaultLoadingIndicator": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultLoadingIndicator),
+/* harmony export */   "DefaultRouteSwitch": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultRouteSwitch),
 /* harmony export */   "DefaultRouter": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.DefaultRouter),
 /* harmony export */   "ErrorBoundary": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.ErrorBoundary),
 /* harmony export */   "ExtensionSlot": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.ExtensionSlot),
@@ -131387,6 +131439,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralError),
 /* harmony export */   "PiralLayout": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralLayout),
 /* harmony export */   "PiralLoadingIndicator": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralLoadingIndicator),
+/* harmony export */   "PiralRouteSwitch": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralRouteSwitch),
 /* harmony export */   "PiralRouter": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralRouter),
 /* harmony export */   "PiralRoutes": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralRoutes),
 /* harmony export */   "PiralView": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.PiralView),
@@ -131838,12 +131891,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createGlobalState": () => (/* binding */ createGlobalState)
 /* harmony export */ });
-/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js");
-/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dbeining/react-atom */ "../../../node_modules/@dbeining/react-atom/dist/react-atom.js");
+/* harmony import */ var _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultErrorInfo.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultLoader.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultRouter.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultLayout.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultRouteSwitch.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/DefaultLayout.js");
 
 
 
@@ -131874,7 +131928,8 @@ function createGlobalState(customState = {}) {
       ErrorInfo: _components__WEBPACK_IMPORTED_MODULE_0__.DefaultErrorInfo,
       LoadingIndicator: _components__WEBPACK_IMPORTED_MODULE_1__.DefaultLoadingIndicator,
       Router: _components__WEBPACK_IMPORTED_MODULE_2__.DefaultRouter,
-      Layout: _components__WEBPACK_IMPORTED_MODULE_3__.DefaultLayout
+      RouteSwitch: _components__WEBPACK_IMPORTED_MODULE_3__.DefaultRouteSwitch,
+      Layout: _components__WEBPACK_IMPORTED_MODULE_4__.DefaultLayout
     },
     errorComponents: {},
     registry: {
@@ -131887,7 +131942,7 @@ function createGlobalState(customState = {}) {
     portals: {},
     modules: []
   };
-  return _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_4__.Atom.of(extend(defaultState, customState));
+  return _dbeining_react_atom__WEBPACK_IMPORTED_MODULE_5__.Atom.of(extend(defaultState, customState));
 }
 
 /***/ }),
@@ -132976,6 +133031,70 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "../../utilities/piral-debug-utils/esm/DebugRouteSwitch.js":
+/*!*****************************************************************!*\
+  !*** ../../utilities/piral-debug-utils/esm/DebugRouteSwitch.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "freezeRouteRefresh": () => (/* binding */ freezeRouteRefresh),
+/* harmony export */   "DebugRouteSwitch": () => (/* binding */ DebugRouteSwitch)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
+/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
+
+
+const debugRouteCache = {
+  active: 0,
+  paths: [],
+  refresh: undefined
+};
+function freezeRouteRefresh() {
+  debugRouteCache.active++;
+  return () => {
+    var _a;
+
+    debugRouteCache.active--;
+
+    if (!debugRouteCache.active) {
+      (_a = debugRouteCache.refresh) === null || _a === void 0 ? void 0 : _a.call(debugRouteCache, s => s + 1);
+    }
+  };
+}
+const DebugRouteSwitch = ({
+  paths,
+  NotFound
+}) => {
+  const [_, triggerChange] = react__WEBPACK_IMPORTED_MODULE_0__.useState(0);
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+    debugRouteCache.refresh = triggerChange;
+    return () => {
+      debugRouteCache.refresh = undefined;
+    };
+  }, []);
+
+  if (!debugRouteCache.active) {
+    debugRouteCache.paths = paths;
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Switch, null, debugRouteCache.paths.map(({
+    path,
+    Component
+  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Route, {
+    exact: true,
+    key: path,
+    path: path,
+    component: Component
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Route, {
+    component: NotFound
+  }));
+};
+
 /***/ }),
 
 /***/ "../../utilities/piral-debug-utils/esm/DebugTracker.js":
@@ -133442,11 +133561,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.14-beta.3753",
+      version: "0.14.14-beta.3765",
       dependencies: "@angular/common,@angular/compiler,@angular/core,@angular/platform-browser,@angular/platform-browser-dynamic,@webcomponents/webcomponentsjs,angular,aurelia-framework,aurelia-templating-binding,aurelia-templating-resources,aurelia-pal-browser,aurelia-event-aggregator,aurelia-history-browser,hyperapp,inferno,inferno-create-element,mithril,lit-element,solid-js,solid-js/dom,preact,riot,rxjs,vue,zone.js,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-03-01T13:53:55.289Z",
+      date: "2022-03-02T17:59:14.109Z",
       cli: "0.14.13",
       compat: "0.14"
     },
@@ -133760,16 +133879,19 @@ function decycle(obj) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "withEmulatorPilets": () => (/* binding */ withEmulatorPilets)
+/* harmony export */   "installPiletsEmulator": () => (/* binding */ installPiletsEmulator)
 /* harmony export */ });
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/setup.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/setup.js");
+/* harmony import */ var _DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DebugRouteSwitch */ "../../utilities/piral-debug-utils/esm/DebugRouteSwitch.js");
+
 
-function withEmulatorPilets(requestPilets, options) {
+function installPiletsEmulator(requestPilets, options) {
   const {
     loadPilet,
     createApi,
     injectPilet,
+    integrate,
     piletApiFallback = '/$pilet-api'
   } = options; // check if pilets should be loaded
 
@@ -133778,54 +133900,75 @@ function withEmulatorPilets(requestPilets, options) {
   const noPilets = () => Promise.resolve([]);
 
   const requester = loadPilets ? requestPilets : noPilets;
-  return () => {
-    const promise = requester(); // the window['dbg:pilet-api'] should point to an API address used as a proxy, fall back to '/$pilet-api' if unavailable
+  integrate({
+    components: {
+      RouteSwitch: _DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__.DebugRouteSwitch
+    },
 
-    const piletApi = window['dbg:pilet-api'] || piletApiFallback; // either take a full URI or make it an absolute path relative to the current origin
+    requester() {
+      const promise = requester(); // the window['dbg:pilet-api'] should point to an API address used as a proxy, fall back to '/$pilet-api' if unavailable
 
-    const initialTarget = /^https?:/.test(piletApi) ? piletApi : `${location.origin}${piletApi[0] === '/' ? '' : '/'}${piletApi}`;
-    const updateTarget = initialTarget.replace('http', 'ws');
-    const ws = new WebSocket(updateTarget);
-    const appendix = fetch(initialTarget).then(res => res.json()).then(item => Array.isArray(item) ? item : [item]);
+      const piletApi = window['dbg:pilet-api'] || piletApiFallback; // either take a full URI or make it an absolute path relative to the current origin
 
-    ws.onmessage = ({
-      data
-    }) => {
-      const hardRefresh = sessionStorage.getItem('dbg:hard-refresh') === 'on';
+      const initialTarget = /^https?:/.test(piletApi) ? piletApi : `${location.origin}${piletApi[0] === '/' ? '' : '/'}${piletApi}`;
+      const updateTarget = initialTarget.replace('http', 'ws');
+      const ws = new WebSocket(updateTarget);
+      const timeoutCache = {};
+      const timeout = 150;
+      const appendix = fetch(initialTarget).then(res => res.json()).then(item => Array.isArray(item) ? item : [item]);
 
-      if (!hardRefresh) {
-        // standard setting is to just perform an inject
-        const meta = JSON.parse(data); // tear down pilet
+      ws.onmessage = ({
+        data
+      }) => {
+        const hardRefresh = sessionStorage.getItem('dbg:hard-refresh') === 'on';
 
-        injectPilet({
-          name: meta.name
-        }); // load and evaluate pilet
+        if (!hardRefresh) {
+          // standard setting is to just perform an inject
+          const meta = JSON.parse(data);
+          const name = meta.name; // like a debounce; only one change of the current pilet should be actively processed
 
-        loadPilet(meta).then(pilet => {
-          try {
-            if ((0,piral_base__WEBPACK_IMPORTED_MODULE_0__.isfunc)(injectPilet)) {
-              injectPilet(pilet);
-            }
+          clearTimeout(timeoutCache[name]); // some bundlers may have fired before writing to the disk
+          // so we give them a bit of time before actually loading the pilet
 
-            (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.setupPilet)(pilet, createApi);
-          } catch (error) {
-            console.error(error);
-          }
-        });
-      } else {
-        location.reload();
-      }
-    };
+          timeoutCache[name] = setTimeout(() => {
+            // we should make sure to only refresh the page / router if pilets have been loaded
+            const unfreeze = (0,_DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__.freezeRouteRefresh)(); // tear down pilet
 
-    return promise.catch(err => {
-      console.error(`Requesting the pilets failed. We'll continue loading without pilets (DEBUG only).`, err);
-      return [];
-    }).then(pilets => appendix.then(debugPilets => {
-      const debugPiletNames = debugPilets.map(m => m.name);
-      const feedPilets = pilets.filter(m => !debugPiletNames.includes(m.name));
-      return [...feedPilets, ...debugPilets];
-    }));
-  };
+            injectPilet({
+              name
+            }); // load and evaluate pilet
+
+            loadPilet(meta).then(pilet => {
+              try {
+                if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(injectPilet)) {
+                  injectPilet(pilet);
+                } // setup actual pilet
+
+
+                (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.setupPilet)(pilet, createApi); // disable route cache, should be zero again and lead to route refresh
+
+                unfreeze();
+              } catch (error) {
+                console.error(error);
+              }
+            });
+          }, timeout);
+        } else {
+          location.reload();
+        }
+      };
+
+      return promise.catch(err => {
+        console.error(`Requesting the pilets failed. We'll continue loading without pilets (DEBUG only).`, err);
+        return [];
+      }).then(pilets => appendix.then(debugPilets => {
+        const debugPiletNames = debugPilets.map(m => m.name);
+        const feedPilets = pilets.filter(m => !debugPiletNames.includes(m.name));
+        return [...feedPilets, ...debugPilets];
+      }));
+    }
+
+  });
 }
 
 /***/ }),
@@ -133840,7 +133983,7 @@ function withEmulatorPilets(requestPilets, options) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "installPiralDebug": () => (/* reexport safe */ _debug__WEBPACK_IMPORTED_MODULE_0__.installPiralDebug),
-/* harmony export */   "withEmulatorPilets": () => (/* reexport safe */ _emulator__WEBPACK_IMPORTED_MODULE_1__.withEmulatorPilets)
+/* harmony export */   "installPiletsEmulator": () => (/* reexport safe */ _emulator__WEBPACK_IMPORTED_MODULE_1__.installPiletsEmulator)
 /* harmony export */ });
 /* harmony import */ var _debug__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./debug */ "../../utilities/piral-debug-utils/esm/debug.js");
 /* harmony import */ var _emulator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./emulator */ "../../utilities/piral-debug-utils/esm/emulator.js");
@@ -133946,10 +134089,18 @@ exports.integrate = void 0;
 const piral_debug_utils_1 = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/index.js");
 
 function integrate(context, options) {
-  options.fetchPilets = (0, piral_debug_utils_1.withEmulatorPilets)(options.fetchPilets, {
+  (0, piral_debug_utils_1.installPiletsEmulator)(options.fetchPilets, {
     injectPilet: context.injectPilet,
     createApi: options.createApi,
-    loadPilet: options.loadPilet
+    loadPilet: options.loadPilet,
+
+    integrate(emulator) {
+      context.dispatch(s => Object.assign(Object.assign({}, s), {
+        components: Object.assign(Object.assign({}, s.components), emulator.components)
+      }));
+      options.fetchPilets = emulator.requester;
+    }
+
   });
 }
 
@@ -255579,4 +255730,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.469b4c.js.map
+//# sourceMappingURL=index.4fbb2d.js.map