sample-cross-fx 0.15.0-beta.4465 → 0.15.0-beta.4512

package/app/{index.5f9048.js → index.684d4f.js}

@@ -131665,6 +131665,7 @@ function project(component, destination, options) {
 function createConverter(lazy) {
   const boot = (0,_interop__WEBPACK_IMPORTED_MODULE_0__.createBootLoader)(_infra_codegen__WEBPACK_IMPORTED_MODULE_1__["default"]);
   let loader = !lazy && boot();
+  let listener = undefined;
 
   const enqueueChange = (locals, update) => {
     if (locals.state === 'mounted') {
@@ -131677,11 +131678,25 @@ function createConverter(lazy) {
   const convert = (moduleName, dependency, args, options) => ({
     mount(el, data, ctx, locals) {
       const props = Object.assign(Object.assign({}, args), data);
+      const nav = ctx.navigation;
       el.setAttribute('data-blazor-pilet-root', 'true');
       (0,_events__WEBPACK_IMPORTED_MODULE_2__.addGlobalEventListeners)(el);
+
+      if (listener === undefined) {
+        listener = nav.listen(({
+          location,
+          action
+        }) => {
+          // POP is already handled by .NET
+          if (action !== 'POP') {
+            (0,_interop__WEBPACK_IMPORTED_MODULE_0__.callNotifyLocationChanged)(location.href, action === 'REPLACE');
+          }
+        });
+      }
+
       locals.state = 'fresh';
       locals.update = noop;
-      locals.dispose = (0,_events__WEBPACK_IMPORTED_MODULE_2__.attachEvents)(el, ev => data.piral.renderHtmlExtension(ev.detail.target, ev.detail.props), ev => ev.detail.replace ? ctx.router.history.replace(ev.detail.to, ev.detail.store) : ctx.router.history.push(ev.detail.to, ev.detail.state));
+      locals.dispose = (0,_events__WEBPACK_IMPORTED_MODULE_2__.attachEvents)(el, ev => data.piral.renderHtmlExtension(ev.detail.target, ev.detail.props), ev => ev.detail.replace ? nav.replace(ev.detail.to, ev.detail.store) : nav.push(ev.detail.to, ev.detail.state));
       (loader || (loader = boot())).then(root => dependency().then(() => (0,_interop__WEBPACK_IMPORTED_MODULE_0__.activate)(moduleName, props)).then(refId => {
         if (locals.state === 'fresh') {
           locals.id = refId;
@@ -131986,6 +132001,7 @@ function removeGlobalEventListeners(el) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "activate": () => (/* binding */ activate),
+/* harmony export */   "callNotifyLocationChanged": () => (/* binding */ callNotifyLocationChanged),
 /* harmony export */   "createBootLoader": () => (/* binding */ createBootLoader),
 /* harmony export */   "deactivate": () => (/* binding */ deactivate),
 /* harmony export */   "initialize": () => (/* binding */ initialize),
@@ -131994,10 +132010,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "reactivate": () => (/* binding */ reactivate),
 /* harmony export */   "unloadResource": () => (/* binding */ unloadResource)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
-/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events */ "../../converters/piral-blazor/esm/events.js");
-
+/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./events */ "../../converters/piral-blazor/esm/events.js");
 
+const wasmLib = 'Microsoft.AspNetCore.Components.WebAssembly';
 const coreLib = 'Piral.Blazor.Core';
 
 function createBlazorStarter(publicPath) {
@@ -132057,20 +132072,17 @@ function reactivate(moduleName, referenceId, props) {
 function deactivate(moduleName, referenceId) {
   return window.DotNet.invokeMethodAsync(coreLib, 'Deactivate', moduleName, referenceId);
 }
+function callNotifyLocationChanged(url, replace) {
+  return window.DotNet.invokeMethodAsync(wasmLib, 'NotifyLocationChanged', url, replace);
+}
 function loadResource(url) {
-  return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function* () {
-    return window.DotNet.invokeMethodAsync(coreLib, 'LoadComponentsFromLibrary', url);
-  });
+  return window.DotNet.invokeMethodAsync(coreLib, 'LoadComponentsFromLibrary', url);
 }
 function loadResourceWithSymbol(dllUrl, pdbUrl) {
-  return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function* () {
-    return window.DotNet.invokeMethodAsync(coreLib, 'LoadComponentsWithSymbolsFromLibrary', dllUrl, pdbUrl);
-  });
+  return window.DotNet.invokeMethodAsync(coreLib, 'LoadComponentsWithSymbolsFromLibrary', dllUrl, pdbUrl);
 }
 function unloadResource(url) {
-  return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function* () {
-    return window.DotNet.invokeMethodAsync(coreLib, 'UnloadComponentsFromLibrary', url);
-  });
+  return window.DotNet.invokeMethodAsync(coreLib, 'UnloadComponentsFromLibrary', url);
 }
 function initialize(scriptUrl, publicPath) {
   return new Promise((resolve, reject) => {
@@ -132083,8 +132095,8 @@ function initialize(scriptUrl, publicPath) {
 
     script.onload = () => {
       Object.assign(window.Blazor, {
-        emitRenderEvent: _events__WEBPACK_IMPORTED_MODULE_1__.emitRenderEvent,
-        emitNavigateEvent: _events__WEBPACK_IMPORTED_MODULE_1__.emitNavigateEvent
+        emitRenderEvent: _events__WEBPACK_IMPORTED_MODULE_0__.emitRenderEvent,
+        emitNavigateEvent: _events__WEBPACK_IMPORTED_MODULE_0__.emitNavigateEvent
       });
       startBlazor().then(resolve);
     };
@@ -133084,8 +133096,11 @@ let RoutingService = RoutingService_1 = class RoutingService {
         throw error;
       };
 
-      this.dispose = this.context.router.history.listen(e => {
-        const path = e.pathname;
+      const nav = this.context.navigation;
+      this.dispose = nav.listen(({
+        location
+      }) => {
+        const path = location.pathname;
 
         if (!this.invalidRoutes.includes(path)) {
           this.zone.run(() => this.router.navigateByUrl(path));
@@ -133098,7 +133113,7 @@ let RoutingService = RoutingService_1 = class RoutingService {
           this.invalidRoutes.push(path);
         }
 
-        this.context.router.history.push(path);
+        nav.push(path);
       });
     }
   }
@@ -133610,15 +133625,13 @@ function getVersionHandler(versions) {
 
 const runningModules = [];
 function startup(BootstrapModule, context, ngOptions) {
-  var _a;
-
   const runningModule = runningModules.find(([ref]) => ref === BootstrapModule);
 
   if (runningModule) {
     const [, instance] = runningModule;
     return Promise.resolve(instance);
   } else {
-    const path = ((_a = context.readState) === null || _a === void 0 ? void 0 : _a.call(context, s => s.app.publicPath)) || '/';
+    const path = context.publicPath || '/';
     const platform = (0,_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_1__.platformBrowserDynamic)([{
       provide: 'Context',
       useValue: context
@@ -136462,7 +136475,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "includeProvider": () => (/* binding */ includeProvider),
 /* harmony export */   "initialize": () => (/* binding */ initialize),
 /* harmony export */   "injectPilet": () => (/* binding */ injectPilet),
-/* harmony export */   "navigate": () => (/* binding */ navigate),
 /* harmony export */   "removePilet": () => (/* binding */ removePilet),
 /* harmony export */   "setComponent": () => (/* binding */ setComponent),
 /* harmony export */   "setErrorComponent": () => (/* binding */ setErrorComponent),
@@ -136482,12 +136494,6 @@ function initialize(ctx, loading, error, modules) {
     modules
   }));
 }
-function navigate(ctx, path, state) {
-  ctx.emit('navigate', {
-    path,
-    state
-  });
-}
 function addPilet(ctx, meta) {
   return ctx.options.loadPilet(meta).then(pilet => ctx.injectPilet(pilet)).then(pilet => (0,piral_base__WEBPACK_IMPORTED_MODULE_0__.runPilet)(ctx.options.createApi, pilet, ctx.options.hooks)).then(_utils__WEBPACK_IMPORTED_MODULE_1__.noop);
 }
@@ -136665,7 +136671,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "includeProvider": () => (/* reexport safe */ _app__WEBPACK_IMPORTED_MODULE_0__.includeProvider),
 /* harmony export */   "initialize": () => (/* reexport safe */ _app__WEBPACK_IMPORTED_MODULE_0__.initialize),
 /* harmony export */   "injectPilet": () => (/* reexport safe */ _app__WEBPACK_IMPORTED_MODULE_0__.injectPilet),
-/* harmony export */   "navigate": () => (/* reexport safe */ _app__WEBPACK_IMPORTED_MODULE_0__.navigate),
 /* harmony export */   "readDataItem": () => (/* reexport safe */ _data__WEBPACK_IMPORTED_MODULE_2__.readDataItem),
 /* harmony export */   "readDataValue": () => (/* reexport safe */ _data__WEBPACK_IMPORTED_MODULE_2__.readDataValue),
 /* harmony export */   "readState": () => (/* reexport safe */ _state__WEBPACK_IMPORTED_MODULE_5__.readState),
@@ -137441,13 +137446,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _PortalRenderer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PortalRenderer */ "../../framework/piral-core/esm/components/PortalRenderer.js");
-/* harmony import */ var _ForeignComponentContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ForeignComponentContainer */ "../../framework/piral-core/esm/components/ForeignComponentContainer.js");
+/* harmony import */ var _PortalRenderer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PortalRenderer */ "../../framework/piral-core/esm/components/PortalRenderer.js");
+/* harmony import */ var _ForeignComponentContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ForeignComponentContainer */ "../../framework/piral-core/esm/components/ForeignComponentContainer.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
-/* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../app.codegen */ "../../framework/piral-core/app.codegen");
-
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
 
 
 
@@ -137463,22 +137466,21 @@ function wrapReactComponent(Component, captured, Wrapper) {
 function wrapForeignComponent(component, captured, Wrapper) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.memo(props => {
     const {
-      state,
       readState,
-      destroyPortal
+      destroyPortal,
+      navigation
     } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)();
-    const router = (0,_app_codegen__WEBPACK_IMPORTED_MODULE_2__.useRouterContext)();
-    const id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => (portalIdBase++).toString(26), _utils__WEBPACK_IMPORTED_MODULE_3__.none);
+    const publicPath = readState(s => s.app.publicPath);
+    const id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => (portalIdBase++).toString(26), _utils__WEBPACK_IMPORTED_MODULE_2__.none);
     const context = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => ({
-      router,
-      state,
-      readState
-    }), [router, state]);
+      publicPath,
+      navigation
+    }), []);
     const innerProps = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => Object.assign(Object.assign({}, props), captured), [props]);
-    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => () => destroyPortal(id), _utils__WEBPACK_IMPORTED_MODULE_3__.none);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, Object.assign({}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PortalRenderer__WEBPACK_IMPORTED_MODULE_4__.PortalRenderer, {
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => () => destroyPortal(id), _utils__WEBPACK_IMPORTED_MODULE_2__.none);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, Object.assign({}, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_PortalRenderer__WEBPACK_IMPORTED_MODULE_3__.PortalRenderer, {
       id: id
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ForeignComponentContainer__WEBPACK_IMPORTED_MODULE_5__.ForeignComponentContainer, {
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ForeignComponentContainer__WEBPACK_IMPORTED_MODULE_4__.ForeignComponentContainer, {
       innerProps: innerProps,
       "$portalId": id,
       "$component": component,
@@ -137500,7 +137502,7 @@ function wrapComponent(converters, component, captured, Wrapper) {
   }
 
   if (typeof component === 'object' && isNotExotic(component)) {
-    const result = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.convertComponent)(converters[component.type], component);
+    const result = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.convertComponent)(converters[component.type], component);
     return wrapForeignComponent(result, captured, Wrapper);
   }
 
@@ -137674,7 +137676,7 @@ function integrateDebugger(context, options, debug = {}) {
     },
 
     navigate(path, state) {
-      return context.navigate(path, state);
+      return context.navigation.push(path, state);
     },
 
     getPilets() {
@@ -138448,7 +138450,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "createActions": () => (/* binding */ createActions),
 /* harmony export */   "includeActions": () => (/* binding */ includeActions)
 /* harmony export */ });
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../actions */ "../../framework/piral-core/esm/actions/index.js");
+/* 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");
+
 
 
 function createContext(state, events) {
@@ -138459,6 +138463,7 @@ function createContext(state, events) {
         component
       }) => component
     },
+    navigation: (0,_app_codegen__WEBPACK_IMPORTED_MODULE_0__.createNavigation)(),
     state
   });
   return ctx;
@@ -138474,7 +138479,7 @@ function includeActions(ctx, actions) {
 }
 function createActions(state, events) {
   const context = createContext(state, events);
-  includeActions(context, _actions__WEBPACK_IMPORTED_MODULE_0__);
+  includeActions(context, _actions__WEBPACK_IMPORTED_MODULE_1__);
   return context;
 }
 
@@ -139943,15 +139948,32 @@ function installPiralDebug(options) {
   const eventDispatcher = document.body.dispatchEvent;
   const systemResolve = System.constructor.prototype.resolve;
   const depMap = {};
+  const subDeps = {};
+
+  const findAncestor = parent => {
+    while (subDeps[parent]) {
+      parent = subDeps[parent];
+    }
+
+    return parent;
+  };
 
   System.constructor.prototype.resolve = function (...args) {
     const [url, parent] = args;
     const result = systemResolve.call(this, ...args);
 
-    if (parent) {
-      const deps = depMap[parent] || {};
+    if (!parent) {
+      return result;
+    }
+
+    const ancestor = findAncestor(parent);
+
+    if (url.startsWith('./')) {
+      subDeps[result] = ancestor;
+    } else {
+      const deps = depMap[ancestor] || {};
       deps[url] = result;
-      depMap[parent] = deps;
+      depMap[ancestor] = deps;
     }
 
     return result;
@@ -139961,11 +139983,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.15.0-beta.4465",
-      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,history"
+      version: "0.15.0-beta.4512",
+      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-07-21T08:20:45.166Z",
+      date: "2022-07-29T23:09:02.997Z",
       cli: "0.14.29",
       compat: "0.14"
     }
@@ -151617,9 +151639,10 @@ 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 */   "fillDependencies": () => (/* binding */ fillDependencies),
-/* 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 */   "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 */   "useRouteFilter": () => (/* binding */ useRouteFilter),
 /* harmony export */   "useRouterContext": () => (/* binding */ useRouterContext)
 /* harmony export */ });
@@ -151659,16 +151682,14 @@ __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 history__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! history */ "../../../node_modules/history/esm/history.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_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_core_hooks_globalState__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! piral-core/_/hooks/globalState */ "../../framework/piral-core/esm/hooks/globalState.js");
-/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.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");
 
     
 
@@ -151713,16 +151734,67 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+    let _nav;
+    const _noop = () => {};
 
     
     function fillDependencies(deps) {
-      deps['sample-cross-fx']={};deps["@angular/common"]=_angular_common__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/common@12.2.16"]=_angular_common__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/compiler"]=_angular_compiler__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/compiler@12.2.16"]=_angular_compiler__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/core"]=_angular_core__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/core@12.2.16"]=_angular_core__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/platform-browser"]=_angular_platform_browser__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser@12.2.16"]=_angular_platform_browser__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser-dynamic"]=_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_22__;deps["@angular/platform-browser-dynamic@12.2.16"]=_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_22__;deps["@webcomponents/webcomponentsjs"]=_webcomponents_webcomponentsjs__WEBPACK_IMPORTED_MODULE_1__;deps["@webcomponents/webcomponentsjs@2.6.0"]=_webcomponents_webcomponentsjs__WEBPACK_IMPORTED_MODULE_1__;deps["angular"]=angular__WEBPACK_IMPORTED_MODULE_2__;deps["angular@1.8.3"]=angular__WEBPACK_IMPORTED_MODULE_2__;deps["aurelia-framework"]=aurelia_framework__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-framework@1.4.1"]=aurelia_framework__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-templating-binding"]=aurelia_templating_binding__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-binding@1.5.3"]=aurelia_templating_binding__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-resources"]=aurelia_templating_resources__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-templating-resources@1.13.1"]=aurelia_templating_resources__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-pal-browser"]=aurelia_pal_browser__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-pal-browser@1.8.1"]=aurelia_pal_browser__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-event-aggregator"]=aurelia_event_aggregator__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-event-aggregator@1.0.3"]=aurelia_event_aggregator__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-history-browser"]=aurelia_history_browser__WEBPACK_IMPORTED_MODULE_8__;deps["aurelia-history-browser@1.4.0"]=aurelia_history_browser__WEBPACK_IMPORTED_MODULE_8__;deps["hyperapp"]=hyperapp__WEBPACK_IMPORTED_MODULE_9__;deps["hyperapp@1.2.10"]=hyperapp__WEBPACK_IMPORTED_MODULE_9__;deps["inferno"]=inferno__WEBPACK_IMPORTED_MODULE_10__;deps["inferno@7.4.11"]=inferno__WEBPACK_IMPORTED_MODULE_10__;deps["inferno-create-element"]=inferno_create_element__WEBPACK_IMPORTED_MODULE_11__;deps["inferno-create-element@7.4.11"]=inferno_create_element__WEBPACK_IMPORTED_MODULE_11__;deps["mithril"]=mithril__WEBPACK_IMPORTED_MODULE_12__;deps["mithril@2.0.4"]=mithril__WEBPACK_IMPORTED_MODULE_12__;deps["lit-element"]=lit_element__WEBPACK_IMPORTED_MODULE_13__;deps["lit-element@2.5.1"]=lit_element__WEBPACK_IMPORTED_MODULE_13__;deps["solid-js"]=solid_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js@0.18.14"]=solid_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js/dom"]=solid_js_dom__WEBPACK_IMPORTED_MODULE_24__;deps["piral-ng/common"]=piral_ng_common__WEBPACK_IMPORTED_MODULE_25__;deps["preact"]=preact__WEBPACK_IMPORTED_MODULE_14__;deps["preact@10.8.2"]=preact__WEBPACK_IMPORTED_MODULE_14__;deps["riot"]=riot__WEBPACK_IMPORTED_MODULE_15__;deps["riot@4.14.0"]=riot__WEBPACK_IMPORTED_MODULE_15__;deps["rxjs"]=rxjs__WEBPACK_IMPORTED_MODULE_26__;deps["rxjs@6.6.7"]=rxjs__WEBPACK_IMPORTED_MODULE_26__;deps["vue"]=vue__WEBPACK_IMPORTED_MODULE_27__;deps["vue@2.7.2"]=vue__WEBPACK_IMPORTED_MODULE_27__;deps["zone.js"]=zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["zone.js@0.9.1"]=zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["tslib"]=tslib__WEBPACK_IMPORTED_MODULE_28__;deps["tslib@2.3.1"]=tslib__WEBPACK_IMPORTED_MODULE_28__;deps["react"]=react__WEBPACK_IMPORTED_MODULE_17__;deps["react@18.2.0"]=react__WEBPACK_IMPORTED_MODULE_17__;deps["react-dom"]=/*#__PURE__*/ (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(react_dom__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-dom@18.2.0"]=/*#__PURE__*/ (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(react_dom__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-router"]=react_router__WEBPACK_IMPORTED_MODULE_29__;deps["react-router@5.3.3"]=react_router__WEBPACK_IMPORTED_MODULE_29__;deps["react-router-dom"]=react_router_dom__WEBPACK_IMPORTED_MODULE_30__;deps["react-router-dom@5.3.3"]=react_router_dom__WEBPACK_IMPORTED_MODULE_30__;deps["history"]=history__WEBPACK_IMPORTED_MODULE_31__;deps["history@4.10.1"]=history__WEBPACK_IMPORTED_MODULE_31__
+      deps['sample-cross-fx']={};deps["@angular/common"]=_angular_common__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/common@12.2.16"]=_angular_common__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/compiler"]=_angular_compiler__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/compiler@12.2.16"]=_angular_compiler__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/core"]=_angular_core__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/core@12.2.16"]=_angular_core__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/platform-browser"]=_angular_platform_browser__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser@12.2.16"]=_angular_platform_browser__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser-dynamic"]=_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_22__;deps["@angular/platform-browser-dynamic@12.2.16"]=_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_22__;deps["@webcomponents/webcomponentsjs"]=_webcomponents_webcomponentsjs__WEBPACK_IMPORTED_MODULE_1__;deps["@webcomponents/webcomponentsjs@2.6.0"]=_webcomponents_webcomponentsjs__WEBPACK_IMPORTED_MODULE_1__;deps["angular"]=angular__WEBPACK_IMPORTED_MODULE_2__;deps["angular@1.8.3"]=angular__WEBPACK_IMPORTED_MODULE_2__;deps["aurelia-framework"]=aurelia_framework__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-framework@1.4.1"]=aurelia_framework__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-templating-binding"]=aurelia_templating_binding__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-binding@1.5.3"]=aurelia_templating_binding__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-resources"]=aurelia_templating_resources__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-templating-resources@1.13.1"]=aurelia_templating_resources__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-pal-browser"]=aurelia_pal_browser__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-pal-browser@1.8.1"]=aurelia_pal_browser__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-event-aggregator"]=aurelia_event_aggregator__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-event-aggregator@1.0.3"]=aurelia_event_aggregator__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-history-browser"]=aurelia_history_browser__WEBPACK_IMPORTED_MODULE_8__;deps["aurelia-history-browser@1.4.0"]=aurelia_history_browser__WEBPACK_IMPORTED_MODULE_8__;deps["hyperapp"]=hyperapp__WEBPACK_IMPORTED_MODULE_9__;deps["hyperapp@1.2.10"]=hyperapp__WEBPACK_IMPORTED_MODULE_9__;deps["inferno"]=inferno__WEBPACK_IMPORTED_MODULE_10__;deps["inferno@7.4.11"]=inferno__WEBPACK_IMPORTED_MODULE_10__;deps["inferno-create-element"]=inferno_create_element__WEBPACK_IMPORTED_MODULE_11__;deps["inferno-create-element@7.4.11"]=inferno_create_element__WEBPACK_IMPORTED_MODULE_11__;deps["mithril"]=mithril__WEBPACK_IMPORTED_MODULE_12__;deps["mithril@2.0.4"]=mithril__WEBPACK_IMPORTED_MODULE_12__;deps["lit-element"]=lit_element__WEBPACK_IMPORTED_MODULE_13__;deps["lit-element@2.5.1"]=lit_element__WEBPACK_IMPORTED_MODULE_13__;deps["solid-js"]=solid_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js@0.18.14"]=solid_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js/dom"]=solid_js_dom__WEBPACK_IMPORTED_MODULE_24__;deps["piral-ng/common"]=piral_ng_common__WEBPACK_IMPORTED_MODULE_25__;deps["preact"]=preact__WEBPACK_IMPORTED_MODULE_14__;deps["preact@10.8.2"]=preact__WEBPACK_IMPORTED_MODULE_14__;deps["riot"]=riot__WEBPACK_IMPORTED_MODULE_15__;deps["riot@4.14.0"]=riot__WEBPACK_IMPORTED_MODULE_15__;deps["rxjs"]=rxjs__WEBPACK_IMPORTED_MODULE_26__;deps["rxjs@6.6.7"]=rxjs__WEBPACK_IMPORTED_MODULE_26__;deps["vue"]=vue__WEBPACK_IMPORTED_MODULE_27__;deps["vue@2.7.2"]=vue__WEBPACK_IMPORTED_MODULE_27__;deps["zone.js"]=zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["zone.js@0.9.1"]=zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["tslib"]=tslib__WEBPACK_IMPORTED_MODULE_28__;deps["tslib@2.3.1"]=tslib__WEBPACK_IMPORTED_MODULE_28__;deps["react"]=react__WEBPACK_IMPORTED_MODULE_17__;deps["react@18.2.0"]=react__WEBPACK_IMPORTED_MODULE_17__;deps["react-dom"]=/*#__PURE__*/ (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(react_dom__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-dom@18.2.0"]=/*#__PURE__*/ (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (react_dom__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(react_dom__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-router"]=react_router__WEBPACK_IMPORTED_MODULE_29__;deps["react-router@5.3.3"]=react_router__WEBPACK_IMPORTED_MODULE_29__;deps["react-router-dom"]=react_router_dom__WEBPACK_IMPORTED_MODULE_30__;deps["react-router-dom@5.3.3"]=react_router_dom__WEBPACK_IMPORTED_MODULE_30__
     }
   
 
