minimal-piral 0.15.11 → 0.15.12-beta.5531

package/app/{index.b9f05e.js → index.ce74cb.js}

@@ -39,12 +39,11 @@ const app = (
 );
 ```
  */
-
 var Piral = function Piral(_ref) {
   var _ref$instance = _ref.instance,
-      instance = _ref$instance === void 0 ? (0,_createInstance__WEBPACK_IMPORTED_MODULE_1__.createInstance)() : _ref$instance,
-      breakpoints = _ref.breakpoints,
-      children = _ref.children;
+    instance = _ref$instance === void 0 ? (0,_createInstance__WEBPACK_IMPORTED_MODULE_1__.createInstance)() : _ref$instance,
+    breakpoints = _ref.breakpoints,
+    children = _ref.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PiralContext__WEBPACK_IMPORTED_MODULE_2__.PiralContext, {
     instance: instance
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_3__.RegisteredRouter, {
@@ -81,7 +80,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 var PiralProvider = function PiralProvider(_ref) {
   var children = _ref.children;
   var Provider = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalState)(function (m) {
@@ -107,12 +105,10 @@ const app = (
 );
 ```
  */
-
-
 var PiralContext = function PiralContext(_ref2) {
   var _ref2$instance = _ref2.instance,
-      instance = _ref2$instance === void 0 ? (0,_createInstance__WEBPACK_IMPORTED_MODULE_2__.createInstance)() : _ref2$instance,
-      children = _ref2.children;
+    instance = _ref2$instance === void 0 ? (0,_createInstance__WEBPACK_IMPORTED_MODULE_2__.createInstance)() : _ref2$instance,
+    children = _ref2.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_state__WEBPACK_IMPORTED_MODULE_3__.StateContext.Provider, {
     value: instance.context
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_4__.Mediator, {
@@ -140,20 +136,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/element.js");
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-
 var RootListener = function RootListener() {
   var context = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)();
   react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect(function () {
@@ -161,18 +151,15 @@ var RootListener = function RootListener() {
       var handler = function handler(ev) {
         ev.stopPropagation();
         var _ev$detail = ev.detail,
-            target = _ev$detail.target,
-            props = _ev$detail.props;
-
+          target = _ev$detail.target,
+          props = _ev$detail.props;
         var _renderElement = (0,_modules__WEBPACK_IMPORTED_MODULE_2__.renderElement)(context, target, props),
-            _renderElement2 = _slicedToArray(_renderElement, 2),
-            dispose = _renderElement2[0],
-            update = _renderElement2[1];
-
+          _renderElement2 = _slicedToArray(_renderElement, 2),
+          dispose = _renderElement2[0],
+          update = _renderElement2[1];
         target.dispose = dispose;
         target.update = update;
       };
-
       document.body.addEventListener('render-html', handler, false);
       return function () {
         document.body.removeEventListener('render-html', handler, false);
@@ -329,7 +316,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
-
 function resetData(ctx) {
   ctx.dispatch(function (state) {
     return Object.assign(Object.assign({}, state), {
@@ -369,12 +355,10 @@ function writeDataItem(ctx, key, value, owner, target, expires) {
 }
 function tryWriteDataItem(ctx, key, value, owner, target, expires) {
   var item = readDataItem(ctx, key);
-
   if (item && item.owner !== owner) {
     console.error("Invalid data write to '".concat(key, "'. This item currently belongs to '").concat(item.owner, "' (write attempted from '").concat(owner, "'). The action has been ignored."));
     return false;
   }
-
   writeDataItem(ctx, key, value, owner, target, expires);
   return true;
 }
@@ -522,7 +506,6 @@ __webpack_require__.r(__webpack_exports__);
 function dispatch(ctx, update) {
   var oldState = ctx.state.getState();
   var newState = update(oldState);
-
   if (!(0,_utils__WEBPACK_IMPORTED_MODULE_0__.isSame)(oldState, newState)) {
     ctx.state.setState(newState);
   }
@@ -549,57 +532,42 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/components.js");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 
 
-
 /**
  * The component for catching errors and displaying error information.
  */
-
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary() {
     var _this;
-
     _classCallCheck(this, ErrorBoundary);
-
     _this = _super.apply(this, arguments);
     _this.state = {
       error: undefined
     };
     return _this;
   }
-
   _createClass(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error) {
       var _this$props = this.props,
-          piral = _this$props.piral,
-          errorType = _this$props.errorType;
+        piral = _this$props.piral,
+        errorType = _this$props.errorType;
       var pilet = piral.meta.name;
       console.error("[".concat(pilet, "] Exception in component of type \"").concat(errorType, "\"."), error);
       this.setState({
@@ -610,14 +578,12 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _a = this.props,
-          children = _a.children,
-          piral = _a.piral,
-          errorType = _a.errorType,
-          renderProps = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["children", "piral", "errorType"]);
-
+        children = _a.children,
+        piral = _a.piral,
+        errorType = _a.errorType,
+        renderProps = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["children", "piral", "errorType"]);
       var error = this.state.error;
       var rest = renderProps;
-
       if (error) {
         var pilet = piral.meta.name;
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.RegisteredErrorInfo, Object.assign({
@@ -626,13 +592,11 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           pilet: pilet
         }, rest));
       }
-
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense, {
         fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.RegisteredLoadingIndicator, null)
       }, children);
     }
   }]);
-
   return ErrorBoundary;
 }(react__WEBPACK_IMPORTED_MODULE_0__.Component);
 
@@ -661,20 +625,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 var wrapper = function wrapper(_ref) {
   var children = _ref.children;
   return (0,_utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender)(children);
 };
-
 var renderExtensions = [{
   component: function component(props) {
     var context = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalStateContext)();
     var converters = context.converters;
     var piral = context.apis._;
     var _props$params = props.params,
-        component = _props$params.component,
-        args = _props$params.props;
+      component = _props$params.component,
+      args = _props$params.props;
     var Component = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
       return (0,_wrapComponent__WEBPACK_IMPORTED_MODULE_3__.wrapComponent)(converters, component, {
         piral: piral
@@ -688,7 +650,6 @@ var renderExtensions = [{
     displayName: 'AnyComponent'
   }
 }];
-
 function defaultOrder(extensions) {
   return extensions;
 }
@@ -697,39 +658,35 @@ function defaultOrder(extensions) {
  * extensions of a given name should be rendered at a specific
  * location.
  */
-
-
 function ExtensionSlot(props) {
   var name = props.name,
-      _props$render = props.render,
-      render = _props$render === void 0 ? _utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender : _props$render,
-      empty = props.empty,
-      params = props.params,
-      children = props.children,
-      _props$emptySkipsRend = props.emptySkipsRender,
-      emptySkipsRender = _props$emptySkipsRend === void 0 ? false : _props$emptySkipsRend,
-      _props$order = props.order,
-      order = _props$order === void 0 ? defaultOrder : _props$order;
+    _props$render = props.render,
+    render = _props$render === void 0 ? _utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender : _props$render,
+    empty = props.empty,
+    params = props.params,
+    children = props.children,
+    _props$emptySkipsRend = props.emptySkipsRender,
+    emptySkipsRender = _props$emptySkipsRend === void 0 ? false : _props$emptySkipsRend,
+    _props$order = props.order,
+    order = _props$order === void 0 ? defaultOrder : _props$order;
   var extensions = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(function (s) {
     return name ? s.registry.extensions[name] || _utils__WEBPACK_IMPORTED_MODULE_4__.none : renderExtensions;
   });
   var isEmpty = extensions.length === 0 && (0,piral_base__WEBPACK_IMPORTED_MODULE_5__.isfunc)(empty);
   var content = isEmpty ? [(0,_utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender)(empty(), 'empty')] : order(extensions).map(function (_ref2, i) {
     var Component = _ref2.component,
-        reference = _ref2.reference,
-        _ref2$defaults = _ref2.defaults,
-        defaults = _ref2$defaults === void 0 ? {} : _ref2$defaults;
+      reference = _ref2.reference,
+      _ref2$defaults = _ref2.defaults,
+      defaults = _ref2$defaults === void 0 ? {} : _ref2$defaults;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, {
       key: "".concat((reference === null || reference === void 0 ? void 0 : reference.displayName) || '_').concat(i),
       children: children,
       params: Object.assign(Object.assign({}, defaults), params)
     });
   });
-
   if (isEmpty && emptySkipsRender) {
     return content[0];
   }
-
   return render(content);
 }
 ExtensionSlot.displayName = "ExtensionSlot";
@@ -751,76 +708,57 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/dist/piral-base-full.mjs");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 
-
 var ForeignComponentContainer = /*#__PURE__*/function (_React$Component) {
   _inherits(ForeignComponentContainer, _React$Component);
-
   var _super = _createSuper(ForeignComponentContainer);
-
   function ForeignComponentContainer() {
     var _this;
-
     _classCallCheck(this, ForeignComponentContainer);
-
     _this = _super.apply(this, arguments);
     _this.locals = {};
-
     _this.setNode = function (node) {
       _this.current = node;
     };
-
     return _this;
   }
-
   _createClass(ForeignComponentContainer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var current = this.current;
       var _this$props = this.props,
-          $component = _this$props.$component,
-          $context = _this$props.$context,
-          innerProps = _this$props.innerProps;
+        $component = _this$props.$component,
+        $context = _this$props.$context,
+        innerProps = _this$props.innerProps;
       var mount = $component.mount;
-
       if (current && (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(mount)) {
         mount(current, innerProps, $context, this.locals);
       }
-
       this.previous = current;
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var current = this.current,
-          previous = this.previous;
+        previous = this.previous;
       var _this$props2 = this.props,
-          $component = _this$props2.$component,
-          $context = _this$props2.$context,
-          innerProps = _this$props2.innerProps;
+        $component = _this$props2.$component,
+        $context = _this$props2.$context,
+        innerProps = _this$props2.innerProps;
       var update = $component.update;
-
       if (current !== previous) {
         previous && this.componentWillUnmount();
         current && this.componentDidMount();
@@ -834,11 +772,9 @@ var ForeignComponentContainer = /*#__PURE__*/function (_React$Component) {
       var previous = this.previous;
       var $component = this.props.$component;
       var unmount = $component.unmount;
-
       if (previous && (0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(unmount)) {
         unmount(previous, this.locals);
       }
-
       this.previous = undefined;
     }
   }, {
@@ -851,7 +787,6 @@ var ForeignComponentContainer = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return ForeignComponentContainer;
 }(react__WEBPACK_IMPORTED_MODULE_0__.Component);
 
@@ -880,35 +815,29 @@ __webpack_require__.r(__webpack_exports__);
 /**
  * The Mediator component for interfacing with pilets loading.
  */
-
 var Mediator = function Mediator(_ref) {
   var options = _ref.options;
-
   var _useGlobalStateContex = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)(),
-      initialize = _useGlobalStateContex.initialize,
-      readState = _useGlobalStateContex.readState;
-
+    initialize = _useGlobalStateContex.initialize,
+    readState = _useGlobalStateContex.readState;
   react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
     var shouldLoad = readState(function (s) {
       return s.app.loading;
     });
-
     if (shouldLoad) {
       var _startLoadingPilets = (0,piral_base__WEBPACK_IMPORTED_MODULE_2__.startLoadingPilets)(options),
-          connect = _startLoadingPilets.connect,
-          disconnect = _startLoadingPilets.disconnect;
-
+        connect = _startLoadingPilets.connect,
+        disconnect = _startLoadingPilets.disconnect;
       var notifier = function notifier(error, pilets, loaded) {
         initialize(!loaded, error, pilets);
       };
-
       connect(notifier);
       return function () {
         return disconnect(notifier);
       };
     }
-  }, _utils__WEBPACK_IMPORTED_MODULE_3__.none); // tslint:disable-next-line:no-null-keyword
-
+  }, _utils__WEBPACK_IMPORTED_MODULE_3__.none);
+  // tslint:disable-next-line:no-null-keyword
   return null;
 };
 
@@ -936,7 +865,6 @@ __webpack_require__.r(__webpack_exports__);
  * Integrates the global portal renderer and the debug utilities
  * (if registered).
  */
-
 var PiralGlobals = function PiralGlobals() {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PortalRenderer__WEBPACK_IMPORTED_MODULE_1__.PortalRenderer, {
     id: "root"
@@ -966,12 +894,10 @@ __webpack_require__.r(__webpack_exports__);
 /**
  * The component for defining the exclusive routes to be used.
  */
-
 var PiralRoutes = function PiralRoutes(_a) {
   var NotFound = _a.NotFound,
-      RouteSwitch = _a.RouteSwitch,
-      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound", "RouteSwitch"]);
-
+    RouteSwitch = _a.RouteSwitch,
+    props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["NotFound", "RouteSwitch"]);
   var paths = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useRoutes)();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RouteSwitch, Object.assign({
     NotFound: NotFound,
@@ -1002,13 +928,11 @@ __webpack_require__.r(__webpack_exports__);
 
 var PiralSuspense = function PiralSuspense(_ref) {
   var children = _ref.children;
-
   var _useGlobalState = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalState)(function (m) {
-    return m.app;
-  }),
-      error = _useGlobalState.error,
-      loading = _useGlobalState.loading;
-
+      return m.app;
+    }),
+    error = _useGlobalState.error,
+    loading = _useGlobalState.loading;
   return error ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.RegisteredErrorInfo, {
     type: "loading",
     error: error
@@ -1041,7 +965,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 var NotFound = function NotFound(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.RegisteredErrorInfo, Object.assign({
     type: "not_found"
@@ -1051,11 +974,9 @@ var NotFound = function NotFound(props) {
  * The component responsible for the generic view of the application.
  * This includes the used the current content and some convenience.
  */
-
-
 var PiralView = function PiralView(_ref) {
   var breakpoints = _ref.breakpoints,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PiralGlobals__WEBPACK_IMPORTED_MODULE_2__.PiralGlobals, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PiralSuspense__WEBPACK_IMPORTED_MODULE_3__.PiralSuspense, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ResponsiveLayout__WEBPACK_IMPORTED_MODULE_4__.ResponsiveLayout, {
     breakpoints: breakpoints,
     Layout: _components__WEBPACK_IMPORTED_MODULE_1__.RegisteredLayout
@@ -1115,12 +1036,11 @@ __webpack_require__.r(__webpack_exports__);
 /**
  * The component capable of identifying and switching the currently used layout.
  */
-
 var ResponsiveLayout = function ResponsiveLayout(_ref) {
   var _ref$breakpoints = _ref.breakpoints,
-      breakpoints = _ref$breakpoints === void 0 ? _utils__WEBPACK_IMPORTED_MODULE_1__.defaultBreakpoints : _ref$breakpoints,
-      Layout = _ref.Layout,
-      children = _ref.children;
+    breakpoints = _ref$breakpoints === void 0 ? _utils__WEBPACK_IMPORTED_MODULE_1__.defaultBreakpoints : _ref$breakpoints,
+    Layout = _ref.Layout,
+    children = _ref.children;
   var selected = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useMedia)(breakpoints, _utils__WEBPACK_IMPORTED_MODULE_1__.defaultLayouts, 'desktop');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Layout, {
     currentLayout: selected
@@ -1149,32 +1069,25 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 function renderComponent(components, props) {
   var name = props.type;
   var Component = components[name];
-
   if (true) {
     react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
       return console.error('[dev-info] An error occurred in the Piral instance.', props);
     }, _utils__WEBPACK_IMPORTED_MODULE_1__.none);
   }
-
   if (!Component) {
     var Unknown = components.unknown;
-
     if (Unknown) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Unknown, Object.assign({}, props, {
         type: "unknown"
       }));
     }
-
     return (0,_utils__WEBPACK_IMPORTED_MODULE_2__.defaultRender)("Error: ".concat(props.type));
   }
-
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props));
 }
-
 var SwitchErrorInfo = function SwitchErrorInfo(props) {
   var components = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useGlobalState)(function (m) {
     return m.errorComponents;
@@ -1213,13 +1126,12 @@ __webpack_require__.r(__webpack_exports__);
  * @param name The name of the registered layout component.
  * @returns The registered layout component or an empty stub component.
  */
-
 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
-
+    });
+    // tslint:disable-next-line:no-null-keyword
     return Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props)) : null;
   };
 }
@@ -1227,37 +1139,31 @@ function getPiralComponent(name) {
  * Gets the currently registered ErrorInfo component.
  * By default the DefaultErrorInfo component is used.
  */
-
 var RegisteredErrorInfo = getPiralComponent('ErrorInfo');
 /**
  * Gets the currently registered LoadingIndicator component.
  * By default only Loading is rendered.
  */
-
 var RegisteredLoadingIndicator = getPiralComponent('LoadingIndicator');
 /**
  * Gets the currently registered Router component.
  * By default the BrowserRouter is used.
  */
-
 var RegisteredRouter = getPiralComponent('Router');
 /**
  * Gets the currently registered Route Switch component.
  * By default the DefaultRouteSwitch component is used.
  */
-
 var RegisteredRouteSwitch = getPiralComponent('RouteSwitch');
 /**
  * Gets the currently registered Layout component.
  * By default the children are rendered.
  */
-
 var RegisteredLayout = getPiralComponent('Layout');
 /**
  * Gets the currently registered Debug component.
  * By default nothing is used.
  */
-
 var RegisteredDebug = getPiralComponent('Debug');
 
 /***/ }),
@@ -1288,26 +1194,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
 
- // this is an arbitrary start number to have 6 digits
-
+// this is an arbitrary start number to have 6 digits
 var portalIdBase = 123456;
-
 function wrapReactComponent(Component, captured, Wrapper) {
   return function (props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, Object.assign({}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props, captured)));
   };
 }
-
 function wrapForeignComponent(component, captured, Wrapper) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.memo(function (props) {
     var _useGlobalStateContex = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)(),
-        destroyPortal = _useGlobalStateContex.destroyPortal,
-        navigation = _useGlobalStateContex.navigation;
-
+      destroyPortal = _useGlobalStateContex.destroyPortal,
+      navigation = _useGlobalStateContex.navigation;
     var id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
       return (portalIdBase++).toString(26);
-    }, _utils__WEBPACK_IMPORTED_MODULE_2__.none); // router added for backwards compatibility
-
+    }, _utils__WEBPACK_IMPORTED_MODULE_2__.none);
+    // router added for backwards compatibility
     var context = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
       return {
         publicPath: _app_codegen__WEBPACK_IMPORTED_MODULE_3__.publicPath,
@@ -1333,26 +1235,22 @@ function wrapForeignComponent(component, captured, Wrapper) {
     }));
   });
 }
