sample-piral 0.14.14-beta.3748 → 0.14.14-beta.3767

package/app/index.d.ts

@@ -1281,6 +1281,10 @@ declare module "sample-piral" {
      * The layout used for pages.
      */
     Layout: React.ComponentType<LayoutProps>;
+    /**
+     * The route switch used for determining the route registration.
+     */
+    RouteSwitch: React.ComponentType<RouteSwitchProps>;
     /**
      * A component that can be used for debugging purposes.
      */
@@ -1681,6 +1685,29 @@ declare module "sample-piral" {
     currentLayout: LayoutType;
   }
 
+  /**
+   * The props of the RouteSwitch component.
+   */
+  export interface RouteSwitchProps extends ReactRouter.SwitchProps {
+    /**
+     * The component that should be used in case nothing was found.
+     */
+    NotFound: React.ComponentType<ReactRouter.RouteComponentProps>;
+    /**
+     * The component to register for the different paths.
+     */
+    paths: Array<{
+      /**
+       * The exact path to use.
+       */
+      path: string;
+      /**
+       * The component to register for this path.
+       */
+      Component: React.ComponentType<ReactRouter.RouteComponentProps>;
+    }>;
+  }
+
   /**
    * Custom parts of the global registry state defined outside of piral-core.
    */

package/app/{index.c7bc70.js → index.e77abf.js}

@@ -2375,6 +2375,44 @@ 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");
+
+
+
+var DefaultRouteSwitch = function DefaultRouteSwitch(_a) {
+  var paths = _a.paths,
+      NotFound = _a.NotFound,
+      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(function (_ref) {
+    var path = _ref.path,
+        Component = _ref.Component;
+    return /*#__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 ***!
@@ -2756,19 +2794,18 @@ __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.
  */
 
 var PiralRoutes = function PiralRoutes(_a) {
   var NotFound = _a.NotFound,
-      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound"]);
+      RouteSwitch = _a.RouteSwitch,
+      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound", "RouteSwitch"]);
 
   var routes = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(function (s) {
     return s.routes;
@@ -2776,23 +2813,23 @@ var PiralRoutes = function PiralRoutes(_a) {
   var pages = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(function (s) {
     return 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(function (url) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-      exact: true,
-      key: url,
-      path: url,
-      component: routes[url]
+  var paths = [];
+  Object.keys(routes).map(function (path) {
+    return paths.push({
+      path: path,
+      Component: routes[path]
     });
-  }), Object.keys(pages).map(function (url) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-      exact: true,
-      key: url,
-      path: url,
-      component: pages[url].component
+  });
+  Object.keys(pages).map(function (path) {
+    return paths.push({
+      path: path,
+      Component: pages[path].component
     });
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_3__.Route, {
-    component: NotFound
-  }));
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RouteSwitch, Object.assign({
+    NotFound: NotFound,
+    paths: paths
+  }, props));
 };
 PiralRoutes.displayName = 'Routes';
 
@@ -2811,8 +2848,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");
 
 
@@ -2840,7 +2877,8 @@ var PiralContent = function 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
   }));
 };
 
@@ -3259,6 +3297,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 */ });
@@ -3270,7 +3309,8 @@ function getPiralComponent(name) {
   return function (props) {
     var Component = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalState)(function (s) {
       return s.components[name];
-    });
+    }); // tslint:disable-next-line:no-null-keyword
+
     return Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props)) : null;
   };
 }
@@ -3292,6 +3332,12 @@ var PiralLoadingIndicator = getPiralComponent('LoadingIndicator');
  */
 
 var PiralRouter = getPiralComponent('Router');
+/**
+ * Gets the currently registered Route Switch component.
+ * By default the DefaultRouteSwitch component is used.
+ */
+
+var PiralRouteSwitch = getPiralComponent('RouteSwitch');
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.
@@ -3320,50 +3366,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");
+
 
 
 
@@ -3561,7 +3611,7 @@ function createInstance() {
   var createApi = apiFactory(context, usedPlugins);
   var root = createApi({
     name: 'root',
-    version: "0.14.14-beta.3748" || 0,
+    version: "0.14.14-beta.3767" || 0,
     spec: ''
   });
   var options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -3920,6 +3970,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),
@@ -3928,6 +3979,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),
@@ -4476,12 +4528,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");
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 
@@ -4517,7 +4570,8 @@ function createGlobalState() {
       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: {
@@ -4530,7 +4584,7 @@ function createGlobalState() {
     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));
 }
 
 /***/ }),
@@ -5693,6 +5747,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "DefaultErrorInfo": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultErrorInfo),
 /* harmony export */   "DefaultLayout": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultLayout),
 /* harmony export */   "DefaultLoadingIndicator": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultLoadingIndicator),
+/* harmony export */   "DefaultRouteSwitch": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultRouteSwitch),
 /* harmony export */   "DefaultRouter": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.DefaultRouter),
 /* harmony export */   "ErrorBoundary": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.ErrorBoundary),
 /* harmony export */   "ExtensionSlot": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.ExtensionSlot),
@@ -5702,6 +5757,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PiralError": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralError),
 /* harmony export */   "PiralLayout": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralLayout),
 /* harmony export */   "PiralLoadingIndicator": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralLoadingIndicator),
