sample-cross-fx 0.15.0-beta.4633 → 0.15.0-beta.4672

package/app/{index.733b33.js → index.b0ccff.js}

@@ -54100,7 +54100,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'span'
+    rootName = 'piral-slot'
   } = config;
   (0,aurelia_pal_browser__WEBPACK_IMPORTED_MODULE_1__.initialize)();
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_2__.createExtension)(rootName);
@@ -54266,6 +54266,16 @@ function project(component, destination, options) {
   destination.appendChild(component);
 }
 
+function makeUrl(href) {
+  const origin = document.location.origin;
+
+  if (!href.startsWith(origin)) {
+    return `${origin}${href}`;
+  }
+
+  return href;
+}
+
 function createConverter(lazy) {
   const boot = (0,_interop__WEBPACK_IMPORTED_MODULE_0__.createBootLoader)(_infra_codegen__WEBPACK_IMPORTED_MODULE_1__["default"]);
   let loader = !lazy && boot();
@@ -54293,7 +54303,8 @@ function createConverter(lazy) {
         }) => {
           // POP is already handled by .NET
           if (action !== 'POP') {
-            (0,_interop__WEBPACK_IMPORTED_MODULE_0__.callNotifyLocationChanged)(location.href, action === 'REPLACE');
+            const url = makeUrl(location.href);
+            (0,_interop__WEBPACK_IMPORTED_MODULE_0__.callNotifyLocationChanged)(url, action === 'REPLACE');
           }
         });
       }
@@ -54891,7 +54902,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'slot'
+    rootName = 'piral-slot'
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
@@ -55029,7 +55040,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'slot'
+    rootName = 'piral-slot'
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
@@ -55391,7 +55402,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'slot'
+    rootName = 'piral-slot'
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_1__.createExtension)(rootName);
 
@@ -55672,16 +55683,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "RoutingService": () => (/* binding */ RoutingService)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2020/core.mjs");
-/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "../../../node_modules/@angular/router/fesm2020/router.mjs");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs/operators */ "../../../node_modules/rxjs/dist/esm5/internal/operators/filter.js");
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "../../../node_modules/@angular/router/fesm2020/router.mjs");
 var RoutingService_1;
 
 
 
 
-
 const ngc = _angular_core__WEBPACK_IMPORTED_MODULE_0__;
 let RoutingService = RoutingService_1 = class RoutingService {
   constructor(context, router, zone) {
@@ -55710,14 +55719,24 @@ let RoutingService = RoutingService_1 = class RoutingService {
           this.zone.run(() => this.router.navigateByUrl(path));
         }
       });
-      this.subscription = this.router.events.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_1__.filter)(e => e instanceof _angular_router__WEBPACK_IMPORTED_MODULE_2__.NavigationError)).subscribe(e => {
-        const path = e.url;
+      this.subscription = this.router.events.subscribe(e => {
+        if (e instanceof _angular_router__WEBPACK_IMPORTED_MODULE_1__.NavigationError) {
+          const path = e.url;
 
-        if (!this.invalidRoutes.includes(path)) {
-          this.invalidRoutes.push(path);
-        }
+          if (!this.invalidRoutes.includes(path)) {
+            this.invalidRoutes.push(path);
+          }
+
+          nav.push(path);
+        } else if (e.type === 15) {
+          // consistency check to avoid #535 and other Angular-specific issues
+          const locationUrl = nav.path;
+          const routerUrl = e.routerEvent.url;
 
-        nav.push(path);
+          if (routerUrl !== locationUrl) {
+            nav.push(routerUrl);
+          }
+        }
       });
     }
   }
@@ -55730,12 +55749,12 @@ let RoutingService = RoutingService_1 = class RoutingService {
   }
 
 };