-
 function isNotExotic(component) {
   return !component.$$typeof;
 }
-
 function wrapComponent(converters, component, captured, Wrapper) {
   if (!component) {
     var pilet = captured.piral.meta.name;
-    console.error("[".concat(pilet, "] The given value is not a valid component.")); // tslint:disable-next-line:no-null-keyword
-
+    console.error("[".concat(pilet, "] The given value is not a valid component."));
+    // tslint:disable-next-line:no-null-keyword
     component = function component() {
       return null;
     };
   }
-
   if (_typeof(component) === 'object' && isNotExotic(component)) {
     var result = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.convertComponent)(converters[component.type], component);
     return wrapForeignComponent(result, captured, Wrapper);
   }
-
   return wrapReactComponent(component, captured, Wrapper);
 }
 
@@ -1403,28 +1301,27 @@ const app = (
 render(app, document.querySelector('#app'));
 ```
  */
-
 function createInstance() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _config$id = config.id,
-      id = _config$id === void 0 ? (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateId)() : _config$id,
-      state = config.state,
-      actions = config.actions,
-      _config$availablePile = config.availablePilets,
-      availablePilets = _config$availablePile === void 0 ? [] : _config$availablePile,
-      plugins = config.plugins,
-      _config$requestPilets = config.requestPilets,
-      requestPilets = _config$requestPilets === void 0 ? _modules__WEBPACK_IMPORTED_MODULE_1__.defaultModuleRequester : _config$requestPilets,
-      loaderConfig = config.loaderConfig,
-      _config$async = config.async,
-      async = _config$async === void 0 ? false : _config$async,
-      _config$shareDependen = config.shareDependencies,
-      shareDependencies = _config$shareDependen === void 0 ? _modules__WEBPACK_IMPORTED_MODULE_1__.defaultDependencySelector : _config$shareDependen,
-      loadPilet = config.loadPilet,
-      loaders = config.loaders,
-      debug = config.debug,
-      _config$apiFactory = config.apiFactory,
-      apiFactory = _config$apiFactory === void 0 ? _modules__WEBPACK_IMPORTED_MODULE_2__.defaultApiFactory : _config$apiFactory;
+    id = _config$id === void 0 ? (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateId)() : _config$id,
+    state = config.state,
+    actions = config.actions,
+    _config$availablePile = config.availablePilets,
+    availablePilets = _config$availablePile === void 0 ? [] : _config$availablePile,
+    plugins = config.plugins,
+    _config$requestPilets = config.requestPilets,
+    requestPilets = _config$requestPilets === void 0 ? _modules__WEBPACK_IMPORTED_MODULE_1__.defaultModuleRequester : _config$requestPilets,
+    loaderConfig = config.loaderConfig,
+    _config$async = config.async,
+    async = _config$async === void 0 ? false : _config$async,
+    _config$shareDependen = config.shareDependencies,
+    shareDependencies = _config$shareDependen === void 0 ? _modules__WEBPACK_IMPORTED_MODULE_1__.defaultDependencySelector : _config$shareDependen,
+    loadPilet = config.loadPilet,
+    loaders = config.loaders,
+    debug = config.debug,
+    _config$apiFactory = config.apiFactory,
+    apiFactory = _config$apiFactory === void 0 ? _modules__WEBPACK_IMPORTED_MODULE_2__.defaultApiFactory : _config$apiFactory;
   var globalState = (0,_state__WEBPACK_IMPORTED_MODULE_3__.createGlobalState)(state);
   var events = (0,piral_base__WEBPACK_IMPORTED_MODULE_4__.createListener)(globalState);
   var context = (0,_state__WEBPACK_IMPORTED_MODULE_5__.createActions)(globalState, events);
@@ -1452,11 +1349,9 @@ function createInstance() {
     requestPilets: requestPilets,
     debug: debug
   });
-
   if (actions) {
     (0,_state__WEBPACK_IMPORTED_MODULE_5__.includeActions)(context, actions);
   }
-
   context.options = options;
   return (0,tslib__WEBPACK_IMPORTED_MODULE_7__.__assign)(events, {
     id: id,
@@ -1491,7 +1386,6 @@ __webpack_require__.r(__webpack_exports__);
  * Leverage the default one by registration of respective extensions using
  * the "error" name.
  */
-
 var DefaultErrorInfo = function DefaultErrorInfo(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.ExtensionSlot, {
     name: "error",
@@ -1521,7 +1415,6 @@ __webpack_require__.r(__webpack_exports__);
 /**
  * The default layout only rendering the provided children.
  */
-
 var DefaultLayout = function DefaultLayout(_ref) {
   var children = _ref.children;
   return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.defaultRender)(children);
@@ -1547,7 +1440,6 @@ __webpack_require__.r(__webpack_exports__);
 /**
  * The default loading indicator only displaying "Loading".
  */
-
 var DefaultLoadingIndicator = function DefaultLoadingIndicator() {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, "Loading");
 };
@@ -1575,12 +1467,11 @@ __webpack_require__.r(__webpack_exports__);
 
 var DefaultRouteSwitch = function DefaultRouteSwitch(_a) {
   var paths = _a.paths,
-      NotFound = _a.NotFound,
-      props = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__rest)(_a, ["paths", "NotFound"]);
-
+    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;
+      Component = _ref.Component;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_2__.Route, {
       exact: true,
       key: path,
@@ -1613,7 +1504,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var DefaultRouter = function DefaultRouter(_ref) {
   var children = _ref.children,
-      publicPath = _ref.publicPath;
+    publicPath = _ref.publicPath;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__.BrowserRouter, {
     basename: publicPath
   }, children);
@@ -1641,11 +1532,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
 
 
-
 var _nav;
-
 var _noop = function _noop() {};
-
 function useRouterContext() {
   return react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_1__.__RouterContext);
 }
@@ -1683,22 +1571,18 @@ function createNavigation() {
         get href() {
           return _nav.createHref(location);
         }
-
       }, location)
     };
   };
-
   return {
     get path() {
       var loc = _nav ? _nav.location : location;
       return loc.pathname;
     },
-
     get url() {
       var loc = _nav ? _nav.location : location;
       return "".concat(loc.pathname).concat(loc.search).concat(loc.hash);
     },
-
     push: function push(target, state) {
       if (_nav) {
         _nav.push(target, state);
@@ -1718,7 +1602,6 @@ function createNavigation() {
       if (!_nav) {
         return _noop;
       }
-
       return _nav.block(function (location, action) {
         return blocker(enhance(location, action));
       });
@@ -1727,7 +1610,6 @@ function createNavigation() {
       var handler = function handler(e) {
         return listener(enhance(e.detail.location, _nav.action));
       };
-
       window.addEventListener('piral-navigate', handler);
       return function () {
         window.removeEventListener('piral-navigate', handler);
@@ -1737,7 +1619,6 @@ function createNavigation() {
       get history() {
         return _nav;
       }
-
     }
   };
 }
@@ -1764,16 +1645,16 @@ __webpack_require__.r(__webpack_exports__);
 
 function createPiletOptions(_ref) {
   var hooks = _ref.hooks,
-      context = _ref.context,
-      loaders = _ref.loaders,
-      loaderConfig = _ref.loaderConfig,
-      availablePilets = _ref.availablePilets,
-      strategy = _ref.strategy,
-      createApi = _ref.createApi,
-      loadPilet = _ref.loadPilet,
-      requestPilets = _ref.requestPilets,
-      shareDependencies = _ref.shareDependencies,
-      debug = _ref.debug;
+    context = _ref.context,
+    loaders = _ref.loaders,
+    loaderConfig = _ref.loaderConfig,
+    availablePilets = _ref.availablePilets,
+    strategy = _ref.strategy,
+    createApi = _ref.createApi,
+    loadPilet = _ref.loadPilet,
+    requestPilets = _ref.requestPilets,
+    shareDependencies = _ref.shareDependencies,
+    debug = _ref.debug;
   var options = {
     config: loaderConfig,
     strategy: strategy,
@@ -1814,14 +1695,12 @@ __webpack_require__.r(__webpack_exports__);
  * If you are only interested in reading out the state, use the
  * `useGlobalState` hook instead.
  */
-
 function useGlobalStateContext() {
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_state_stateContext__WEBPACK_IMPORTED_MODULE_1__.StateContext);
 }
 function useGlobalState(select) {
   var _useGlobalStateContex = useGlobalStateContext(),
-      useState = _useGlobalStateContex.state;
-
+    useState = _useGlobalStateContex.state;
   return useState(select);
 }
 
@@ -1843,43 +1722,33 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/helpers */ "../../framework/piral-core/esm/utils/helpers.js");
 /* harmony import */ var _utils_media__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/media */ "../../framework/piral-core/esm/utils/media.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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-
 /**
  * Hook to detect layout changes (e.g., which UI breakpoint was hit).
  * @param queries The available queries matching the breakpoints.
  * @param values The values mapping to the breakpoints
  * @param defaultValue The default value.
  */
-
 function useMedia(queries, values, defaultValue) {
   var match = function match() {
     return (0,_utils_media__WEBPACK_IMPORTED_MODULE_1__.getCurrentLayout)(queries, values, defaultValue);
   };
-
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(match),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      update = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    update = _useState2[1];
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     if (typeof document !== 'undefined') {
       var handler = function handler() {
         return update(match);
       };
-
       window.addEventListener('resize', handler);
       return function () {
         return window.removeEventListener('resize', handler);
@@ -1946,24 +1815,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/dist/piral-base-full.mjs");
 /* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core */ "../../framework/piral-core/esm/modules/core.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."); }
-
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 _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 createExtenders(context, apis) {
   var creators = [_core__WEBPACK_IMPORTED_MODULE_0__.createCoreApi].concat(_toConsumableArray(apis.filter(piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)));
   return creators.map(function (c) {
     var ctx = c(context);
-
     if ((0,piral_base__WEBPACK_IMPORTED_MODULE_1__.isfunc)(ctx)) {
       return ctx;
     } else {
@@ -2000,21 +1862,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ExtensionSlot.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/data.js");
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
 
-
 function createCoreApi(context) {
   return function (api, meta) {
     var pilet = meta.name;
@@ -2024,10 +1880,9 @@ function createCoreApi(context) {
       },
       setData: function setData(name, value, options) {
         var _createDataOptions = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createDataOptions)(options),
-            _createDataOptions$ta = _createDataOptions.target,
-            target = _createDataOptions$ta === void 0 ? 'memory' : _createDataOptions$ta,
-            expires = _createDataOptions.expires;
-
+          _createDataOptions$ta = _createDataOptions.target,
+          target = _createDataOptions$ta === void 0 ? 'memory' : _createDataOptions$ta,
+          expires = _createDataOptions.expires;
         var expiration = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getDataExpiration)(expires);
         return context.tryWriteDataItem(name, value, pilet, target, expiration);
       },
@@ -2065,9 +1920,8 @@ function createCoreApi(context) {
       },
       renderHtmlExtension: function renderHtmlExtension(element, props) {
         var _renderElement = (0,_element__WEBPACK_IMPORTED_MODULE_2__.renderElement)(context, element, props),
-            _renderElement2 = _slicedToArray(_renderElement, 1),
-            dispose = _renderElement2[0];
-
+          _renderElement2 = _slicedToArray(_renderElement, 1),
+          dispose = _renderElement2[0];
         return dispose;
       },
       Extension: _components__WEBPACK_IMPORTED_MODULE_3__.ExtensionSlot
@@ -2098,9 +1952,7 @@ __webpack_require__.r(__webpack_exports__);
  * The global dependencies, which represent the dependencies
  * shared from the app shell itself.
  */
-
 var globalDependencies = {};
-
 if ((0,piral_base__WEBPACK_IMPORTED_MODULE_0__.isfunc)(_app_codegen__WEBPACK_IMPORTED_MODULE_1__.fillDependencies)) {
   (0,_app_codegen__WEBPACK_IMPORTED_MODULE_1__.fillDependencies)(globalDependencies);
 }
@@ -2108,8 +1960,6 @@ if ((0,piral_base__WEBPACK_IMPORTED_MODULE_0__.isfunc)(_app_codegen__WEBPACK_IMP
  * The default dependency selector, which just returns the provided
  * dependencies.
  */
-
-
 function defaultDependencySelector(dependencies) {
   return dependencies;
 }
@@ -2124,7 +1974,6 @@ return fetch('https://feed.piral.cloud/api/v1/pilet/sample')
   .then(res => res.items);
 ```
  */
-
 function defaultModuleRequester() {
   return Promise.resolve([]);
 }
@@ -2148,48 +1997,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/compare.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
-
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 
-
-
 if (typeof window !== 'undefined' && 'customElements' in window) {
   /**
    * This is a nice abstraction allowing anyone to actually use the extension system
@@ -2203,14 +2033,10 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
    */
   var PiralExtension = /*#__PURE__*/function (_HTMLElement) {
     _inherits(PiralExtension, _HTMLElement);
-
     var _super = _createSuper(PiralExtension);
-
     function PiralExtension() {
       var _this;
-
       _classCallCheck(this, PiralExtension);
-
       _this = _super.apply(this, arguments);
       _this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
       _this.update = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
@@ -2225,7 +2051,6 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
       };
       return _this;
     }
-
     _createClass(PiralExtension, [{
       key: "params",
       get: function get() {
@@ -2296,7 +2121,6 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
       key: "connectedCallback",
       value: function connectedCallback() {
         this.style.display = 'contents';
-
         if (this.isConnected) {
           this.dispatchEvent(new CustomEvent('render-html', {
             bubbles: true,
@@ -2321,11 +2145,9 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
           case 'name':
             this.name = newValue;
             break;
-
           case 'params':
             this.params = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.tryParseJson)(newValue);
             break;
-
           case 'empty-skips-render':
             this.emptySkipsRender = typeof newValue === 'string';
             break;
@@ -2337,10 +2159,8 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
         return ['name', 'params', 'empty-skips-render'];
       }
     }]);
-
     return PiralExtension;
   }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
-
   customElements.define(_utils__WEBPACK_IMPORTED_MODULE_3__.extensionName, PiralExtension);
   /**
    * This is a boundary to host elements from other frameworks - effectively vanishing
@@ -2352,28 +2172,21 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
    * <piral-portal pid="host-1234"></piral-portal>
    * ```
    */
-
   var PiralPortal = /*#__PURE__*/function (_HTMLElement2) {
     _inherits(PiralPortal, _HTMLElement2);
-
     var _super2 = _createSuper(PiralPortal);
-
     function PiralPortal() {
       _classCallCheck(this, PiralPortal);
-
       return _super2.apply(this, arguments);
     }
-
     _createClass(PiralPortal, [{
       key: "connectedCallback",
       value: function connectedCallback() {
         this.style.display = 'contents';
       }
     }]);
-
     return PiralPortal;
   }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
-
   customElements.define(_utils__WEBPACK_IMPORTED_MODULE_3__.portalName, PiralPortal);
   /**
    * This is a virtual element to aggregate rendering from other frameworks, mostly
@@ -2386,62 +2199,46 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
    * <piral-slot></piral-slot>
    * ```
    */
-
   var PiralSlot = /*#__PURE__*/function (_HTMLElement3) {
     _inherits(PiralSlot, _HTMLElement3);
-
     var _super3 = _createSuper(PiralSlot);
-
     function PiralSlot() {
       _classCallCheck(this, PiralSlot);
-
       return _super3.apply(this, arguments);
     }
-
     _createClass(PiralSlot, [{
       key: "connectedCallback",
       value: function connectedCallback() {
         this.style.display = 'contents';
       }
     }]);
-
     return PiralSlot;
   }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
-
   customElements.define(_utils__WEBPACK_IMPORTED_MODULE_3__.slotName, PiralSlot);
 }
-
 function renderElement(context, element, props) {
   if (typeof window !== 'undefined') {
     var _renderInDom = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.renderInDom)(context, element, _components__WEBPACK_IMPORTED_MODULE_4__.ExtensionSlot, props),
-        _renderInDom2 = _slicedToArray(_renderInDom, 2),
-        id = _renderInDom2[0],
-        portal = _renderInDom2[1];
-
+      _renderInDom2 = _slicedToArray(_renderInDom, 2),
+      id = _renderInDom2[0],
+      portal = _renderInDom2[1];
     var evName = 'extension-props-changed';
-
     var handler = function handler(ev) {
       return update(ev.detail);
     };
-
     var dispose = function dispose() {
       context.hidePortal(id, portal);
       element.removeEventListener(evName, handler);
     };
-
     var update = function update(newProps) {
       var _changeDomPortal = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.changeDomPortal)(id, portal, context, element, _components__WEBPACK_IMPORTED_MODULE_4__.ExtensionSlot, newProps);
-
       var _changeDomPortal2 = _slicedToArray(_changeDomPortal, 2);
-
       id = _changeDomPortal2[0];
       portal = _changeDomPortal2[1];
     };
-
     element.addEventListener(evName, handler);
     return [dispose, update];
   }
-
   return [_utils__WEBPACK_IMPORTED_MODULE_0__.noop, _utils__WEBPACK_IMPORTED_MODULE_0__.noop];
 }
 
@@ -2463,7 +2260,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../app.codegen */ "../../framework/piral-core/esm/defaults/navigator_v5.js");
 
 
-
 function createContext(state, events) {
   var ctx = Object.assign(Object.assign({}, events), {
     apis: {},
@@ -2478,10 +2274,8 @@ function createContext(state, events) {
   });
   return ctx;
 }
-
 function includeActions(ctx, actions) {
   var actionNames = Object.keys(actions);
-
   for (var _i = 0, _actionNames = actionNames; _i < _actionNames.length; _i++) {
     var actionName = _actionNames[_i];
     var action = actions[actionName];
@@ -2512,25 +2306,19 @@ __webpack_require__.r(__webpack_exports__);
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 
-
-
 function extend(defaultState, customState) {
   for (var _i = 0, _Object$keys = Object.keys(customState); _i < _Object$keys.length; _i++) {
     var key = _Object$keys[_i];
-
     if (key === '__proto__' || key === 'constructor') {
       continue;
     }
-
     var value = customState[key];
     var original = defaultState[key];
     var nested = _typeof(original) === 'object' && _typeof(value) === 'object';
     defaultState[key] = nested ? extend(original, value) : value;
   }
-
   return defaultState;
 }
-
 function createGlobalState() {
   var customState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var defaultState = (0,_app_codegen__WEBPACK_IMPORTED_MODULE_0__.createDefaultState)();
@@ -2580,24 +2368,19 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 var DefaultWrapper = function DefaultWrapper(props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender)(props.children);
 };
-
 function getWrapper(wrappers, wrapperType) {
   var WrapAll = wrappers['*'];
   var WrapType = wrappers[wrapperType];
-
   if (WrapAll && WrapType) {
     return function (props) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(WrapAll, Object.assign({}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(WrapType, Object.assign({}, props)));
     };
   }
-
   return WrapType || WrapAll || DefaultWrapper;
 }
-
 function makeWrapper(context, outerProps, wrapperType, errorType) {
   var OuterWrapper = context.readState(function (m) {
     return getWrapper(m.registry.wrappers, wrapperType);
@@ -2608,7 +2391,6 @@ function makeWrapper(context, outerProps, wrapperType, errorType) {
     }), props.children));
   };
 }
-
 function withApi(context, component, piral, errorType) {
   var wrapperType = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : errorType;
   var captured = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
@@ -2635,17 +2417,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/debug.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."); }
-
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 _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 integrateDebugger(context, options) {
   var debug = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -2656,7 +2432,6 @@ function integrateDebugger(context, options) {
       if (!pilet.disabled) {
         var createApi = options.createApi;
         var newApi = createApi(pilet);
-
         try {
           context.injectPilet(pilet);
           pilet.setup(newApi);
@@ -2763,45 +2538,35 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "isSame": () => (/* binding */ isSame)
 /* harmony export */ });
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function compareObjects(a, b) {
   for (var i in a) {
     if (!(i in b)) {
       return false;
     }
   }
-
   for (var _i in b) {
     if (!isSame(a[_i], b[_i])) {
       return false;
     }
   }
-
   return true;
 }
-
 function compareArrays(a, b) {
   var l = a.length;
-
   if (l === b.length) {
     for (var i = 0; i < l; i++) {
       if (!isSame(a[i], b[i])) {
         return false;
       }
     }
-
     return true;
   }
-
   return false;
 }
-
 function isSame(a, b) {
   if (a !== b) {
     var ta = _typeof(a);
-
     var tb = _typeof(b);
-
     if (ta === tb && ta === 'object' && a && b) {
       if (Array.isArray(a) && Array.isArray(b)) {
         return compareArrays(a, b);
@@ -2809,10 +2574,8 @@ function isSame(a, b) {
         return compareObjects(a, b);
       }
     }
-
     return false;
   }
-
   return true;
 }
 
@@ -2832,7 +2595,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getDataExpiration": () => (/* binding */ getDataExpiration)
 /* harmony export */ });
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var defaultTarget = 'memory';
 function createDataView(data) {
   var proxyName = 'Proxy';
@@ -2848,7 +2610,6 @@ function createDataView(data) {
 }
 function createDataOptions() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultTarget;
-
   if (typeof options === 'string') {
     return {
       target: options
@@ -2867,7 +2628,6 @@ function getDataExpiration(expires) {
   } else if (expires instanceof Date) {
     return expires.valueOf();
   }
-
   return -1;
 }
 
@@ -2888,45 +2648,33 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 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."); }
-
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 _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 removeAll(nodes) {
   nodes.forEach(function (node) {
     return node.remove();
   });
 }
-
 var SlotCarrier = function SlotCarrier(_ref) {
   var nodes = _ref.nodes;
   var host = react__WEBPACK_IMPORTED_MODULE_0__.useRef();
   react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
     var _a2;
-
     var _a;
-
     (_a = host.current) === null || _a === void 0 ? void 0 : (_a2 = _a).append.apply(_a2, _toConsumableArray(nodes));
     return function () {
       return removeAll(nodes);
     };
   }, [nodes]);
-
   if (nodes.length) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("piral-slot", {
       ref: host
     });
   }
-
   return null;
 };
 /**
@@ -2934,8 +2682,6 @@ var SlotCarrier = function SlotCarrier(_ref) {
  * @param Component The component to transform.
  * @returns The extension component (receiving its props via params).
  */
-
-
 function toExtension(Component) {
   return function (props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, props.params));
@@ -2948,7 +2694,6 @@ function toExtension(Component) {
  * @param childNodes The child nodes to reactify.
  * @returns The React Node.
  */
-
 function reactifyContent(childNodes) {
   var nodes = Array.prototype.filter.call(childNodes, Boolean);
   removeAll(nodes);
@@ -2998,22 +2743,18 @@ function convertComponent(converter, component) {
   if (typeof converter !== 'function') {
     throw new Error("No converter for component of type \"".concat(component.type, "\" registered."));
   }
-
   return converter(component);
 }
 function renderInDom(context, element, component, props) {
   var portalId = 'pid';
   var parent = element;
-
   while (parent) {
     if (parent instanceof Element && parent.localName === portalName && parent.hasAttribute(portalId)) {
       var id = parent.getAttribute(portalId);
       return attachDomPortal(id, context, element, component, props);
     }
-
     parent = parent.parentNode || parent.host;
   }
-
   return attachDomPortal('root', context, element, component, props);
 }
 
@@ -3036,7 +2777,6 @@ function rand(c) {
   var v = c === 'x' ? r : r & 0x3 | 0x8;
   return v.toString(16);
 }
-
 function generateId() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, rand);
 }
@@ -3074,27 +2814,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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."); }
-
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _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; }
-
- // tslint:disable-next-line
-
-var removeIndicator = null; // to avoid creating unnecessary empty arrays
-
-var none = []; // to avoid creating unnecessary empty functions
-
+// tslint:disable-next-line
+var removeIndicator = null;
+// to avoid creating unnecessary empty arrays
+var none = [];
+// to avoid creating unnecessary empty functions
 var noop = function noop() {};
 function prependItem(items, item) {
   return [item].concat(_toConsumableArray(items || none));
@@ -3118,14 +2852,12 @@ function includeItem(items, item) {
 }
 function replaceOrAddItem(items, item, predicate) {
   var newItems = _toConsumableArray(items || none);
-
   for (var i = 0; i < newItems.length; i++) {
     if (predicate(newItems[i])) {
       newItems[i] = item;
       return newItems;
     }
   }
-
   newItems.push(item);
   return newItems;
 }
@@ -3134,13 +2866,11 @@ function removeNested(obj, predicate) {
     var item = obj[key];
     entries[key] = Object.keys(item).reduce(function (all, key) {
       var value = item[key];
-
       if (Array.isArray(value)) {
         all[key] = excludeOn(value, predicate);
       } else if (!value || !predicate(value)) {
         all[key] = value;
       }
-
       return all;
     }, {});
     return entries;
@@ -3159,10 +2889,9 @@ function withKey(obj, key, value) {
 }
 function withoutKey(obj, key) {
   var _a = obj || {},
-      _b = key,
-      _ = _a[_b],
-      newObj = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__rest)(_a, [_typeof(_b) === "symbol" ? _b : _b + ""]);
-
+    _b = key,
+    _ = _a[_b],
+    newObj = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__rest)(_a, [_typeof(_b) === "symbol" ? _b : _b + ""]);
   return newObj;
 }
 function tryParseJson(content) {
@@ -3256,12 +2985,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* 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; }
-
 
 
 
@@ -3269,27 +2992,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * 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();
+    for (var _i = 0, _dispatchers = dispatchers; _i < _dispatchers.length; _i++) {
+      var dispatcher = _dispatchers[_i];
+      state = dispatcher(state);
     }
-
     return state;
   };
 }