+/* harmony export */   "PiralRouteSwitch": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralRouteSwitch),
 /* harmony export */   "PiralRouter": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralRouter),
 /* harmony export */   "PiralRoutes": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralRoutes),
 /* harmony export */   "PiralView": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.PiralView),
@@ -8863,6 +8919,89 @@ var Localizer = /*#__PURE__*/function () {
 
 /***/ }),
 
+/***/ "../../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");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+var debugRouteCache = {
+  active: 0,
+  paths: [],
+  refresh: undefined
+};
+function freezeRouteRefresh() {
+  debugRouteCache.active++;
+  return function () {
+    var _a;
+
+    debugRouteCache.active--;
+
+    if (!debugRouteCache.active) {
+      (_a = debugRouteCache.refresh) === null || _a === void 0 ? void 0 : _a.call(debugRouteCache, function (s) {
+        return s + 1;
+      });
+    }
+  };
+}
+var DebugRouteSwitch = function DebugRouteSwitch(_ref) {
+  var paths = _ref.paths,
+      NotFound = _ref.NotFound;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__.useState(0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      _ = _React$useState2[0],
+      triggerChange = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+    debugRouteCache.refresh = triggerChange;
+    return function () {
+      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(function (_ref2) {
+    var path = _ref2.path,
+        Component = _ref2.Component;
+    return /*#__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":
 /*!*************************************************************!*\
   !*** ../../utilities/piral-debug-utils/esm/DebugTracker.js ***!
@@ -9349,11 +9488,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.14.14-beta.3748",
+      version: "0.14.14-beta.3767",
       dependencies: "reactstrap,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-03-01T10:58:40.309Z",
+      date: "2022-03-02T21:15:45.925Z",
       cli: "0.14.13",
       compat: "0.14"
     },
@@ -9684,8 +9823,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "withEmulatorPilets": () => (/* binding */ withEmulatorPilets)
 /* 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -9699,10 +9839,12 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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; }
 
 
+
 function withEmulatorPilets(requestPilets, options) {
   var loadPilet = options.loadPilet,
       createApi = options.createApi,
       injectPilet = options.injectPilet,
+      integrate = options.integrate,
       _options$piletApiFall = options.piletApiFallback,
       piletApiFallback = _options$piletApiFall === void 0 ? '/$pilet-api' : _options$piletApiFall; // check if pilets should be loaded
 
@@ -9713,6 +9855,11 @@ function withEmulatorPilets(requestPilets, options) {
   };
 
   var requester = loadPilets ? requestPilets : noPilets;
+  integrate === null || integrate === void 0 ? void 0 : integrate({
+    components: {
+      RouteSwitch: _DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__.DebugRouteSwitch
+    }
+  });
   return function () {
     var promise = requester(); // the window['dbg:pilet-api'] should point to an API address used as a proxy, fall back to '/$pilet-api' if unavailable
 
@@ -9721,6 +9868,8 @@ function withEmulatorPilets(requestPilets, options) {
     var initialTarget = /^https?:/.test(piletApi) ? piletApi : "".concat(location.origin).concat(piletApi[0] === '/' ? '' : '/').concat(piletApi);
     var updateTarget = initialTarget.replace('http', 'ws');
     var ws = new WebSocket(updateTarget);
+    var timeoutCache = {};
+    var timeout = 150;
     var appendix = fetch(initialTarget).then(function (res) {
       return res.json();
     }).then(function (item) {
@@ -9733,23 +9882,35 @@ function withEmulatorPilets(requestPilets, options) {
 
       if (!hardRefresh) {
         // standard setting is to just perform an inject
-        var meta = JSON.parse(data); // tear down pilet
+        var meta = JSON.parse(data);
+        var name = meta.name; // like a debounce; only one change of the current pilet should be actively processed
 
-        injectPilet({
-          name: meta.name
-        }); // load and evaluate 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
 
-        loadPilet(meta).then(function (pilet) {
-          try {
-            if ((0,piral_base__WEBPACK_IMPORTED_MODULE_0__.isfunc)(injectPilet)) {
-              injectPilet(pilet);
-            }
+        timeoutCache[name] = setTimeout(function () {
+          // we should make sure to only refresh the page / router if pilets have been loaded
+          var unfreeze = (0,_DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__.freezeRouteRefresh)(); // tear down pilet
 
-            (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.setupPilet)(pilet, createApi);
-          } catch (error) {
-            console.error(error);
-          }
-        });
+          injectPilet({
+            name: name
+          }); // load and evaluate pilet
+
+          loadPilet(meta).then(function (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();
       }
@@ -9915,7 +10076,14 @@ function integrate(context, options) {
   options.fetchPilets = (0, piral_debug_utils_1.withEmulatorPilets)(options.fetchPilets, {
     injectPilet: context.injectPilet,
     createApi: options.createApi,
-    loadPilet: options.loadPilet
+    loadPilet: options.loadPilet,
+    integrate: function integrate(emulator) {
+      context.dispatch(function (s) {
+        return Object.assign(Object.assign({}, s), {
+          components: Object.assign(Object.assign({}, s.components), emulator.components)
+        });
+      });
+    }
   });
 }
 
@@ -80725,4 +80893,4 @@ var layout_1 = __webpack_require__(/*! ./layout */ "./src/layout.tsx");
 
 /******/ })()
 ;
-//# sourceMappingURL=index.c7bc70.js.map
+//# sourceMappingURL=index.e77abf.js.map