-RoutingService.ɵfac = 'ɵɵinject' in ngc ? t => new (t || RoutingService_1)(ngc.ɵɵinject('Context'), ngc.ɵɵinject(_angular_router__WEBPACK_IMPORTED_MODULE_2__.Router, 8), ngc.ɵɵinject(_angular_core__WEBPACK_IMPORTED_MODULE_0__.NgZone, 8)) : undefined;
+RoutingService.ɵfac = 'ɵɵinject' in ngc ? t => new (t || RoutingService_1)(ngc.ɵɵinject('Context'), ngc.ɵɵinject(_angular_router__WEBPACK_IMPORTED_MODULE_1__.Router, 8), ngc.ɵɵinject(_angular_core__WEBPACK_IMPORTED_MODULE_0__.NgZone, 8)) : undefined;
 RoutingService.ɵprov = 'ɵɵngDeclareInjectable' in ngc ? ngc.ɵɵdefineInjectable({
   token: RoutingService_1,
   factory: RoutingService_1.ɵfac
 }) : undefined;
-RoutingService = RoutingService_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Injectable)(), (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__param)(0, (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject)('Context')), (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__param)(1, (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__param)(2, (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__metadata)("design:paramtypes", [Object, _angular_router__WEBPACK_IMPORTED_MODULE_2__.Router, _angular_core__WEBPACK_IMPORTED_MODULE_0__.NgZone])], RoutingService);
+RoutingService = RoutingService_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Injectable)(), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__param)(0, (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject)('Context')), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__param)(1, (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__param)(2, (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional)()), (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__metadata)("design:paramtypes", [Object, _angular_router__WEBPACK_IMPORTED_MODULE_1__.Router, _angular_core__WEBPACK_IMPORTED_MODULE_0__.NgZone])], RoutingService);
 
 
 if ('ɵsetClassMetadata' in ngc) {
@@ -55751,7 +55770,7 @@ if ('ɵsetClassMetadata' in ngc) {
       args: ['Context']
     }]
   }, {
-    type: _angular_router__WEBPACK_IMPORTED_MODULE_2__.Router,
+    type: _angular_router__WEBPACK_IMPORTED_MODULE_1__.Router,
     decorators: [{
       type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Optional
     }]
@@ -56403,7 +56422,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'slot'
+    rootName = 'piral-slot'
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_1__.createExtension)(rootName);
 
@@ -56531,7 +56550,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'slot'
+    rootName = 'piral-slot'
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
@@ -56881,7 +56900,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'slot'
+    rootName = 'piral-slot'
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName);
 
@@ -57132,7 +57151,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function createConverter(config = {}) {
   const {
-    rootName = 'slot',
+    rootName = 'piral-slot',
     selector = 'extension-component'
   } = config;
   const Extension = (0,_extension__WEBPACK_IMPORTED_MODULE_0__.createExtension)(rootName, selector);
@@ -59628,8 +59647,8 @@ class ForeignComponentContainer extends react__WEBPACK_IMPORTED_MODULE_0__.Compo
     const {
       $portalId
     } = this.props;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
-      "data-portal-id": $portalId,
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("piral-portal", {
+      pid: $portalId,
       ref: this.setNode
     });
   }