@@ -3299,7 +3010,6 @@ function withAll() {
  * @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), {
@@ -3314,7 +3024,6 @@ function withPage(name, value) {
  * @param name The path of the page to unregister.
  * @returns The dispatcher.
  */
-
 function withoutPage(name) {
   return function (state) {
     return Object.assign(Object.assign({}, state), {
@@ -3330,7 +3039,6 @@ function withoutPage(name) {
  * @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), {
@@ -3346,7 +3054,6 @@ function withExtension(name, value) {
  * @param reference The reference for the extension.
  * @returns The dispatcher.
  */
-
 function withoutExtension(name, reference) {
   return function (state) {
     return Object.assign(Object.assign({}, state), {
@@ -3364,7 +3071,6 @@ function withoutExtension(name, reference) {
  * @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),
@@ -3378,12 +3084,10 @@ function withRootExtension(name, component) {
  * @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) {
@@ -3398,7 +3102,6 @@ function withProvider(provider) {
  * @param component The component representing the route.
  * @returns The dispatcher.
  */
-
 function withRoute(path, component) {
   return function (state) {
     return Object.assign(Object.assign({}, state), {
@@ -3433,8 +3136,8 @@ var DebugTracker = function DebugTracker() {
     if (route) {
       (0,_state__WEBPACK_IMPORTED_MODULE_1__.navigate)(route.path, route.state);
     }
-  }, [route]); // tslint:disable-next-line:no-null-keyword
-
+  }, [route]);
+  // tslint:disable-next-line:no-null-keyword
   return null;
 };
 
@@ -3458,19 +3161,17 @@ __webpack_require__.r(__webpack_exports__);
 
 var ExtensionCatalogue = function ExtensionCatalogue() {
   var _useLocation = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)(),
-      state = _useLocation.state;
-
+    state = _useLocation.state;
   if (state) {
     var _state$name = state.name,
-        name = _state$name === void 0 ? '' : _state$name,
-        _state$params = state.params,
-        params = _state$params === void 0 ? {} : _state$params;
+      name = _state$name === void 0 ? '' : _state$name,
+      _state$params = state.params,
+      params = _state$params === void 0 ? {} : _state$params;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("piral-extension", {
       name: name,
       params: JSON.stringify(params)
     });
   }
-
   return null;
 };
 
@@ -3493,11 +3194,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var moduleColor = {};
-
 var Visualizer = function Visualizer(_ref) {
   var pilet = _ref.pilet,
-      force = _ref.force,
-      active = _ref.active;
+    force = _ref.force,
+    active = _ref.active;
   var colors = ['#001F3F', '#0074D9', '#7FDBFF', '#39CCCC', '#3D9970', '#2ECC40', '#01FF70', '#FFDC00', '#FF851B', '#FF4136', '#85144B', '#F012BE', '#B10DC9'];
   var container = react__WEBPACK_IMPORTED_MODULE_0__.useRef();
   var color = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
@@ -3505,10 +3205,8 @@ var Visualizer = function Visualizer(_ref) {
   }, [pilet]);
   react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
     var sibling = container.current && container.current.nextElementSibling;
-
     if (sibling && active) {
       var target = container.current.parentNode;
-
       var mouseIn = function mouseIn() {
         if (container.current && sibling) {
           var style = container.current.style;
@@ -3525,14 +3223,12 @@ var Visualizer = function Visualizer(_ref) {
           style.right = -(targetRect.right - sourceRect.right) + 'px';
         }
       };
-
       var mouseOut = function mouseOut() {
         if (container.current) {
           var style = container.current.style;
           style.display = 'none';
         }
       };
-
       var append = function append() {
         if (force) {
           mouseIn();
@@ -3541,7 +3237,6 @@ var Visualizer = function Visualizer(_ref) {
           sibling.addEventListener('mouseout', mouseOut);
         }
       };
-
       var remove = function remove() {
         if (force) {
           mouseOut();
@@ -3550,12 +3245,9 @@ var Visualizer = function Visualizer(_ref) {
           sibling.removeEventListener('mouseout', mouseOut);
         }
       };
-
       var observer = new MutationObserver(function () {
         var _a;
-
         var newSibling = (_a = container.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
-
         if (newSibling !== sibling) {
           remove();
           sibling = newSibling;
@@ -3572,7 +3264,6 @@ var Visualizer = function Visualizer(_ref) {
       };
     }
   }, [active, force]);
-
   if (active) {
     var rect = {
       border: '1px solid red',
@@ -3600,22 +3291,18 @@ var Visualizer = function Visualizer(_ref) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
       style: info
     }, pilet));
-  } // tslint:disable-next-line:no-null-keyword
-
-
+  }
+  // tslint:disable-next-line:no-null-keyword
   return null;
 };
-
 var VisualizationWrapper = function VisualizationWrapper(_ref2) {
   var piral = _ref2.piral,
-      children = _ref2.children;
-
+    children = _ref2.children;
   var _useDebugState = (0,_state__WEBPACK_IMPORTED_MODULE_1__.useDebugState)(function (m) {
-    return m.visualize;
-  }),
-      active = _useDebugState.active,
-      force = _useDebugState.force;
-
+      return m.visualize;
+    }),
+    active = _useDebugState.active,
+    force = _useDebugState.force;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Visualizer, {
     pilet: piral.meta.name,
     force: force,
@@ -3641,31 +3328,31 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _ExtensionCatalogue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ExtensionCatalogue */ "../../utilities/piral-debug-utils/esm/ExtensionCatalogue.js");
 /* harmony import */ var _decycle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./decycle */ "../../utilities/piral-debug-utils/esm/decycle.js");
 /* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./state */ "../../utilities/piral-debug-utils/esm/state.js");
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 
 
 
 
-
 function installPiralDebug(options) {
   var getGlobalState = options.getGlobalState,
-      getExtensions = options.getExtensions,
-      getDependencies = options.getDependencies,
-      getRoutes = options.getRoutes,
-      getPilets = options.getPilets,
-      fireEvent = options.fireEvent,
-      integrate = options.integrate,
-      removePilet = options.removePilet,
-      updatePilet = options.updatePilet,
-      addPilet = options.addPilet,
-      navigate = options.navigate,
-      _options$customSettin = options.customSettings,
-      customSettings = _options$customSettin === void 0 ? {} : _options$customSettin,
-      _options$defaultSetti = options.defaultSettings,
-      defaultSettings = _options$defaultSetti === void 0 ? {} : _options$defaultSetti;
+    getExtensions = options.getExtensions,
+    getDependencies = options.getDependencies,
+    getRoutes = options.getRoutes,
+    getPilets = options.getPilets,
+    fireEvent = options.fireEvent,
+    integrate = options.integrate,
+    removePilet = options.removePilet,
+    updatePilet = options.updatePilet,
+    addPilet = options.addPilet,
+    navigate = options.navigate,
+    _options$customSettin = options.customSettings,
+    customSettings = _options$customSettin === void 0 ? {} : _options$customSettin,
+    _options$defaultSetti = options.defaultSettings,
+    defaultSettings = _options$defaultSetti === void 0 ? {} : _options$defaultSetti;
   var events = [];
   var legacyBrowser = !new Error().stack;
   var initialSettings = (0,_state__WEBPACK_IMPORTED_MODULE_0__.getInitialSettings)(defaultSettings);
@@ -3705,7 +3392,6 @@ function installPiralDebug(options) {
       label: 'Visualize component origins',
       onChange: function onChange(value, prev) {
         setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.viewOrigins, value ? 'on' : 'off');
-
         if (prev !== value) {
           updateVisualize(value);
         }
@@ -3736,7 +3422,6 @@ function installPiralDebug(options) {
       }
     }
   });
-
   var sendMessage = function sendMessage(content) {
     window.postMessage({
       content: content,
@@ -3744,11 +3429,9 @@ function installPiralDebug(options) {
       version: debugApiVersion
     }, '*');
   };
-
   var getSettings = function getSettings() {
     return Object.keys(settings).reduce(function (obj, key) {
       var setting = settings[key];
-
       if (setting && _typeof(setting) === 'object' && typeof setting.label === 'string' && typeof setting.type === 'string' && ['boolean', 'string', 'number'].includes(_typeof(setting.value))) {
         obj[key] = {
           label: setting.label,
@@ -3756,15 +3439,12 @@ function installPiralDebug(options) {
           type: setting.type
         };
       }
-
       return obj;
     }, {});
   };
-
   var updateSettings = function updateSettings(values) {
     Object.keys(values).forEach(function (key) {
       var setting = settings[key];
-
       switch (setting.type) {
         case 'boolean':
           {
@@ -3774,7 +3454,6 @@ function installPiralDebug(options) {
             setting.onChange(value, prev);
             break;
           }
-
         case 'number':
           {
             var _prev = setting.value;
@@ -3783,7 +3462,6 @@ function installPiralDebug(options) {
             setting.onChange(_value, _prev);
             break;
           }
-
         case 'string':
           {
             var _prev2 = setting.value;
@@ -3799,13 +3477,12 @@ function installPiralDebug(options) {
       type: 'settings'
     });
   };
-
   var togglePilet = function togglePilet(name) {
     var pilet = getPilets().find(function (m) {
       return m.name === name;
     });
-
-    if (!pilet) {// nothing to do, obviously invalid call
+    if (!pilet) {
+      // nothing to do, obviously invalid call
     } else if (pilet.disabled) {
       if (pilet.original) {
         // everything is fine, let's use the cached version
@@ -3824,7 +3501,6 @@ function installPiralDebug(options) {
       });
     }
   };
-
   var toggleVisualize = function toggleVisualize() {
     (0,_state__WEBPACK_IMPORTED_MODULE_0__.setState)(function (s) {
       return Object.assign(Object.assign({}, s), {
@@ -3834,7 +3510,6 @@ function installPiralDebug(options) {
       });
     });
   };
-
   var updateVisualize = function updateVisualize(active) {
     (0,_state__WEBPACK_IMPORTED_MODULE_0__.setState)(function (s) {
       return Object.assign(Object.assign({}, s), {
@@ -3844,7 +3519,6 @@ function installPiralDebug(options) {
       });
     });
   };
-
   var goToRoute = function goToRoute(path, state) {
     (0,_state__WEBPACK_IMPORTED_MODULE_0__.setState)(function (s) {
       return Object.assign(Object.assign({}, s), {
@@ -3855,35 +3529,27 @@ function installPiralDebug(options) {
       });
     });
   };
-
   var eventDispatcher = document.body.dispatchEvent;
   var systemResolve = System.constructor.prototype.resolve;
   var depMap = {};
   var subDeps = {};
-
   var findAncestor = function findAncestor(parent) {
     while (subDeps[parent]) {
       parent = subDeps[parent];
     }
-
     return parent;
   };
-
   System.constructor.prototype.resolve = function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     var url = args[0],
-        parent = args[1];
+      parent = args[1];
     var result = systemResolve.call.apply(systemResolve, [this].concat(args));
-
     if (!parent) {
       return result;
     }
-
     var ancestor = findAncestor(parent);
-
     if (url.startsWith('./')) {
       subDeps[result] = ancestor;
     } else {
@@ -3891,20 +3557,18 @@ function installPiralDebug(options) {
       deps[url] = result;
       depMap[ancestor] = deps;
     }
-
     return result;
   };
-
   var debugApi = {
     debug: debugApiVersion,
     instance: {
       name: "minimal-piral",
-      version: "0.15.11",
+      version: "0.15.12-beta.5531",
       dependencies: "tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2023-05-15T12:57:54.394Z",
-      cli: "0.15.10",
+      date: "2023-05-17T16:49:56.261Z",
+      cli: "0.15.12-beta.5531",
       compat: "0.15"
     }
   };
@@ -3915,7 +3579,6 @@ function installPiralDebug(options) {
     mode:  false ? 0 : 'development',
     capabilities: ['events', 'container', 'routes', 'pilets', 'settings', 'extensions', 'dependencies', 'dependency-map']
   };
-
   var start = function start() {
     var container = (0,_decycle__WEBPACK_IMPORTED_MODULE_1__.decycle)(getGlobalState());
     var routes = getRoutes().filter(function (r) {
@@ -3945,22 +3608,17 @@ function installPiralDebug(options) {
       }
     }));
   };
-
   var check = function check() {
     sendMessage(Object.assign({
       type: 'info'
     }, details));
   };
-
   var getDependencyMap = function getDependencyMap() {
     var dependencyMap = {};
-
     var addDeps = function addDeps(pilet, dependencies) {
       var deps = dependencyMap[pilet] || [];
-
       var _loop = function _loop() {
         var depName = _Object$keys[_i];
-
         if (!deps.some(function (m) {
           return m.demanded === depName;
         })) {
@@ -3970,14 +3628,11 @@ function installPiralDebug(options) {
           });
         }
       };
-
       for (var _i = 0, _Object$keys = Object.keys(dependencies); _i < _Object$keys.length; _i++) {
         _loop();
       }
-
       dependencyMap[pilet] = deps;
     };
-
     var pilets = getPilets().map(function (pilet) {
       return {
         name: pilet.name,
@@ -3992,14 +3647,12 @@ function installPiralDebug(options) {
       var pilet = pilets.find(function (p) {
         return p.link === url;
       });
-
       if (pilet) {
         addDeps(pilet.name, dependencies);
       } else if (!pilet) {
         var parent = pilets.find(function (p) {
           return url.startsWith(p.base);
         });
-
         if (parent) {
           addDeps(parent.name, dependencies);
         }
@@ -4010,7 +3663,6 @@ function installPiralDebug(options) {
       dependencyMap: dependencyMap
     });
   };
-
   document.body.dispatchEvent = function (ev) {
     if (ev.type.startsWith('piral-')) {
       events.unshift({
@@ -4024,10 +3676,8 @@ function installPiralDebug(options) {
         type: 'events'
       });
     }
-
     return eventDispatcher.call(this, ev);
   };
-
   window.addEventListener('storage', function (event) {
     if (!legacyBrowser && event.storageArea === sessionStorage) {
       // potentially unknowingly updated settings
@@ -4043,39 +3693,29 @@ function installPiralDebug(options) {
   });
   window.addEventListener('message', function (event) {
     var _event$data = event.data,
-        source = _event$data.source,
-        version = _event$data.version,
-        content = _event$data.content;
-
+      source = _event$data.source,
+      version = _event$data.version,
+      content = _event$data.content;
     if (source !== selfSource && version === debugApiVersion) {
       switch (content.type) {
         case 'init':
           return start();
-
         case 'check-piral':
           return check();
-
         case 'get-dependency-map':
           return getDependencyMap();
-
         case 'update-settings':
           return updateSettings(content.settings);
-
         case 'append-pilet':
           return addPilet(content.meta);
-
         case 'remove-pilet':
           return removePilet(content.name);
-
         case 'toggle-pilet':
           return togglePilet(content.name);
-
         case 'emit-event':
           return fireEvent(content.name, content.args);
-
         case 'goto-route':
           return goToRoute(content.route, content.state);
-
         case 'visualize-all':
           return toggleVisualize();
       }
@@ -4097,7 +3737,6 @@ function installPiralDebug(options) {
             // Chrome, Firefox, ... (full capability)
             var err = new Error();
             var lastLine = err.stack.split('\n')[6];
-
             if (lastLine) {
               var action = lastLine.replace(/^\s+at\s+(Atom\.|Object\.)?/, '');
               console.group("%c Piral State Change %c ".concat(new Date().toLocaleTimeString()), 'color: gray; font-weight: lighter;', 'color: black; font-weight: bold;');
@@ -4111,13 +3750,11 @@ function installPiralDebug(options) {
             console.log('Changed state', previous, current);
           }
         }
-
         sendMessage({
           type: 'container',
           container: (0,_decycle__WEBPACK_IMPORTED_MODULE_1__.decycle)(getGlobalState())
         });
       }
-
       if (changed.pilets) {
         sendMessage({
           type: 'pilets',
@@ -4130,7 +3767,6 @@ function installPiralDebug(options) {
           })
         });
       }
-
       if (changed.pages) {
         sendMessage({
           type: 'routes',
@@ -4139,14 +3775,12 @@ function installPiralDebug(options) {
           })
         });
       }
-
       if (changed.extensions) {
         sendMessage({
           type: 'extensions',
           extensions: getExtensions()
         });
       }
-
       if (changed.dependencies) {
         sendMessage({
           type: 'dependencies',
@@ -4173,14 +3807,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "decycle": () => (/* binding */ decycle)
 /* harmony export */ });
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function decycle(obj) {
   var objects = [];
   var paths = [];
-
   var derez = function derez(value, path) {
     var _value = value && value.toJSON instanceof Function ? value.toJSON() : value;
-
     if (_value === null || _value === undefined) {
       return undefined;
     } else if (typeof _value === 'function') {
@@ -4197,27 +3828,21 @@ function decycle(obj) {
           };
         }
       }
-
       objects.push(_value);
       paths.push(path);
-
       if (Array.isArray(_value)) {
         var nu = [];
-
         for (var _i = 0; _i < _value.length; _i += 1) {
           nu[_i] = derez(_value[_i], "".concat(path, "[").concat(_i, "]"));
         }
-
         return nu;
       } else {
         var _nu = {};
-
         for (var name in _value) {
           if (Object.prototype.hasOwnProperty.call(_value, name)) {
             _nu[name] = derez(_value[name], "".concat(path, "[").concat(JSON.stringify(name), "]"));
           }
         }
-
         return _nu;
       }
     } else if (_typeof(_value) === 'symbol') {
@@ -4225,10 +3850,8 @@ function decycle(obj) {
     } else if (typeof _value === 'bigint') {
       return '<bigint>';
     }
-
     return _value;
   };
-
   return derez(obj, '$');
 }
 
@@ -4247,37 +3870,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _routeRefresh__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./routeRefresh */ "../../utilities/piral-debug-utils/esm/routeRefresh.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."); }
-
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 _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 installPiletEmulator(requestPilets, options) {
   var addPilet = options.addPilet,
-      removePilet = options.removePilet,
-      integrate = options.integrate,
-      _options$piletApiFall = options.piletApiFallback,
-      piletApiFallback = _options$piletApiFall === void 0 ? '/$pilet-api' : _options$piletApiFall;
+    removePilet = options.removePilet,
+    integrate = options.integrate,
+    _options$piletApiFall = options.piletApiFallback,
+    piletApiFallback = _options$piletApiFall === void 0 ? '/$pilet-api' : _options$piletApiFall;
   integrate(function () {
     // check if pilets should be loaded
     var loadPilets = sessionStorage.getItem('dbg:load-pilets') === 'on';
-
     var noPilets = function noPilets() {
       return Promise.resolve([]);
     };
-
     var requester = loadPilets ? requestPilets : noPilets;
-    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
-
-    var piletApi = window['dbg:pilet-api'] || piletApiFallback; // either take a full URI or make it an absolute path relative to the current origin
-
+    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
+    var piletApi = window['dbg:pilet-api'] || piletApiFallback;
+    // either take a full URI or make it an absolute path relative to the current origin
     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);
@@ -4288,42 +3903,39 @@ function installPiletEmulator(requestPilets, options) {
     }).then(function (item) {
       return Array.isArray(item) ? item : [item];
     });
-
     ws.onmessage = function (_ref) {
       var data = _ref.data;
       var hardRefresh = sessionStorage.getItem('dbg:hard-refresh') === 'on';
-
       if (!hardRefresh) {
         // standard setting is to just perform an inject
         var meta = JSON.parse(data);
-        var name = meta.name; // like a debounce; only one change of the current pilet should be actively processed
-
-        clearTimeout(timeoutCache[name]); // some bundlers may have fired before writing to the disk
+        var name = meta.name;
+        // like a debounce; only one change of the current pilet should be actively processed
+        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
-
         timeoutCache[name] = setTimeout(function () {
           // we should make sure to only refresh the page / router if pilets have been loaded
-          var unfreeze = (0,_routeRefresh__WEBPACK_IMPORTED_MODULE_0__.freezeRouteRefresh)(); // tear down pilet
-
+          var unfreeze = (0,_routeRefresh__WEBPACK_IMPORTED_MODULE_0__.freezeRouteRefresh)();
+          // tear down pilet
           removePilet(meta.name).then(function () {
             var clearConsole = sessionStorage.getItem('dbg:clear-console') === 'on';
-
             if (clearConsole) {
               console.clear();
             }
-
             console.log('Updating pilet %c%s ...', 'color: green; background: white; font-weight: bold', name);
-          }) // load and evaluate pilet
+          })
+          // load and evaluate pilet
           .then(function () {
             return addPilet(meta);
-          }) // then disable route cache, should be zero again and lead to route refresh
+          })
+          // then disable route cache, should be zero again and lead to route refresh
           .then(unfreeze, unfreeze);
         }, timeout);
       } else {
         location.reload();
       }
     };
-
     return promise["catch"](function (err) {
       console.error("Requesting the pilets failed. We'll continue loading without pilets (DEBUG only).", err);
       return [];
@@ -4364,9 +3976,7 @@ 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;
@@ -4402,18 +4012,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-
 var settingsKeys = {
   viewState: 'dbg:view-state',
   loadPilets: 'dbg:load-pilets',
@@ -4425,21 +4029,17 @@ var settingsKeys = {
 };
 var persistKey = settingsKeys.persistSettings;
 var persistSettings = !!localStorage.getItem(persistKey);
-
 var defaultSetter = function defaultSetter(name, value) {
   sessionStorage.setItem(name, value);
 };
-
 var persistentSetter = function persistentSetter(name, value) {
   defaultSetter(name, value);
   var data = JSON.parse(localStorage.getItem(persistKey));
   data[name] = value;
   localStorage.setItem(persistKey, JSON.stringify(data));
 };
-
 function getValue(key, defaultValue, fallbackValue) {
   var value = sessionStorage.getItem(key);
-
   if (['on', 'off'].includes(value)) {
     return value === 'on';
   } else if (typeof defaultValue === 'boolean') {
@@ -4448,7 +4048,6 @@ function getValue(key, defaultValue, fallbackValue) {
     return fallbackValue;
   }
 }
-
 if (persistSettings) {
   try {
     var settings = JSON.parse(localStorage.getItem(persistKey));
@@ -4461,22 +4060,18 @@ if (persistSettings) {
     localStorage.setItem(persistKey, '{}');
   }
 }
-
 function enablePersistance() {
   var data = {};
   var validKeys = Object.keys(settingsKeys).map(function (m) {
     return settingsKeys[m];
   });
-
   for (var i = 0; i < sessionStorage.length; i++) {
     var name = sessionStorage.key(i);
-
     if (validKeys.includes(name)) {
       var value = sessionStorage.getItem(name);
       data[name] = value;
     }
   }
-
   localStorage.setItem(persistKey, JSON.stringify(data));
   return persistentSetter;
 }
@@ -4523,7 +4118,6 @@ function setInitialState(initialSettings) {
 }
 function setState(dispatch) {
   var newState = dispatch(state);
-
   if (newState !== state) {
     state = newState;
     listeners.forEach(function (listener) {
@@ -4536,35 +4130,29 @@ function getState() {
 }
 function subscribe(select, notify) {
   var prevState = select(state);
-
   var cb = function cb() {
     var nextState = select(state);
-
     if (prevState !== nextState) {
       prevState = nextState;
       notify(nextState);
     }
   };
-
   var unsubscribe = function unsubscribe() {
     var idx = listeners.indexOf(cb);
-
     if (idx !== -1) {
       listeners.splice(idx, 1);
     }
   };
-
   listeners.push(cb);
   return unsubscribe;
 }
 function useDebugState(select) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(function () {
-    return select(getState());
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      return select(getState());
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     return subscribe(select, setState);
   }, []);
@@ -4588,36 +4176,27 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _routeRefresh__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./routeRefresh */ "../../utilities/piral-debug-utils/esm/routeRefresh.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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
-
 function useDebugRouteFilter(paths) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      _ = _useState2[0],
-      triggerChange = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    _ = _useState2[0],
+    triggerChange = _useState2[1];
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     _routeRefresh__WEBPACK_IMPORTED_MODULE_1__.debugRouteCache.refresh = triggerChange;
     return function () {
       _routeRefresh__WEBPACK_IMPORTED_MODULE_1__.debugRouteCache.refresh = undefined;
     };
   }, []);
-
   if (!_routeRefresh__WEBPACK_IMPORTED_MODULE_1__.debugRouteCache.active) {
     _routeRefresh__WEBPACK_IMPORTED_MODULE_1__.debugRouteCache.paths = paths;
   }
-
   return _routeRefresh__WEBPACK_IMPORTED_MODULE_1__.debugRouteCache.paths;
 }
 
@@ -42845,79 +42424,56 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 var _excluded = ["dependencies", "spec", "name"],
-    _excluded2 = ["name", "spec", "dependencies"],
-    _excluded3 = ["dependencies", "spec"],
-    _excluded4 = ["dependencies", "config", "link"],
-    _excluded5 = ["dependencies", "config", "link"];
-
+  _excluded2 = ["name", "spec", "dependencies"],
+  _excluded3 = ["dependencies", "spec"],
+  _excluded4 = ["dependencies", "config", "link"],
+  _excluded5 = ["dependencies", "config", "link"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 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."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 // ../../../node_modules/systemjs/dist/system.js
 (function () {
   function errMsg(errCode, msg) {
     return (msg || "") + " (SystemJS Error#" + errCode + " https://git.io/JvFET#" + errCode + ")";
   }
-
   var hasSymbol = typeof Symbol !== "undefined";
   var hasSelf = typeof self !== "undefined";
   var hasDocument = typeof document !== "undefined";
   var envGlobal = hasSelf ? self : global;
   var baseUrl;
-
   if (hasDocument) {
     var baseEl = document.querySelector("base[href]");
     if (baseEl) baseUrl = baseEl.href;
   }
-
   if (!baseUrl && typeof location !== "undefined") {
     baseUrl = location.href.split("#")[0].split("?")[0];
     var lastSepIndex = baseUrl.lastIndexOf("/");
     if (lastSepIndex !== -1) baseUrl = baseUrl.slice(0, lastSepIndex + 1);
   }
-
   var backslashRegEx = /\\/g;
-
   function resolveIfNotPlainOrUrl(relUrl, parentUrl) {
     if (relUrl.indexOf("\\") !== -1) relUrl = relUrl.replace(backslashRegEx, "/");
-
     if (relUrl[0] === "/" && relUrl[1] === "/") {
       return parentUrl.slice(0, parentUrl.indexOf(":") + 1) + relUrl;
     } else if (relUrl[0] === "." && (relUrl[1] === "/" || relUrl[1] === "." && (relUrl[2] === "/" || relUrl.length === 2 && (relUrl += "/")) || relUrl.length === 1 && (relUrl += "/")) || relUrl[0] === "/") {
       var parentProtocol = parentUrl.slice(0, parentUrl.indexOf(":") + 1);
       var pathname;
-
       if (parentUrl[parentProtocol.length + 1] === "/") {
         if (parentProtocol !== "file:") {
           pathname = parentUrl.slice(parentProtocol.length + 2);
@@ -42928,12 +42484,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       } else {
         pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === "/"));
       }
-
       if (relUrl[0] === "/") return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
       var segmented = pathname.slice(0, pathname.lastIndexOf("/") + 1) + relUrl;
       var output = [];
       var segmentIndex = -1;
-
       for (var i = 0; i < segmented.length; i++) {
         if (segmentIndex !== -1) {
           if (segmented[i] === "/") {
@@ -42953,96 +42507,71 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
           segmentIndex = i;
         }
       }
-
       if (segmentIndex !== -1) output.push(segmented.slice(segmentIndex));
       return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join("");
     }
   }
-
   function resolveUrl(relUrl, parentUrl) {
     return resolveIfNotPlainOrUrl(relUrl, parentUrl) || (relUrl.indexOf(":") !== -1 ? relUrl : resolveIfNotPlainOrUrl("./" + relUrl, parentUrl));
   }
-
   function resolveAndComposePackages(packages, outPackages, baseUrl2, parentMap, parentUrl) {
     for (var p in packages) {
       var resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl2) || p;
       var rhs = packages[p];
       if (typeof rhs !== "string") continue;
       var mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(rhs, baseUrl2) || rhs, parentUrl);
-
       if (!mapped) {
         targetWarning("W1", p, rhs, "bare specifier did not resolve");
       } else outPackages[resolvedLhs] = mapped;
     }
   }
-
   function resolveAndComposeImportMap(json, baseUrl2, outMap) {
     if (json.imports) resolveAndComposePackages(json.imports, outMap.imports, baseUrl2, outMap, null);
     var u;
-
     for (u in json.scopes || {}) {
       var resolvedScope = resolveUrl(u, baseUrl2);
       resolveAndComposePackages(json.scopes[u], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl2, outMap, resolvedScope);
     }
-
-    for (u in json.depcache || {}) {
-      outMap.depcache[resolveUrl(u, baseUrl2)] = json.depcache[u];
-    }
-
-    for (u in json.integrity || {}) {
-      outMap.integrity[resolveUrl(u, baseUrl2)] = json.integrity[u];
-    }
+    for (u in json.depcache || {}) outMap.depcache[resolveUrl(u, baseUrl2)] = json.depcache[u];
+    for (u in json.integrity || {}) outMap.integrity[resolveUrl(u, baseUrl2)] = json.integrity[u];
   }
-
   function getMatch(path, matchObj) {
     if (matchObj[path]) return path;
     var sepIndex = path.length;
-
     do {
       var segment = path.slice(0, sepIndex + 1);
       if (segment in matchObj) return segment;
     } while ((sepIndex = path.lastIndexOf("/", sepIndex - 1)) !== -1);
   }
-
   function applyPackages(id, packages) {
     var pkgName = getMatch(id, packages);
-
     if (pkgName) {
       var pkg = packages[pkgName];
       if (pkg === null) return;
-
       if (id.length > pkgName.length && pkg[pkg.length - 1] !== "/") {
         targetWarning("W2", pkgName, pkg, "should have a trailing '/'");
       } else return pkg + id.slice(pkgName.length);
     }
   }
-
   function targetWarning(code, match, target, msg) {
     console.warn(errMsg(code, "Package target " + msg + ", resolving target '" + target + "' for " + match));
   }
-
   function resolveImportMap(importMap2, resolvedOrPlain, parentUrl) {
     var scopes = importMap2.scopes;
     var scopeUrl = parentUrl && getMatch(parentUrl, scopes);
-
     while (scopeUrl) {
       var packageResolution = applyPackages(resolvedOrPlain, scopes[scopeUrl]);
       if (packageResolution) return packageResolution;
       scopeUrl = getMatch(scopeUrl.slice(0, scopeUrl.lastIndexOf("/")), scopes);
     }
-
     return applyPackages(resolvedOrPlain, importMap2.imports) || resolvedOrPlain.indexOf(":") !== -1 && resolvedOrPlain;
   }
-
   var toStringTag$1 = hasSymbol && Symbol.toStringTag;
   var REGISTRY = hasSymbol ? Symbol() : "@";
-
   function SystemJS() {
     this[REGISTRY] = {};
   }
-
   var systemJSPrototype = SystemJS.prototype;
-
   systemJSPrototype["import"] = function (id, parentUrl) {
     var loader7 = this;
     return Promise.resolve(loader7.prepareImport()).then(function () {
@@ -43052,7 +42581,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       return load.C || topLevelLoad(loader7, load);
     });
   };
-
   systemJSPrototype.createContext = function (parentId) {
     var loader7 = this;
     return {
@@ -43062,30 +42590,23 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       }
     };
   };
-
   systemJSPrototype.onload = function () {};
-
   function loadToId(load) {
     return load.id;
   }
-
   function triggerOnload(loader7, load, err, isErrSource) {
     loader7.onload(err, load.id, load.d && load.d.map(loadToId), !!isErrSource);
     if (err) throw err;
   }
-
   var lastRegister;
-
   systemJSPrototype.register = function (deps, declare) {
     lastRegister = [deps, declare];
   };
-
   systemJSPrototype.getRegister = function () {
     var _lastRegister = lastRegister;
     lastRegister = void 0;
     return _lastRegister;
   };
-
   function getOrCreateLoad(loader7, id, firstParentUrl) {
     var load = loader7[REGISTRY][id];
     if (load) return load;
@@ -43098,11 +42619,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       return loader7.instantiate(id, firstParentUrl);
     }).then(function (registration) {
       if (!registration) throw Error(errMsg(2, "Module " + id + " did not instantiate"));
-
       function _export(name, value) {
         load.h = true;
         var changed = false;
-
         if (typeof name === "string") {
           if (!(name in ns) || ns[name] !== value) {
             ns[name] = value;
@@ -43111,34 +42630,28 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
         } else {
           for (var p in name) {
             var value = name[p];
-
             if (!(p in ns) || ns[p] !== value) {
               ns[p] = value;
               changed = true;
             }
           }
-
           if (name && name.__esModule) {
             ns.__esModule = name.__esModule;
           }
         }
-
         if (changed) for (var i = 0; i < importerSetters.length; i++) {
           var setter = importerSetters[i];
           if (setter) setter(ns);
         }
         return value;
       }
-
       var declared = registration[1](_export, registration[1].length === 2 ? {
         "import": function _import(importId) {
           return loader7["import"](importId, id);
         },
         meta: loader7.createContext(id)
       } : void 0);
-
       load.e = declared.execute || function () {};
-
       return [registration[0], declared.setters || []];
     }, function (err) {
       load.e = null;
@@ -43156,7 +42669,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
               depLoad.i.push(setter);
               if (depLoad.h || !depLoad.I) setter(depLoad.n);
             }
-
             return depLoad;
           });
         });
@@ -43179,7 +42691,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       p: void 0
     };
   }
-
   function instantiateAll(loader7, load, parent, loaded) {
     if (!loaded[load.id]) {
       loaded[load.id] = true;
@@ -43196,7 +42707,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       });
     }
   }
-
   function topLevelLoad(loader7, load) {
     return load.C = instantiateAll(loader7, load, load, {}).then(function () {
       return postOrderExec(loader7, load, {});
@@ -43204,19 +42714,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       return load.n;
     });
   }
-
   var nullContext = Object.freeze(Object.create(null));
-
   function postOrderExec(loader7, load, seen) {
     if (seen[load.id]) return;
     seen[load.id] = true;
-
     if (!load.e) {
       if (load.er) throw load.er;
       if (load.E) return load.E;
       return;
     }
-
     var depLoadPromises;
     load.d.forEach(function (depLoad) {
       try {
@@ -43231,11 +42737,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
     });
     if (depLoadPromises) return Promise.all(depLoadPromises).then(doExec);
     return doExec();
-
     function doExec() {
       try {
         var execPromise = load.e.call(nullContext);
-
         if (execPromise) {
           execPromise = execPromise.then(function () {
             load.C = load.n;
@@ -43249,7 +42753,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
           });
           return load.E = execPromise;
         }
-
         load.C = load.n;
         load.L = load.I = void 0;
       } catch (err) {
@@ -43261,7 +42764,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       }
     }
   }
-
   envGlobal.System = new SystemJS();
   var importMapPromise = Promise.resolve();
   var importMap = {
@@ -43271,25 +42773,20 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
     integrity: {}
   };
   var processFirst = hasDocument;
-
   systemJSPrototype.prepareImport = function (doProcessScripts) {
     if (processFirst || doProcessScripts) {
       processScripts();
       processFirst = false;
     }
-
     return importMapPromise;
   };
-
   if (hasDocument) {
     processScripts();
     window.addEventListener("DOMContentLoaded", processScripts);
   }
-
   function processScripts() {
     [].forEach.call(document.querySelectorAll("script"), function (script) {
       if (script.sp) return;
-
       if (script.type === "systemjs-module") {
         script.sp = true;
         if (!script.src) return;
@@ -43299,7 +42796,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
             event.initEvent("error", false, false);
             script.dispatchEvent(event);
           }
-
           return Promise.reject(e);
         });
       } else if (script.type === "systemjs-importmap") {
@@ -43313,11 +42809,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
         })["catch"](function (err) {
           err.message = errMsg("W4", "Error fetching systemjs-import map " + script.src) + "\n" + err.message;
           console.warn(err);
-
           if (typeof script.onerror === "function") {
             script.onerror();
           }
-
           return "{}";
         }) : script.innerHTML;
         importMapPromise = importMapPromise.then(function () {
@@ -43328,19 +42822,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       }
     });
   }
-
   function extendImportMap(importMap2, newMapText, newMapUrl) {
     var newMap = {};
-
     try {
       newMap = JSON.parse(newMapText);
     } catch (err) {
       console.warn(Error(errMsg("W5", "systemjs-importmap contains invalid JSON") + "\n\n" + newMapText + "\n"));
     }
-
     resolveAndComposeImportMap(newMap, newMapUrl, importMap2);
   }
-
   if (hasDocument) {
     window.addEventListener("error", function (evt) {
       lastWindowErrorUrl = evt.filename;
@@ -43348,7 +42838,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
     });
     var baseOrigin = location.origin;
   }
-
   systemJSPrototype.createScript = function (url) {
     var script = document.createElement("script");
     script.async = true;
@@ -43358,16 +42847,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
     script.src = url;
     return script;
   };
-
   var lastAutoImportDeps, lastAutoImportTimeout;
   var autoImportCandidates = {};
   var systemRegister2 = systemJSPrototype.register;
-
   systemJSPrototype.register = function (deps, declare) {
     if (hasDocument && document.readyState === "loading" && typeof deps !== "string") {
       var scripts = document.querySelectorAll("script[src]");
       var lastScript = scripts[scripts.length - 1];
-
       if (lastScript) {
         lastAutoImportDeps = deps;
         var loader7 = this;
@@ -43379,20 +42865,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
     } else {
       lastAutoImportDeps = void 0;
     }
-
     return systemRegister2.call(this, deps, declare);
   };
-
   var lastWindowErrorUrl, lastWindowError;
-
   systemJSPrototype.instantiate = function (url, firstParentUrl) {
     var autoImportRegistration = autoImportCandidates[url];
-
     if (autoImportRegistration) {
       delete autoImportCandidates[url];
       return autoImportRegistration;
     }
-
     var loader7 = this;
     return Promise.resolve(systemJSPrototype.createScript(url)).then(function (script) {
       return new Promise(function (resolve, reject) {
@@ -43401,7 +42882,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
         });
         script.addEventListener("load", function () {
           document.head.removeChild(script);
-
           if (lastWindowErrorUrl === url) {
             reject(lastWindowError);
           } else {
@@ -43414,15 +42894,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       });
     });
   };
-
   systemJSPrototype.shouldFetch = function () {
     return false;
   };
-
   if (typeof fetch !== "undefined") systemJSPrototype.fetch = fetch;
   var instantiate = systemJSPrototype.instantiate;
   var jsContentTypeRegEx = /^(text|application)\/(x-)?javascript(;|$)/;
-
   systemJSPrototype.instantiate = function (url, parent) {
     var loader7 = this;
     if (!this.shouldFetch(url)) return instantiate.apply(this, arguments);
@@ -43440,30 +42917,21 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       });
     });
   };
-
   systemJSPrototype.resolve = function (id, parentUrl) {
     parentUrl = parentUrl || false || baseUrl;
     return resolveImportMap(importMap, resolveIfNotPlainOrUrl(id, parentUrl) || id, parentUrl) || throwUnresolved(id, parentUrl);
   };
-
   function throwUnresolved(id, parentUrl) {
     throw Error(errMsg(8, "Unable to resolve bare specifier '" + id + (parentUrl ? "' from " + parentUrl : "'")));
   }
-
   var systemInstantiate = systemJSPrototype.instantiate;
-
   systemJSPrototype.instantiate = function (url, firstParentUrl) {
     var preloads = importMap.depcache[url];
-
     if (preloads) {
-      for (var i = 0; i < preloads.length; i++) {
-        getOrCreateLoad(this, this.resolve(preloads[i], url), url);
-      }
+      for (var i = 0; i < preloads.length; i++) getOrCreateLoad(this, this.resolve(preloads[i], url), url);
     }
-
     return systemInstantiate.call(this, url, firstParentUrl);
   };
-
   if (hasSelf && typeof importScripts === "function") systemJSPrototype.instantiate = function (url) {
     var loader7 = this;
     return Promise.resolve().then(function () {
@@ -43471,74 +42939,58 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       return loader7.getRegister(url);
     });
   };
-
   (function (global2) {
     var systemJSPrototype2 = global2.System.constructor.prototype;
     var firstGlobalProp, secondGlobalProp, lastGlobalProp;
-
     function getGlobalProp(useFirstGlobalProp) {
       var cnt = 0;
       var foundLastProp, result;
-
       for (var p in global2) {
         if (shouldSkipProperty(p)) continue;
         if (cnt === 0 && p !== firstGlobalProp || cnt === 1 && p !== secondGlobalProp) return p;
-
         if (foundLastProp) {
           lastGlobalProp = p;
           result = useFirstGlobalProp && result || p;
         } else {
           foundLastProp = p === lastGlobalProp;
         }
-
         cnt++;
       }
-
       return result;
     }
-
     function noteGlobalProps() {
       firstGlobalProp = secondGlobalProp = void 0;
-
       for (var p in global2) {
         if (shouldSkipProperty(p)) continue;
         if (!firstGlobalProp) firstGlobalProp = p;else if (!secondGlobalProp) secondGlobalProp = p;
         lastGlobalProp = p;
       }
-
       return lastGlobalProp;
     }
-
     var impt = systemJSPrototype2["import"];
-
     systemJSPrototype2["import"] = function (id, parentUrl) {
       noteGlobalProps();
       return impt.call(this, id, parentUrl);
     };
-
     var emptyInstantiation = [[], function () {
       return {};
     }];
     var getRegister = systemJSPrototype2.getRegister;
-
     systemJSPrototype2.getRegister = function () {
       var lastRegister2 = getRegister.call(this);
       if (lastRegister2) return lastRegister2;
       var globalProp = getGlobalProp(this.firstGlobalProp);
       if (!globalProp) return emptyInstantiation;
       var globalExport;
-
       try {
         globalExport = global2[globalProp];
       } catch (e) {
         return emptyInstantiation;
       }
-
       return [[], function (_export) {
         return {
           execute: function execute() {
             _export(globalExport);
-
             _export({
               "default": globalExport,
               __useDefault: true
@@ -43547,27 +42999,21 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
         };
       }];
     };
-
     var isIE11 = typeof navigator !== "undefined" && navigator.userAgent.indexOf("Trident") !== -1;
-
     function shouldSkipProperty(p) {
       return !global2.hasOwnProperty(p) || !isNaN(p) && p < global2.length || isIE11 && global2[p] && typeof window !== "undefined" && global2[p].parent === window;
     }
   })(typeof self !== "undefined" ? self : global);
-
   (function (global2) {
     var systemJSPrototype2 = global2.System.constructor.prototype;
     var moduleTypesRegEx = /^[^#?]+\.(css|html|json|wasm)([?#].*)?$/;
-
     systemJSPrototype2.shouldFetch = function (url) {
       return moduleTypesRegEx.test(url);
     };
-
     var jsonContentType = /^application\/json(;|$)/;
     var cssContentType = /^text\/css(;|$)/;
     var wasmContentType = /^application\/wasm(;|$)/;
     var fetch2 = systemJSPrototype2.fetch;
-
     systemJSPrototype2.fetch = function (url, options) {
       return fetch2(url, options).then(function (res) {
         if (options.passThrough) return res;
@@ -43593,7 +43039,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
           var setterSources = [];
           if (WebAssembly.Module.imports) WebAssembly.Module.imports(module).forEach(function (impt) {
             var key = JSON.stringify(impt.module);
-
             if (deps.indexOf(key) === -1) {
               deps.push(key);
               setterSources.push("function(m){i[" + key + "]=m}");
@@ -43607,18 +43052,14 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       });
     };
   })(typeof self !== "undefined" ? self : global);
-
   var toStringTag = typeof Symbol !== "undefined" && Symbol.toStringTag;
-
   systemJSPrototype.get = function (id) {
     var load = this[REGISTRY][id];
-
     if (load && load.e === null && !load.E) {
       if (load.er) return null;
       return load.n;
     }
   };
-
   systemJSPrototype.set = function (id, module) {
     {
       try {
@@ -43628,7 +43069,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       }
     }
     var ns;
-
     if (toStringTag && module[toStringTag] === "Module") {
       ns = module;
     } else {
@@ -43637,7 +43077,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
         value: "Module"
       });
     }
-
     var done = Promise.resolve(ns);
     var load = this[REGISTRY][id] || (this[REGISTRY][id] = {
       id: id,
@@ -43657,12 +43096,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
     });
     return ns;
   };
-
   systemJSPrototype.has = function (id) {
     var load = this[REGISTRY][id];
     return !!load;
   };
-
   systemJSPrototype["delete"] = function (id) {
     var registry = this[REGISTRY];
     var load = registry[id];
@@ -43683,79 +43120,63 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
       importerSetters = null;
     };
   };
-
   var iterator = typeof Symbol !== "undefined" && Symbol.iterator;
-
   systemJSPrototype.entries = function () {
     var loader7 = this,
-        keys = Object.keys(loader7[REGISTRY]);
+      keys = Object.keys(loader7[REGISTRY]);
     var index = 0,
-        ns,
-        key;
+      ns,
+      key;
     var result = {
       next: function next() {
-        while ((key = keys[index++]) !== void 0 && (ns = loader7.get(key)) === void 0) {
-          ;
-        }
-
+        while ((key = keys[index++]) !== void 0 && (ns = loader7.get(key)) === void 0);
         return {
           done: key === void 0,
           value: key !== void 0 && [key, ns]
         };
       }
     };
-
     result[iterator] = function () {
       return this;
     };
-
     return result;
   };
-})(); // ../../../node_modules/systemjs/dist/extras/named-register.js
-
+})();
 
+// ../../../node_modules/systemjs/dist/extras/named-register.js
 (function () {
   (function (global2) {
     var System2 = global2.System;
     setRegisterRegistry(System2);
     var systemJSPrototype = System2.constructor.prototype;
     var constructor = System2.constructor;
-
     var SystemJS = function SystemJS() {
       constructor.call(this);
       setRegisterRegistry(this);
     };
-
     SystemJS.prototype = systemJSPrototype;
     System2.constructor = SystemJS;
     var firstNamedDefine, firstName;
-
     function setRegisterRegistry(systemInstance) {
       systemInstance.registerRegistry = Object.create(null);
       systemInstance.namedRegisterAliases = Object.create(null);
     }
-
     var register = systemJSPrototype.register;
-
     systemJSPrototype.register = function (name, deps, declare) {
       if (typeof name !== "string") return register.apply(this, arguments);
       var define = [deps, declare];
       this.registerRegistry[name] = define;
-
       if (!firstNamedDefine) {
         firstNamedDefine = define;
         firstName = name;
       }
-
       Promise.resolve().then(function () {
         firstNamedDefine = null;
         firstName = null;
       });
       return register.apply(this, [deps, declare]);
     };
-
     var resolve = systemJSPrototype.resolve;
-
     systemJSPrototype.resolve = function (id, parentURL) {
       try {
         return resolve.call(this, id, parentURL);
@@ -43763,16 +43184,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
         if (id in this.registerRegistry) {
           return this.namedRegisterAliases[id] || id;
         }
-
         throw err;
       }
     };
-
     var instantiate = systemJSPrototype.instantiate;
-
     systemJSPrototype.instantiate = function (url, firstParentUrl) {
       var result = this.registerRegistry[url];
-
       if (result) {
         this.registerRegistry[url] = null;
         return result;
@@ -43780,29 +43197,26 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
         return instantiate.call(this, url, firstParentUrl);
       }
     };
-
     var getRegister = systemJSPrototype.getRegister;
-
     systemJSPrototype.getRegister = function (url) {
       var register2 = getRegister.call(this, url);
-
       if (firstName && url) {
         this.namedRegisterAliases[firstName] = url;
       }
-
       var result = firstNamedDefine || register2;
       firstNamedDefine = null;
       firstName = null;
       return result;
     };
   })(typeof self !== "undefined" ? self : global);
-})(); // src/utils/empty.ts
-
+})();
 
+// src/utils/empty.ts
 var emptyApp = {
   setup: function setup() {}
-}; // ../../tooling/piral-cli/src/common/version.ts
+};
 
+// ../../tooling/piral-cli/src/common/version.ts
 var semver = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
 var acceptsAll = ["*", "x", ">=0"];
 var operatorResMap = {
@@ -43812,11 +43226,9 @@ var operatorResMap = {
   "<=": [-1, 0],
   "<": [-1]
 };
-
 function indexOrEnd(str, q) {
   return str.indexOf(q) === -1 ? str.length : str.indexOf(q);
 }
-
 function splitVersion(v) {
   var c = v.replace(/^v/, "").replace(/\+.*$/, "");
   var patchIndex = indexOrEnd(c, "-");
@@ -43824,22 +43236,18 @@ function splitVersion(v) {
   arr.push(c.substring(patchIndex + 1));
   return arr;
 }
-
 function parseSegment(v) {
   var n = parseInt(v, 10);
   return isNaN(n) ? v : n;
 }
-
 function validateAndParse(v) {
   var match = v.match(semver);
   match.shift();
   return match;
 }
-
 function compareStrings(a, b) {
   var ap = parseSegment(a);
   var bp = parseSegment(b);
-
   if (ap > bp) {
     return 1;
   } else if (ap < bp) {
@@ -43848,43 +43256,34 @@ function compareStrings(a, b) {
     return 0;
   }
 }
-
 function compareSegments(a, b) {
   for (var i = 0; i < 2; i++) {
     var r = compareStrings(a[i] || "0", b[i] || "0");
-
     if (r !== 0) {
       return r;
     }
   }
-
   return 0;
 }
-
 function compareVersions(v1, v2) {
   var s1 = splitVersion(v1);
   var s2 = splitVersion(v2);
   var len = Math.max(s1.length - 1, s2.length - 1);
-
   for (var i = 0; i < len; i++) {
     var n1 = parseInt(s1[i] || "0", 10);
     var n2 = parseInt(s2[i] || "0", 10);
-
     if (n1 > n2) {
       return 1;
     } else if (n2 > n1) {
       return -1;
     }
   }
-
   var sp1 = s1[s1.length - 1];
   var sp2 = s2[s2.length - 1];
-
   if (sp1 && sp2) {
     var p1 = sp1.split(".").map(parseSegment);
     var p2 = sp2.split(".").map(parseSegment);
     var len2 = Math.max(p1.length, p2.length);
-
     for (var _i = 0; _i < len2; _i++) {
       if (p1[_i] === void 0 || typeof p2[_i] === "string" && typeof p1[_i] === "number") {
         return -1;
@@ -43899,40 +43298,32 @@ function compareVersions(v1, v2) {
   } else if (sp1 || sp2) {
     return sp1 ? -1 : 1;
   }
-
   return 0;
 }
-
 function compare(v1, v2, operator) {
   var res = compareVersions(v1, v2);
   return operatorResMap[operator].indexOf(res) > -1;
 }
-
 function validate(version) {
   return acceptsAll.includes(version) || semver.test(version);
 }
-
 function satisfies(v, r) {
   if (!acceptsAll.includes(r)) {
     var match = r.match(/^([<>=~^]+)/);
     var op = match ? match[1] : "=";
-
     if (op !== "^" && op !== "~") {
       return compare(v, r, op);
     }
-
     var _validateAndParse = validateAndParse(v),
-        _validateAndParse2 = _slicedToArray(_validateAndParse, 3),
-        v1 = _validateAndParse2[0],
-        v2 = _validateAndParse2[1],
-        v3 = _validateAndParse2[2];
-
+      _validateAndParse2 = _slicedToArray(_validateAndParse, 3),
+      v1 = _validateAndParse2[0],
+      v2 = _validateAndParse2[1],
+      v3 = _validateAndParse2[2];
     var _validateAndParse3 = validateAndParse(r),
-        _validateAndParse4 = _slicedToArray(_validateAndParse3, 3),
-        m1 = _validateAndParse4[0],
-        m2 = _validateAndParse4[1],
-        m3 = _validateAndParse4[2];
-
+      _validateAndParse4 = _slicedToArray(_validateAndParse3, 3),
+      m1 = _validateAndParse4[0],
+      m2 = _validateAndParse4[1],
+      m3 = _validateAndParse4[2];
     if (compareStrings(v1, m1) !== 0) {
       return false;
     } else if (op === "^") {
@@ -43940,39 +43331,31 @@ function satisfies(v, r) {
     } else if (compareStrings(v2, m2) !== 0) {
       return false;
     }
-
     return compareStrings(v3, m3) >= 0;
   }
-
   return true;
-} // src/utils/system.ts
-
+}
 
+// src/utils/system.ts
 var systemResolve = System.constructor.prototype.resolve;
 var systemRegister = System.constructor.prototype.register;
-
 function getLoadedVersions(prefix) {
   return _toConsumableArray(System.entries()).filter(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 1),
-        name = _ref2[0];
-
+      name = _ref2[0];
     return name.startsWith(prefix);
   }).map(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 1),
-        name = _ref4[0];
-
+      name = _ref4[0];
     return name.substring(prefix.length);
   });
 }
-
 function findMatchingPackage(id) {
   var sep = id.indexOf("@", 1);
-
   if (sep > 1) {
     var available = Object.keys(System.registerRegistry);
     var name = id.substring(0, sep + 1);
     var versionSpec = id.substring(sep + 1);
-
     if (validate(versionSpec)) {
       var loadedVersions = getLoadedVersions(name);
       var allVersions = available.filter(function (m) {
@@ -43983,14 +43366,11 @@ function findMatchingPackage(id) {
       var availableVersions = [].concat(_toConsumableArray(loadedVersions), _toConsumableArray(allVersions.filter(function (m) {
         return !loadedVersions.includes(m);
       })));
-
       var _iterator = _createForOfIteratorHelper(availableVersions),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var availableVersion = _step.value;
-
           if (validate(availableVersion) && satisfies(availableVersion, versionSpec)) {
             return name + availableVersion;
           }
@@ -44002,58 +43382,45 @@ function findMatchingPackage(id) {
       }
     }
   }
-
   return void 0;
 }
-
 function isPrimitiveExport(content) {
   var type = _typeof(content);
-
   return type === "number" || type === "boolean" || type === "symbol" || type === "string" || type === "bigint" || Array.isArray(content);
 }
-
 System.constructor.prototype.resolve = function (id, parentUrl) {
   try {
     return systemResolve.call(this, id, parentUrl);
   } catch (ex) {
     var result = findMatchingPackage(id);
-
     if (!result) {
       throw ex;
     }
-
     return result;
   }
 };
-
 System.constructor.prototype.register = function () {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   var getContent = args.pop();
   args.push(function (_export, ctx) {
     var exp = function exp() {
       if (arguments.length === 1) {
         var content = arguments.length <= 0 ? undefined : arguments[0];
-
         if (content instanceof Promise) {
           return content.then(exp);
         } else if (typeof content === "function") {
           _export("__esModule", true);
-
           Object.keys(content).forEach(function (prop) {
             _export(prop, content[prop]);
           });
-
           _export("default", content);
         } else if (isPrimitiveExport(content)) {
           _export("__esModule", true);
-
           _export("default", content);
         } else if (content) {
           _export(content);
-
           if (_typeof(content) === "object" && !("default" in content)) {
             _export("default", content);
           }
@@ -44062,12 +43429,10 @@ System.constructor.prototype.register = function () {
         return _export.apply(void 0, arguments);
       }
     };
-
     return getContent(exp, ctx);
   });
   return systemRegister.apply(this, args);
 };
-
 function tryResolve(name, parent) {
   try {
     return System.resolve(name, parent);
@@ -44075,18 +43440,15 @@ function tryResolve(name, parent) {
     return void 0;
   }
 }
-
 function handleFailure(error, link) {
   console.error("Failed to load SystemJS module", link, error);
   return emptyApp;
 }
-
 function loadSystemPilet(link) {
   return System["import"](link)["catch"](function (error) {
     return handleFailure(error, link);
   });
 }
-
 function registerDependencies(modules) {
   var moduleNames = Object.keys(modules);
   moduleNames.forEach(function (name) {
@@ -44098,13 +43460,11 @@ function registerDependencies(modules) {
     return System["import"](name);
   }));
 }
-
 function registerModule(name, resolve) {
   System.register(name, [], function (_exports) {
     return {
       execute: function execute() {
         var content = resolve();
-
         if (content instanceof Promise) {
           return content.then(_exports);
         } else {
@@ -44114,27 +43474,24 @@ function registerModule(name, resolve) {
     };
   });
 }
-
 function registerDependencyUrls(dependencies) {
-  for (var _i2 = 0, _Object$keys = Object.keys(dependencies); _i2 < _Object$keys.length; _i2++) {
+  var _loop = function _loop() {
     var name = _Object$keys[_i2];
-
     if (!System.has(name)) {
-      (function () {
-        var dependency = dependencies[name];
-        registerModule(name, function () {
-          return System["import"](dependency);
-        });
-      })();
+      var dependency = dependencies[name];
+      registerModule(name, function () {
+        return System["import"](dependency);
+      });
     }
+  };
+  for (var _i2 = 0, _Object$keys = Object.keys(dependencies); _i2 < _Object$keys.length; _i2++) {
+    _loop();
   }
 }
-
 function unregisterModules(baseUrl, dependencies) {
   _toConsumableArray(System.entries()).map(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 1),
-        name = _ref6[0];
-
+      name = _ref6[0];
     return name;
   }).filter(function (name) {
     return name.startsWith(baseUrl) && !dependencies.includes(name);
@@ -44142,47 +43499,39 @@ function unregisterModules(baseUrl, dependencies) {
     return System["delete"](name);
   });
 }
-
 function requireModule(name, parent) {
   var moduleId = tryResolve(name, parent);
   var dependency = moduleId && System.get(moduleId);
-
   if (!dependency) {
     var error = new Error("Cannot find module '".concat(name, "'"));
     error.code = "MODULE_NOT_FOUND";
     throw error;
   }
-
   return dependency;
-} // src/utils/helpers.ts
-
+}
 
+// src/utils/helpers.ts
 function isfunc(f) {
   return typeof f === "function";
 }
-
 function callfunc(f) {
   for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
     args[_key2 - 1] = arguments[_key2];
   }
-
   isfunc(f) && f.apply(void 0, args);
 }
-
 function promisify(value) {
   return Promise.resolve(value);
 }
-
 function getBasePath(link) {
   if (link) {
     var idx = link.lastIndexOf("/");
     return link.substring(0, idx + 1);
   }
-
   return link;
-} // src/utils/dependency.ts
-
+}
 
+// src/utils/dependency.ts
 function createEvaluatedPilet(meta, mod) {
   var basePath = getBasePath(meta.link);
   var app = checkPiletApp(meta.name, mod);
@@ -44190,16 +43539,13 @@ function createEvaluatedPilet(meta, mod) {
     basePath: basePath
   });
 }
-
 function checkCreateApi(createApi) {
   if (!isfunc(createApi)) {
     console.warn("Invalid `createApi` function. Skipping pilet installation.");
     return false;
   }
-
   return true;
 }
-
 function checkPiletApp(name, app) {
   if (!app) {
     console.error("Invalid module found.", name);
@@ -44208,54 +43554,44 @@ function checkPiletApp(name, app) {
   } else {
     return app;
   }
-
   return emptyApp;
 }
-
 function checkPiletAppAsync(name, app) {
   return promisify(app).then(function (resolvedApp) {
     return checkPiletApp(name, resolvedApp);
   });
 }
-
 function includeScript(depName, link, integrity, crossOrigin) {
   window[depName] = function (moduleId) {
     return requireModule(moduleId, link);
   };
-
   return includeScriptDependency(link, integrity, crossOrigin).then(function (s) {
     return s.app;
   });
 }
-
 function includeScriptDependency(link, integrity, crossOrigin) {
   return new Promise(function (resolve, reject) {
     var s = document.createElement("script");
     s.async = true;
     s.src = link;
-
     if (integrity) {
       s.crossOrigin = crossOrigin || "anonymous";
       s.integrity = integrity;
     } else if (crossOrigin) {
       s.crossOrigin = crossOrigin;
     }
-
     s.onload = function () {
       return resolve(s);
     };
-
     s.onerror = function (e) {
       return reject(e);
     };
-
     document.body.appendChild(s);
   });
-} // src/utils/load.ts
-
+}
 
+// src/utils/load.ts
 var depContext = {};
-
 function loadSharedDependencies(dependencies) {
   if (dependencies) {
     var names = Object.keys(dependencies);
@@ -44263,46 +43599,38 @@ function loadSharedDependencies(dependencies) {
       return depContext[name] || (depContext[name] = includeScriptDependency(dependencies[name]));
     }));
   }
-
   return promisify();
 }
-
 function handleFailure2(error, name) {
   console.error("Failed to load pilet", name, error);
   return emptyApp;
 }
-
 function loadFrom(meta, loadPilet) {
   return loadSharedDependencies(meta.dependencies).then(loadPilet)["catch"](function (error) {
     return handleFailure2(error, meta.name);
   }).then(function (app) {
     return createEvaluatedPilet(meta, app);
   });
-} // src/lifecycle/cleanup.ts
-
+}
 
+// src/lifecycle/cleanup.ts
 var evtName = "unload-pilet";
-
 function runCleanup(app, api, hooks) {
   if (typeof document !== "undefined") {
     var css = document.querySelector("link[data-origin=".concat(JSON.stringify(app.name), "]"));
     css === null || css === void 0 ? void 0 : css.remove();
   }
-
   var url = app.basePath;
   callfunc(app.teardown, api);
   callfunc(hooks.cleanupPilet, app);
-
   if ("requireRef" in app) {
     var depName = app.requireRef;
     delete globalThis[depName];
   }
-
   if (url) {
     unregisterModules(url, Object.values(app.dependencies));
   }
 }
-
 function prepareCleanup(app, api, hooks) {
   var handler = function handler(e) {
     if (e.name === app.name) {
@@ -44310,28 +43638,23 @@ function prepareCleanup(app, api, hooks) {
       runCleanup(app, api, hooks);
     }
   };
-
   api.on(evtName, handler);
-} // src/lifecycle/setup.ts
-
+}
 
+// src/lifecycle/setup.ts
 function logError(name, e) {
   console.error("Error while setting up ".concat(name, "."), e);
 }
-
 function withCatch(result, name) {
   if (result instanceof Promise) {
     return result["catch"](function (e) {
       return logError(name, e);
     });
   }
-
   return promisify(result);
 }
-
 function setupSinglePilet(app, apiFactory, hooks) {
   var name = app === null || app === void 0 ? void 0 : app.name;
-
   try {
     var api = apiFactory(app);
     callfunc(hooks.setupPilet, app);
@@ -44341,13 +43664,10 @@ function setupSinglePilet(app, apiFactory, hooks) {
   } catch (e) {
     logError(name, e);
   }
-
   return promisify();
 }
-
 function setupPiletBundle(app, apiFactory, hooks) {
   var name = (app === null || app === void 0 ? void 0 : app.name) || "pilet bundle";
-
   try {
     callfunc(hooks.setupPilet, app);
     var result = app.setup(apiFactory);
@@ -44355,14 +43675,12 @@ function setupPiletBundle(app, apiFactory, hooks) {
   } catch (e) {
     logError(name, e);
   }
-
   return promisify();
-} // src/inspect.ts
-
+}
 
+// src/inspect.ts
 function inspectPilet(meta) {
   var inBrowser = typeof document !== "undefined";
-
   if ("link" in meta && meta.spec === "v3") {
     return ["v3", meta, setupSinglePilet];
   } else if (inBrowser && "link" in meta && meta.spec === "v2") {
@@ -44376,25 +43694,21 @@ function inspectPilet(meta) {
   } else {
     return ["unknown", meta, setupSinglePilet];
   }
-} // src/aggregate.ts
-
+}
 
+// src/aggregate.ts
 function runPilets(createApi, pilets) {
   var hooks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var promises = [];
-
   if (Array.isArray(pilets)) {
     var _iterator2 = _createForOfIteratorHelper(pilets),
-        _step2;
-
+      _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var pilet = _step2.value;
-
         var _inspectPilet = inspectPilet(pilet),
-            _inspectPilet2 = _slicedToArray(_inspectPilet, 3),
-            setupPilet = _inspectPilet2[2];
-
+          _inspectPilet2 = _slicedToArray(_inspectPilet, 3),
+          setupPilet = _inspectPilet2[2];
         var wait = setupPilet(pilet, createApi, hooks);
         promises.push(wait);
       }
@@ -44404,27 +43718,22 @@ function runPilets(createApi, pilets) {
       _iterator2.f();
     }
   }
-
   return Promise.all(promises).then(function () {
     return pilets;
   });
 }
-
 function runPilet(createApi, pilet) {
   var hooks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
   var _inspectPilet3 = inspectPilet(pilet),
-      _inspectPilet4 = _slicedToArray(_inspectPilet3, 3),
-      setupPilet = _inspectPilet4[2];
-
+    _inspectPilet4 = _slicedToArray(_inspectPilet3, 3),
+    setupPilet = _inspectPilet4[2];
   var wait = setupPilet(pilet, createApi, hooks);
   return wait.then(function () {
     return pilet;
   });
-} // src/api.ts
-
-
+}
 
+// src/api.ts
 
 function initializeApi(target, events) {
   return {
@@ -44434,64 +43743,55 @@ function initializeApi(target, events) {
     meta: (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, target)
   };
 }
-
 function mergeApis(api, extenders, target) {
   var frags = extenders.map(function (extender) {
     return extender(api, target);
   });
-
   tslib__WEBPACK_IMPORTED_MODULE_0__.__assign.apply(void 0, [api].concat(_toConsumableArray(frags)));
-
   return api;
-} // src/load.ts
-
+}
 
+// src/load.ts
 function checkFetchPilets(fetchPilets) {
   if (!isfunc(fetchPilets)) {
     console.error("Could not get the pilets. Provide a valid `fetchPilets` function.");
     return false;
   }
-
   return true;
 }
-
 function loadMetadata(fetchPilets) {
   if (checkFetchPilets(fetchPilets)) {
     return fetchPilets().then(function (pilets) {
       if (!Array.isArray(pilets)) {
         throw new Error("The fetched pilets metadata is not an array.");
       }
-
       return pilets.map(function (meta) {
         return _objectSpread({}, meta);
       });
     });
   }
-
   return promisify([]);
 }
-
 function loadPilets(fetchPilets, loadPilet) {
   return loadMetadata(fetchPilets).then(function (pilets) {
     return Promise.all(pilets.map(loadPilet));
   });
-} // src/loaders/bundle/dependency.ts
-
+}
 
+// src/loaders/bundle/dependency.ts
 function includeBundle(meta, crossOrigin) {
   return includeScript(meta.bundle, meta.link, meta.integrity, crossOrigin);
-} // src/loaders/bundle/index.ts
-
+}
 
+// src/loaders/bundle/index.ts
 function loader(entry, config) {
   var _entry$dependencies = entry.dependencies,
-      dependencies = _entry$dependencies === void 0 ? {} : _entry$dependencies,
-      _entry$spec = entry.spec,
-      spec = _entry$spec === void 0 ? "v1" : _entry$spec,
-      _entry$name = entry.name,
-      name = _entry$name === void 0 ? "[bundle] ".concat(entry.link) : _entry$name,
-      rest = _objectWithoutProperties(entry, _excluded);
-
+    dependencies = _entry$dependencies === void 0 ? {} : _entry$dependencies,
+    _entry$spec = entry.spec,
+    spec = _entry$spec === void 0 ? "v1" : _entry$spec,
+    _entry$name = entry.name,
+    name = _entry$name === void 0 ? "[bundle] ".concat(entry.link) : _entry$name,
+    rest = _objectWithoutProperties(entry, _excluded);
   var meta = _objectSpread({
     name: name,
     version: "",
@@ -44499,21 +43799,19 @@ function loader(entry, config) {
     spec: spec,
     dependencies: dependencies
   }, rest);
-
   return loadFrom(meta, function () {
     return includeBundle(entry, config.crossOrigin);
   });
-} // src/loaders/empty/index.ts
-
+}
 
+// src/loaders/empty/index.ts
 function loader2(entry, _config) {
   var name = entry.name,
-      _entry$spec2 = entry.spec,
-      spec = _entry$spec2 === void 0 ? "vx" : _entry$spec2,
-      _entry$dependencies2 = entry.dependencies,
-      dependencies = _entry$dependencies2 === void 0 ? {} : _entry$dependencies2,
-      rest = _objectWithoutProperties(entry, _excluded2);
-
+    _entry$spec2 = entry.spec,
+    spec = _entry$spec2 === void 0 ? "vx" : _entry$spec2,
+    _entry$dependencies2 = entry.dependencies,
+    dependencies = _entry$dependencies2 === void 0 ? {} : _entry$dependencies2,
+    rest = _objectWithoutProperties(entry, _excluded2);
   var meta = _objectSpread({
     name: name,
     version: "",
@@ -44523,12 +43821,11 @@ function loader2(entry, _config) {
     link: "",
     basePath: ""
   }, rest);
-
   console.warn("Empty pilet found!", name);
   return promisify(_objectSpread(_objectSpread({}, meta), emptyApp));
-} // src/loaders/v0/fetch.ts
-
+}
 
+// src/loaders/v0/fetch.ts
 function fetchDependency(url) {
   return fetch(url, {
     method: "GET",
@@ -44536,42 +43833,37 @@ function fetchDependency(url) {
   }).then(function (m) {
     return m.text();
   });
-} // src/loaders/v0/dependency.ts
-
+}
 
+// src/loaders/v0/dependency.ts
 function evalDependency(name, content) {
   var link = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
   var mod = {
     exports: {}
   };
-
   try {
     var sourceUrl = link && "\n//# sourceURL=".concat(link);
     var importer = new Function("module", "exports", "require", content + sourceUrl);
     var parent = link || name;
-
     var require2 = function require2(moduleId) {
       return requireModule(moduleId, parent);
     };
-
     importer(mod, mod.exports, require2);
   } catch (e) {
     console.error("Error while evaluating ".concat(name, "."), e);
   }
-
   return mod.exports;
-} // src/loaders/v0/index.ts
-
+}
 
+// src/loaders/v0/index.ts
 function loader3(entry, _config) {
   var name = entry.name,
-      _entry$config = entry.config,
-      config = _entry$config === void 0 ? {} : _entry$config,
-      _entry$dependencies3 = entry.dependencies,
-      dependencies = _entry$dependencies3 === void 0 ? {} : _entry$dependencies3,
-      _entry$spec3 = entry.spec,
-      spec = _entry$spec3 === void 0 ? "v0" : _entry$spec3;
-
+    _entry$config = entry.config,
+    config = _entry$config === void 0 ? {} : _entry$config,
+    _entry$dependencies3 = entry.dependencies,
+    dependencies = _entry$dependencies3 === void 0 ? {} : _entry$dependencies3,
+    _entry$spec3 = entry.spec,
+    spec = _entry$spec3 === void 0 ? "v0" : _entry$spec3;
   var meta = _objectSpread({
     name: name,
     config: config,
@@ -44579,7 +43871,6 @@ function loader3(entry, _config) {
     spec: spec,
     link: ""
   }, entry);
-
   if ("link" in entry && entry.link) {
     return loadFrom(meta, function () {
       return fetchDependency(entry.link).then(function (content) {
@@ -44592,179 +43883,155 @@ function loader3(entry, _config) {
       return evalDependency(name, content, void 0);
     });
   }
-} // src/loaders/v1/dependency.ts
-
+}
 
+// src/loaders/v1/dependency.ts
 function includeDependency(entry, crossOrigin) {
   return includeScript(entry.requireRef, entry.link, entry.integrity, crossOrigin);
-} // src/loaders/v1/index.ts
-
+}
 
+// src/loaders/v1/index.ts
 function loader4(entry, config) {
   var _entry$dependencies4 = entry.dependencies,
-      dependencies = _entry$dependencies4 === void 0 ? {} : _entry$dependencies4,
-      _entry$spec4 = entry.spec,
-      spec = _entry$spec4 === void 0 ? "v1" : _entry$spec4,
-      rest = _objectWithoutProperties(entry, _excluded3);
-
+    dependencies = _entry$dependencies4 === void 0 ? {} : _entry$dependencies4,
+    _entry$spec4 = entry.spec,
+    spec = _entry$spec4 === void 0 ? "v1" : _entry$spec4,
+    rest = _objectWithoutProperties(entry, _excluded3);
   var meta = _objectSpread({
     dependencies: dependencies,
     config: {},
     spec: spec
   }, rest);
-
   return loadFrom(meta, function () {
     return includeDependency(entry, config.crossOrigin);
   });
-} // src/loaders/v2/index.ts
-
+}
 
+// src/loaders/v2/index.ts
 function loader5(entry, _config) {
   var _entry$dependencies5 = entry.dependencies,
-      dependencies = _entry$dependencies5 === void 0 ? {} : _entry$dependencies5,
-      _entry$config2 = entry.config,
-      config = _entry$config2 === void 0 ? {} : _entry$config2,
-      link = entry.link,
-      rest = _objectWithoutProperties(entry, _excluded4);
-
+    dependencies = _entry$dependencies5 === void 0 ? {} : _entry$dependencies5,
+    _entry$config2 = entry.config,
+    config = _entry$config2 === void 0 ? {} : _entry$config2,
+    link = entry.link,
+    rest = _objectWithoutProperties(entry, _excluded4);
   var meta = _objectSpread({
     dependencies: dependencies,
     config: config,
     link: link
   }, rest);
-
   registerDependencyUrls(dependencies);
   return loadSystemPilet(link).then(function (app) {
     return createEvaluatedPilet(meta, app);
   });
-} // src/loaders/v3/index.ts
-
+}
 
+// src/loaders/v3/index.ts
 function loader6(entry, _config) {
   var _entry$dependencies6 = entry.dependencies,
-      dependencies = _entry$dependencies6 === void 0 ? {} : _entry$dependencies6,
-      _entry$config3 = entry.config,
-      config = _entry$config3 === void 0 ? {} : _entry$config3,
-      link = entry.link,
-      rest = _objectWithoutProperties(entry, _excluded5);
-
+    dependencies = _entry$dependencies6 === void 0 ? {} : _entry$dependencies6,
+    _entry$config3 = entry.config,
+    config = _entry$config3 === void 0 ? {} : _entry$config3,
+    link = entry.link,
+    rest = _objectWithoutProperties(entry, _excluded5);
   var meta = _objectSpread({
     dependencies: dependencies,
     config: config,
     link: link
   }, rest);
-
   registerDependencyUrls(dependencies);
   return loadSystemPilet(link).then(function (app) {
     return createEvaluatedPilet(meta, app);
   });
-} // src/loader.ts
-
+}
 
+// src/loader.ts
 function extendLoader(fallback, specLoaders) {
   if (_typeof(specLoaders) === "object" && specLoaders) {
     return function (meta) {
       if (typeof meta.spec === "string") {
         var loaderOverride = specLoaders[meta.spec];
-
         if (isfunc(loaderOverride)) {
           return loaderOverride(meta);
         }
       }
-
       return fallback(meta);
     };
   }
-
   return fallback;
 }
-
 function getDefaultLoader() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (result) {
     var r = inspectPilet(result);
-
     switch (r[0]) {
       case "v3":
         return loader6(r[1], config);
-
       case "v2":
         return loader5(r[1], config);
-
       case "v1":
         return loader4(r[1], config);
-
       case "v0":
         return loader3(r[1], config);
-
       case "bundle":
         return loader(r[1], config);
-
       default:
         return loader2(r[1], config);
     }
   };
-} // src/strategies.ts
-
+}
 
+// src/strategies.ts
 function runAll(createApi, existingPilets, additionalPilets, hooks) {
   if (!Array.isArray(existingPilets)) {
     return Promise.reject("The existing pilets must be passed as an array.");
   }
-
   if (!checkCreateApi(createApi)) {
     return Promise.resolve([]);
   }
-
   try {
     var _iterator3 = _createForOfIteratorHelper(existingPilets),
-        _step3;
-
+      _step3;
     try {
-      var _loop = function _loop() {
+      var _loop2 = function _loop2() {
         var existing = _step3.value;
         var name = existing.name;
-
         var _additionalPilets$fil = additionalPilets.filter(function (pilet) {
-          return pilet.name === name;
-        }),
-            _additionalPilets$fil2 = _slicedToArray(_additionalPilets$fil, 1),
-            newPilet = _additionalPilets$fil2[0];
-
+            return pilet.name === name;
+          }),
+          _additionalPilets$fil2 = _slicedToArray(_additionalPilets$fil, 1),
+          newPilet = _additionalPilets$fil2[0];
         if (newPilet) {
           additionalPilets.splice(additionalPilets.indexOf(newPilet), 1);
         }
       };
-
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        _loop();
+        _loop2();
       }
     } catch (err) {
       _iterator3.e(err);
     } finally {
       _iterator3.f();
     }
-
     var pilets = [].concat(_toConsumableArray(existingPilets), _toConsumableArray(additionalPilets));
     return runPilets(createApi, pilets, hooks);
   } catch (err) {
     return Promise.reject(err);
   }
 }
-
 function createProgressiveStrategy(async) {
   return function (options, cb) {
     var fetchPilets = options.fetchPilets,
-        _options$dependencies = options.dependencies,
-        dependencies = _options$dependencies === void 0 ? {} : _options$dependencies,
-        createApi = options.createApi,
-        config = options.config,
-        _options$pilets = options.pilets,
-        pilets = _options$pilets === void 0 ? [] : _options$pilets,
-        _options$loadPilet = options.loadPilet,
-        loadPilet = _options$loadPilet === void 0 ? getDefaultLoader(config) : _options$loadPilet,
-        loaders = options.loaders,
-        hooks = options.hooks;
+      _options$dependencies = options.dependencies,
+      dependencies = _options$dependencies === void 0 ? {} : _options$dependencies,
+      createApi = options.createApi,
+      config = options.config,
+      _options$pilets = options.pilets,
+      pilets = _options$pilets === void 0 ? [] : _options$pilets,
+      _options$loadPilet = options.loadPilet,
+      loadPilet = _options$loadPilet === void 0 ? getDefaultLoader(config) : _options$loadPilet,
+      loaders = options.loaders,
+      hooks = options.hooks;
     var loadingAll = loadMetadata(fetchPilets);
     var loadSingle = extendLoader(loadPilet, loaders);
     return registerDependencies(dependencies).then(function () {
@@ -44772,23 +44039,19 @@ function createProgressiveStrategy(async) {
         cb(void 0, []);
         return Promise.resolve();
       }
-
       return runPilets(createApi, pilets, hooks).then(function (integratedPilets) {
         if (async && integratedPilets.length > 0) {
           cb(void 0, _toConsumableArray(integratedPilets));
         }
-
         var followUp = loadingAll.then(function (metadata) {
           var promises = metadata.map(function (m) {
             return loadSingle(m).then(function (app) {
               var available = pilets.filter(function (m2) {
                 return m2.name === app.name;
               }).length === 0;
-
               if (available) {
                 return runPilet(createApi, app, hooks).then(function (additionalPilet) {
                   integratedPilets.push(additionalPilet);
-
                   if (async) {
                     cb(void 0, _toConsumableArray(integratedPilets));
                   }
@@ -44802,34 +44065,36 @@ function createProgressiveStrategy(async) {
             }
           });
         });
-        return async ? loadingAll.then() : followUp.then();
+        if (async) {
+          followUp["catch"](function () {});
+          return loadingAll.then();
+        } else {
+          return followUp.then();
+        }
       });
     });
   };
 }
-
 function blazingStrategy(options, cb) {
   var strategy = createProgressiveStrategy(true);
   return strategy(options, cb);
 }
-
 function asyncStrategy(options, cb) {
   standardStrategy(options, cb);
   return promisify();
 }
-
 function standardStrategy(options, cb) {
   var fetchPilets = options.fetchPilets,
-      _options$dependencies2 = options.dependencies,
-      dependencies = _options$dependencies2 === void 0 ? {} : _options$dependencies2,
-      createApi = options.createApi,
-      config = options.config,
-      _options$pilets2 = options.pilets,
-      pilets = _options$pilets2 === void 0 ? [] : _options$pilets2,
-      _options$loadPilet2 = options.loadPilet,
-      loadPilet = _options$loadPilet2 === void 0 ? getDefaultLoader(config) : _options$loadPilet2,
-      loaders = options.loaders,
-      hooks = options.hooks;
+    _options$dependencies2 = options.dependencies,
+    dependencies = _options$dependencies2 === void 0 ? {} : _options$dependencies2,
+    createApi = options.createApi,
+    config = options.config,
+    _options$pilets2 = options.pilets,
+    pilets = _options$pilets2 === void 0 ? [] : _options$pilets2,
+    _options$loadPilet2 = options.loadPilet,
+    loadPilet = _options$loadPilet2 === void 0 ? getDefaultLoader(config) : _options$loadPilet2,
+    loaders = options.loaders,
+    hooks = options.hooks;
   var loadSingle = extendLoader(loadPilet, loaders);
   return registerDependencies(dependencies).then(function () {
     return loadPilets(fetchPilets, loadSingle);
@@ -44841,14 +44106,13 @@ function standardStrategy(options, cb) {
     return cb(error, []);
   });
 }
-
 function syncStrategy(options, cb) {
   var createApi = options.createApi,
-      hooks = options.hooks,
-      _options$dependencies3 = options.dependencies,
-      dependencies = _options$dependencies3 === void 0 ? {} : _options$dependencies3,
-      _options$pilets3 = options.pilets,
-      pilets = _options$pilets3 === void 0 ? [] : _options$pilets3;
+    hooks = options.hooks,
+    _options$dependencies3 = options.dependencies,
+    dependencies = _options$dependencies3 === void 0 ? {} : _options$dependencies3,
+    _options$pilets3 = options.pilets,
+    pilets = _options$pilets3 === void 0 ? [] : _options$pilets3;
   return registerDependencies(dependencies).then(function () {
     return runAll(createApi, pilets, [], hooks).then(function (integratedPilets) {
       return cb(void 0, integratedPilets);
@@ -44857,7 +44121,6 @@ function syncStrategy(options, cb) {
     });
   });
 }
-
 function createDeferredStrategy(trigger) {
   var strategy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : standardStrategy;
   return function (options, cb) {
@@ -44867,9 +44130,9 @@ function createDeferredStrategy(trigger) {
     });
     return promisify();
   };
-} // src/create.ts
-
+}
 
+// src/create.ts
 function startLoadingPilets(options) {
   var state = {
     loaded: false,
@@ -44877,28 +44140,23 @@ function startLoadingPilets(options) {
     error: void 0
   };
   var notifiers = [];
-
   var call = function call(notifier) {
     return notifier(state.error, state.pilets, state.loaded);
   };
-
   var notify = function notify() {
     return notifiers.forEach(call);
   };
-
   var setPilets = function setPilets(error, pilets) {
     state.error = error;
     state.pilets = pilets;
     notify();
   };
-
   var setLoaded = function setLoaded() {
     state.loaded = true;
     notify();
   };
-
   var _options$strategy = options.strategy,
-      strategy = _options$strategy === void 0 ? standardStrategy : _options$strategy;
+    strategy = _options$strategy === void 0 ? standardStrategy : _options$strategy;
   strategy(options, setPilets).then(setLoaded, setLoaded);
   return {
     connect: function connect(notifier) {
@@ -44912,13 +44170,12 @@ function startLoadingPilets(options) {
       index !== -1 && notifiers.splice(index, 1);
     }
   };
-} // src/events.ts
-
+}
 
+// src/events.ts
 function nameOf(type) {
   return "piral-".concat(type);
 }
-
 function createListener() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var eventListeners = [];
@@ -44928,23 +44185,20 @@ function createListener() {
         var detail = _ref7.detail;
         return detail && detail.state === state && callback(detail.arg);
       };
-
       document.body.addEventListener(nameOf(type), listener);
       eventListeners.push([callback, listener]);
       return this;
     },
     off: function off(type, callback) {
       var _eventListeners$filte = eventListeners.filter(function (m) {
-        return m[0] === callback;
-      }),
-          _eventListeners$filte2 = _slicedToArray(_eventListeners$filte, 1),
-          listener = _eventListeners$filte2[0];
-
+          return m[0] === callback;
+        }),
+        _eventListeners$filte2 = _slicedToArray(_eventListeners$filte, 1),
+        listener = _eventListeners$filte2[0];
       if (listener) {
         document.body.removeEventListener(nameOf(type), listener[1]);
         eventListeners.splice(eventListeners.indexOf(listener), 1);
       }
-
       return this;
     },
     emit: function emit(type, arg) {
@@ -44960,7 +44214,6 @@ function createListener() {
 }
 
 
-
 /***/ })
 
 /******/ 	});
@@ -45115,4 +44368,4 @@ var instance = (0,piral_core__WEBPACK_IMPORTED_MODULE_2__.createInstance)({
 
 /******/ })()
 ;
-//# sourceMappingURL=index.b9f05e.js.map
+//# sourceMappingURL=index.ce74cb.js.map