-      function useNavigate() {
+      function useCurrentNavigation() {
         const ctx = useRouterContext();
-        return (...args) => ctx.history.push(...args);
+
+        (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 })));
+          },
+        };
       }
     
 
@@ -151734,11 +151806,11 @@ __webpack_require__.r(__webpack_exports__);
           publicPath: "/",
         },
         components: {
-          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,
+          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,
         },
         errorComponents: {},
         registry: {
@@ -151763,16 +151835,9 @@ __webpack_require__.r(__webpack_exports__);
 
     function useRouteFilter(paths) {
       
-    const stateContext = (0,piral_core_hooks_globalState__WEBPACK_IMPORTED_MODULE_39__.useGlobalStateContext)();
-    const navigate = useNavigate();
-
-    (0,react__WEBPACK_IMPORTED_MODULE_17__.useEffect)(() => {
-      const handler = ({ path, state }) => navigate(path, state);
-      stateContext.on('navigate', handler);
-      return () => stateContext.off('navigate', handler);
-    }, []);
+    useCurrentNavigation();
   
-return (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_40__.debugRouteFilter)(paths);
+return (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_38__.debugRouteFilter)(paths);
     }
   
   
@@ -268166,4 +268231,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.5f9048.js.map
+//# sourceMappingURL=index.684d4f.js.map