@@ -60457,6 +60476,120 @@ DefaultRouter.displayName = 'DefaultRouter';
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/defaults/navigator_v5.js":
+/*!***************************************************************!*\
+  !*** ../../framework/piral-core/esm/defaults/navigator_v5.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "createNavigation": () => (/* binding */ createNavigation),
+/* harmony export */   "createRedirect": () => (/* binding */ createRedirect),
+/* harmony export */   "useCurrentNavigation": () => (/* binding */ useCurrentNavigation),
+/* harmony export */   "useRouterContext": () => (/* binding */ useRouterContext)
+/* harmony export */ });
+/* 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__);
+/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
+
+
+
+let _nav;
+
+const _noop = () => {};
+
+function useRouterContext() {
+  return react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_1__.__RouterContext);
+}
+function useCurrentNavigation() {
+  const ctx = useRouterContext();
+  const location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)();
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+    if (_nav) {
+      window.dispatchEvent(new CustomEvent('piral-navigate', {
+        detail: {
+          location
+        }
+      }));
+    }
+  }, [location]);
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+    _nav = ctx.history;
+    return () => {
+      _nav = undefined;
+    };
+  }, []);
+}
+function createRedirect(to) {
+  return () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Redirect, {
+    to: to
+  });
+}
+function createNavigation() {
+  const enhance = (location, action) => ({
+    action,
+    location: Object.assign({
+      get href() {
+        return _nav.createHref(location);
+      }
+
+    }, location)
+  });
+
+  return {
+    get path() {
+      if (_nav) {
+        return _nav.location.pathname;
+      }
+
+      return location.pathname;
+    },
+
+    push(target, state) {
+      if (_nav) {
+        _nav.push(target, state);
+      }
+    },
+
+    replace(target, state) {
+      if (_nav) {
+        _nav.replace(target, state);
+      }
+    },
+
+    go(n) {
+      if (_nav) {
+        _nav.go(n);
+      }
+    },
+
+    block(blocker) {
+      if (!_nav) {
+        return _noop;
+      }
+
+      return _nav.block((location, action) => blocker(enhance(location, action)));
+    },
+
+    listen(listener) {
+      const handler = e => listener(enhance(e.detail, _nav.action));
+
+      window.addEventListener('piral-navigate', handler);
+      return () => {
+        window.removeEventListener('piral-navigate', handler);
+      };
+    },
+
+    router: {
+      history: _nav
+    }
+  };
+}
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/emulator.js":
 /*!**************************************************!*\
   !*** ../../framework/piral-core/esm/emulator.js ***!
@@ -60867,6 +61000,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 if (typeof window !== 'undefined' && 'customElements' in window) {
+  /**
+   * This is a nice abstraction allowing anyone to actually use the extension system
+   * brought by Piral. Not all props of the extension system are actually exposed.
+   *
+   * Usage:
+   *
+   * ```
+   * <piral-extension name="my-ext-name"></piral-extension>
+   * ```
+   */
   class PiralExtension extends HTMLElement {
     constructor() {
       super(...arguments);
@@ -60908,6 +61051,8 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
     }
 
     connectedCallback() {
+      this.style.display = 'contents';
+
       if (this.isConnected) {
         this.dispatchEvent(new CustomEvent('render-html', {
           bubbles: true,
@@ -60943,7 +61088,46 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
 
   }
 
-  customElements.define('piral-extension', PiralExtension);
+  customElements.define(_utils__WEBPACK_IMPORTED_MODULE_2__.extensionName, PiralExtension);
+  /**
+   * This is a boundary to host elements from other frameworks - effectively vanishing
+   * at runtime.
+   *
+   * Usage:
+   *
+   * ```
+   * <piral-portal pid="host-1234"></piral-portal>
+   * ```
+   */
+
+  class PiralPortal extends HTMLElement {
+    connectedCallback() {
+      this.style.display = 'contents';
+    }
+
+  }
+
+  customElements.define(_utils__WEBPACK_IMPORTED_MODULE_2__.portalName, PiralPortal);
+  /**
+   * This is a virtual element to aggregate rendering from other frameworks, mostly
+   * used like piral-portal, but without context-hosting capabilities. This would
+   * be used exclusively within a foreign framework, not from Piral to initiate.
+   *
+   * Usage:
+   *
+   * ```
+   * <piral-slot></piral-slot>
+   * ```
+   */
+
+  class PiralSlot extends HTMLElement {
+    connectedCallback() {
+      this.style.display = 'contents';
+    }
+
+  }
+
+  customElements.define(_utils__WEBPACK_IMPORTED_MODULE_2__.slotName, PiralSlot);
 }
 
 function renderElement(context, element, props) {
@@ -61048,7 +61232,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "includeActions": () => (/* binding */ includeActions)
 /* harmony export */ });
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../actions */ "../../framework/piral-core/esm/actions/index.js");
-/* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../app.codegen */ "../../framework/piral-core/app.codegen");
+/* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../app.codegen */ "../../framework/piral-core/esm/defaults/navigator_v5.js");
 
 
 
@@ -61340,7 +61524,7 @@ const SlotCarrier = ({
   }, [nodes]);
 
   if (nodes.length) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("slot", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("piral-slot", {
       ref: host
     });
   }
@@ -61387,13 +61571,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "attachDomPortal": () => (/* binding */ attachDomPortal),
 /* harmony export */   "changeDomPortal": () => (/* binding */ changeDomPortal),
 /* harmony export */   "convertComponent": () => (/* binding */ convertComponent),
-/* harmony export */   "renderInDom": () => (/* binding */ renderInDom)
+/* harmony export */   "extensionName": () => (/* binding */ extensionName),
+/* harmony export */   "portalName": () => (/* binding */ portalName),
+/* harmony export */   "renderInDom": () => (/* binding */ renderInDom),
+/* harmony export */   "slotName": () => (/* binding */ slotName)
 /* harmony export */ });
 /* 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__);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");
 
 
+const extensionName = 'piral-extension';
+const portalName = 'piral-portal';
+const slotName = 'piral-slot';
 function attachDomPortal(id, context, element, component, props) {
   const portal = /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)( /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(component, props), element);
   context.showPortal(id, portal);
@@ -61412,11 +61602,11 @@ function convertComponent(converter, component) {
   return converter(component);
 }
 function renderInDom(context, element, component, props) {
-  const portalId = 'data-portal-id';
+  const portalId = 'pid';
   let parent = element;
 
   while (parent) {
-    if (parent instanceof Element && parent.hasAttribute(portalId)) {
+    if (parent instanceof Element && parent.localName === portalName && parent.hasAttribute(portalId)) {
       const id = parent.getAttribute(portalId);
       return attachDomPortal(id, context, element, component, props);
     }
@@ -62382,7 +62572,7 @@ function installPiralDebug(options) {
       label: 'State container logging',
 
       onChange(value) {
-        setValue('dbg:view-state', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.viewState, value ? 'on' : 'off');
       }
 
     },
@@ -62392,7 +62582,7 @@ function installPiralDebug(options) {
       label: 'Load available pilets',
 
       onChange(value) {
-        setValue('dbg:load-pilets', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.loadPilets, value ? 'on' : 'off');
       }
 
     },
@@ -62402,7 +62592,7 @@ function installPiralDebug(options) {
       label: 'Full refresh on change',
 
       onChange(value) {
-        setValue('dbg:hard-refresh', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.hardRefresh, value ? 'on' : 'off');
       }
 
     },
@@ -62412,7 +62602,7 @@ function installPiralDebug(options) {
       label: 'Visualize component origins',
 
       onChange(value, prev) {
-        setValue('dbg:view-origins', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.viewOrigins, value ? 'on' : 'off');
 
         if (prev !== value) {
           updateVisualize(value);
@@ -62426,7 +62616,7 @@ function installPiralDebug(options) {
       label: 'Enable extension catalogue',
 
       onChange(value) {
-        setValue('dbg:extension-catalogue', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.extensionCatalogue, value ? 'on' : 'off');
       }
 
     },
@@ -62436,7 +62626,7 @@ function installPiralDebug(options) {
       label: 'Clear console during HMR',
 
       onChange(value) {
-        setValue('dbg:clear-console', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.clearConsole, value ? 'on' : 'off');
       }
 
     },
@@ -62601,12 +62791,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.15.0-beta.4633",
+      version: "0.15.0-beta.4672",
       dependencies: "@angular/common,@angular/compiler,@angular/core,@angular/platform-browser,@angular/platform-browser-dynamic,@webcomponents/webcomponentsjs,angular,aurelia-framework,aurelia-templating-binding,aurelia-templating-resources,aurelia-pal-browser,aurelia-event-aggregator,aurelia-history-browser,hyperapp,inferno,inferno-create-element,mithril,lit-element,solid-js,solid-js/dom,piral-ng/common,preact,riot,rxjs,vue,zone.js,tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2022-08-30T19:25:34.550Z",
-      cli: "0.14.30",
+      date: "2022-09-21T22:45:27.818Z",
+      cli: "0.14.31",
       compat: "0.14"
     }
   };
@@ -62714,11 +62904,12 @@ function installPiralDebug(options) {
     if (!legacyBrowser && event.storageArea === sessionStorage) {
       // potentially unknowingly updated settings
       updateSettings({
-        viewState: sessionStorage.getItem('dbg:view-state') !== 'off',
-        loadPilets: sessionStorage.getItem('dbg:load-pilets') === 'on',
-        hardRefresh: sessionStorage.getItem('dbg:hard-refresh') === 'on',
-        viewOrigins: sessionStorage.getItem('dbg:view-origins') === 'on',
-        extensionCatalogue: sessionStorage.getItem('dbg:extension-catalogue') !== 'off'
+        viewState: sessionStorage.getItem(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.viewState) !== 'off',
+        loadPilets: sessionStorage.getItem(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.loadPilets) === 'on',
+        hardRefresh: sessionStorage.getItem(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.hardRefresh) === 'on',
+        viewOrigins: sessionStorage.getItem(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.viewOrigins) === 'on',
+        extensionCatalogue: sessionStorage.getItem(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.extensionCatalogue) !== 'off',
+        clearConsole: sessionStorage.getItem(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.clearConsole) === 'on'
       });
     }
   });
@@ -63018,13 +63209,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "navigate": () => (/* binding */ navigate),
 /* harmony export */   "setNavigate": () => (/* binding */ setNavigate),
 /* harmony export */   "setState": () => (/* binding */ setState),
+/* harmony export */   "settingsKeys": () => (/* binding */ settingsKeys),
 /* harmony export */   "subscribe": () => (/* binding */ subscribe),
 /* harmony export */   "useDebugState": () => (/* binding */ useDebugState)
 /* harmony export */ });
 /* 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__);
 
-const persistKey = 'dbg:persist-settings-data';
+const settingsKeys = {
+  viewState: 'dbg:view-state',
+  loadPilets: 'dbg:load-pilets',
+  hardRefresh: 'dbg:hard-refresh',
+  viewOrigins: 'dbg:view-origins',
+  extensionCatalogue: 'dbg:extension-catalogue',
+  clearConsole: 'dbg:clear-console',
+  persistSettings: 'dbg:persist-settings-data'
+};
+const persistKey = settingsKeys.persistSettings;
 const persistSettings = !!localStorage.getItem(persistKey);
 
 const defaultSetter = (name, value) => {
@@ -63053,11 +63254,15 @@ if (persistSettings) {
 
 function enablePersistance() {
   const data = {};
+  const validKeys = Object.keys(settingsKeys).map(m => settingsKeys[m]);
 
   for (let i = 0; i < sessionStorage.length; i++) {
     const name = sessionStorage.key(i);
-    const value = sessionStorage.getItem(name);
-    data[name] = value;
+
+    if (validKeys.includes(name)) {
+      const value = sessionStorage.getItem(name);
+      data[name] = value;
+    }
   }
 
   localStorage.setItem(persistKey, JSON.stringify(data));
@@ -63069,12 +63274,12 @@ function disablePersistance() {
 }
 const initialSetter = persistSettings ? persistentSetter : defaultSetter;
 const initialSettings = {
-  viewState: sessionStorage.getItem('dbg:view-state') !== 'off',
-  loadPilets: sessionStorage.getItem('dbg:load-pilets') === 'on',
-  hardRefresh: sessionStorage.getItem('dbg:hard-refresh') === 'on',
-  viewOrigins: sessionStorage.getItem('dbg:view-origins') === 'on',
-  extensionCatalogue: sessionStorage.getItem('dbg:extension-catalogue') !== 'off',
-  clearConsole: sessionStorage.getItem('dbg:clear-console') === 'on',
+  viewState: sessionStorage.getItem(settingsKeys.viewState) !== 'off',
+  loadPilets: sessionStorage.getItem(settingsKeys.loadPilets) === 'on',
+  hardRefresh: sessionStorage.getItem(settingsKeys.hardRefresh) === 'on',
+  viewOrigins: sessionStorage.getItem(settingsKeys.viewOrigins) === 'on',
+  extensionCatalogue: sessionStorage.getItem(settingsKeys.extensionCatalogue) !== 'off',
+  clearConsole: sessionStorage.getItem(settingsKeys.clearConsole) === 'on',
   persistSettings,
   cataloguePath: '/$debug-extension-catalogue'
 };
@@ -74314,14 +74519,14 @@ var react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache;
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createDefaultState": () => (/* binding */ createDefaultState),
-/* harmony export */   "createNavigation": () => (/* binding */ createNavigation),
-/* harmony export */   "createRedirect": () => (/* binding */ createRedirect),
+/* harmony export */   "createNavigation": () => (/* reexport safe */ piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_31__.createNavigation),
+/* harmony export */   "createRedirect": () => (/* reexport safe */ piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_31__.createRedirect),
 /* harmony export */   "fillDependencies": () => (/* binding */ fillDependencies),
-/* harmony export */   "integrateDebugger": () => (/* reexport safe */ piral_core_debugger__WEBPACK_IMPORTED_MODULE_36__.integrateDebugger),
-/* harmony export */   "integrateEmulator": () => (/* reexport safe */ piral_core_emulator__WEBPACK_IMPORTED_MODULE_37__.integrateEmulator),
+/* harmony export */   "integrateDebugger": () => (/* reexport safe */ piral_core_debugger__WEBPACK_IMPORTED_MODULE_37__.integrateDebugger),
+/* harmony export */   "integrateEmulator": () => (/* reexport safe */ piral_core_emulator__WEBPACK_IMPORTED_MODULE_38__.integrateEmulator),
 /* harmony export */   "publicPath": () => (/* binding */ publicPath),
 /* harmony export */   "useRouteFilter": () => (/* binding */ useRouteFilter),
-/* harmony export */   "useRouterContext": () => (/* binding */ useRouterContext)
+/* harmony export */   "useRouterContext": () => (/* reexport safe */ piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_31__.useRouterContext)
 /* harmony export */ });
 /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm2020/common.mjs");
 /* harmony import */ var _angular_compiler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/compiler */ "../../../node_modules/@angular/compiler/fesm2020/compiler.mjs");
@@ -74359,14 +74564,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");
 /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
 /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! react-router-dom */ "../../../node_modules/react-router-dom/esm/react-router-dom.js");
-/* harmony import */ var piral_core_defaults_DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! piral-core/_/defaults/DefaultErrorInfo */ "../../framework/piral-core/esm/defaults/DefaultErrorInfo.js");
-/* harmony import */ var piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLoadingIndicator */ "../../framework/piral-core/esm/defaults/DefaultLoadingIndicator.js");
-/* harmony import */ var piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLayout */ "../../framework/piral-core/esm/defaults/DefaultLayout.js");
-/* harmony import */ var piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! piral-core/_/defaults/DefaultRouter_v5 */ "../../framework/piral-core/esm/defaults/DefaultRouter_v5.js");
-/* harmony import */ var piral_core_defaults_DefaultRouteSwitch_v5__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! piral-core/_/defaults/DefaultRouteSwitch_v5 */ "../../framework/piral-core/esm/defaults/DefaultRouteSwitch_v5.js");
-/* harmony import */ var piral_core_debugger__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! piral-core/_/debugger */ "../../framework/piral-core/esm/debugger.js");
-/* harmony import */ var piral_core_emulator__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! piral-core/_/emulator */ "../../framework/piral-core/esm/emulator.js");
-/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.js");
+/* harmony import */ var piral_core_defaults_DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! piral-core/_/defaults/DefaultErrorInfo */ "../../framework/piral-core/esm/defaults/DefaultErrorInfo.js");
+/* harmony import */ var piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLoadingIndicator */ "../../framework/piral-core/esm/defaults/DefaultLoadingIndicator.js");
+/* harmony import */ var piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLayout */ "../../framework/piral-core/esm/defaults/DefaultLayout.js");
+/* harmony import */ var piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! piral-core/_/defaults/DefaultRouter_v5 */ "../../framework/piral-core/esm/defaults/DefaultRouter_v5.js");
+/* harmony import */ var piral_core_defaults_DefaultRouteSwitch_v5__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! piral-core/_/defaults/DefaultRouteSwitch_v5 */ "../../framework/piral-core/esm/defaults/DefaultRouteSwitch_v5.js");
+/* harmony import */ var piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! piral-core/_/defaults/navigator_v5 */ "../../framework/piral-core/esm/defaults/navigator_v5.js");
+/* harmony import */ var piral_core_debugger__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! piral-core/_/debugger */ "../../framework/piral-core/esm/debugger.js");
+/* harmony import */ var piral_core_emulator__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! piral-core/_/emulator */ "../../framework/piral-core/esm/emulator.js");
+/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.js");
 
     
 
@@ -74409,11 +74615,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
-
-
-    let _nav;
-    const _noop = () => {};
 
     
     function fillDependencies(deps) {
@@ -74421,63 +74622,8 @@ __webpack_require__.r(__webpack_exports__);
     }
   
 
-      function useCurrentNavigation() {
-        const ctx = useRouterContext();
-
-        (0,react__WEBPACK_IMPORTED_MODULE_17__.useEffect)(() => {
-          _nav = ctx.history;
-          return () => {
-            _nav = undefined;
-          };
-        }, []);
-      }
-    
-
-      function createNavigation() {
-        const enhance = info => ({
-          ...info,
-          location: {
-            get href() {
-              return _nav.createHref(info.location);
-            },
-            ...info.location,
-          },
-        });
-
-        return {
-          push(target, state) {
-            if (_nav) {
-              _nav.push(target, state);
-            }
-          },
-          replace(target, state) {
-            if (_nav) {
-              _nav.replace(target, state);
-            }
-          },
-          go(n) {
-            if (_nav) {
-              _nav.go(n);
-            }
-          },
-          block(blocker) {
-            if (!_nav) {
-              return _noop;
-            }
-            return _nav.block((location, action) => blocker(enhance({ location, action })));
-          },
-          listen(listener) {
-            if (!_nav) {
-              return _noop;
-            }
-            return _nav.listen((location, action) => listener(enhance({ location, action })));
-          },
-          router: {
-            history: _nav,
-          },
-        };
-      }
     
+  
 
     const publicPath = "/";
   
@@ -74489,11 +74635,11 @@ __webpack_require__.r(__webpack_exports__);
           loading: typeof window !== 'undefined',
         },
         components: {
-          ErrorInfo: piral_core_defaults_DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_31__.DefaultErrorInfo,
-          LoadingIndicator: piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_32__.DefaultLoadingIndicator,
-          Router: piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_33__.DefaultRouter,
-          RouteSwitch: piral_core_defaults_DefaultRouteSwitch_v5__WEBPACK_IMPORTED_MODULE_34__.DefaultRouteSwitch,
-          Layout: piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_35__.DefaultLayout,
+          ErrorInfo: piral_core_defaults_DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_32__.DefaultErrorInfo,
+          LoadingIndicator: piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_33__.DefaultLoadingIndicator,
+          Router: piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_34__.DefaultRouter,
+          RouteSwitch: piral_core_defaults_DefaultRouteSwitch_v5__WEBPACK_IMPORTED_MODULE_35__.DefaultRouteSwitch,
+          Layout: piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_36__.DefaultLayout,
         },
         errorComponents: {},
         registry: {
@@ -74511,21 +74657,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-    function createRedirect(to) {
-      return () => (0,react__WEBPACK_IMPORTED_MODULE_17__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_29__.Redirect, { to });
-    }
-  
-
-    function useRouterContext() {
-      return (0,react__WEBPACK_IMPORTED_MODULE_17__.useContext)(react_router__WEBPACK_IMPORTED_MODULE_29__.__RouterContext);
-    }
-  
-
     function useRouteFilter(paths) {
       
-    useCurrentNavigation();
+    ;(0,piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_31__.useCurrentNavigation)();
   
-return (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_38__.debugRouteFilter)(paths);
+return (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_39__.debugRouteFilter)(paths);
     }
   
   
@@ -211153,4 +211289,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.733b33.js.map
+//# sourceMappingURL=index.b0ccff.js.map