sample-piral 0.15.0-beta.4633 → 0.15.0-beta.4672

package/app/{index.e41fbd.js → index.3057c8.js}

@@ -2947,8 +2947,8 @@ var ForeignComponentContainer = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var $portalId = this.props.$portalId;
-      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
       });
     }
@@ -3830,6 +3830,123 @@ 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");
+
+
+
+var _nav;
+
+var _noop = function _noop() {};
+
+function useRouterContext() {
+  return react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_1__.__RouterContext);
+}
+function useCurrentNavigation() {
+  var ctx = useRouterContext();
+  var location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)();
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+    if (_nav) {
+      window.dispatchEvent(new CustomEvent('piral-navigate', {
+        detail: {
+          location: location
+        }
+      }));
+    }
+  }, [location]);
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+    _nav = ctx.history;
+    return function () {
+      _nav = undefined;
+    };
+  }, []);
+}
+function createRedirect(to) {
+  return function () {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_1__.Redirect, {
+      to: to
+    });
+  };
+}
+function createNavigation() {
+  var enhance = function enhance(location, action) {
+    return {
+      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: function push(target, state) {
+      if (_nav) {
+        _nav.push(target, state);
+      }
+    },
+    replace: function replace(target, state) {
+      if (_nav) {
+        _nav.replace(target, state);
+      }
+    },
+    go: function go(n) {
+      if (_nav) {
+        _nav.go(n);
+      }
+    },
+    block: function block(blocker) {
+      if (!_nav) {
+        return _noop;
+      }
+
+      return _nav.block(function (location, action) {
+        return blocker(enhance(location, action));
+      });
+    },
+    listen: function listen(listener) {
+      var handler = function handler(e) {
+        return listener(enhance(e.detail, _nav.action));
+      };
+
+      window.addEventListener('piral-navigate', handler);
+      return function () {
+        window.removeEventListener('piral-navigate', handler);
+      };
+    },
+    router: {
+      history: _nav
+    }
+  };
+}
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/emulator.js":
 /*!**************************************************!*\
   !*** ../../framework/piral-core/esm/emulator.js ***!
@@ -4359,6 +4476,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 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>
+   * ```
+   */
   var PiralExtension = /*#__PURE__*/function (_HTMLElement) {
     _inherits(PiralExtension, _HTMLElement);
 
@@ -4411,6 +4538,8 @@ 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,
@@ -4451,7 +4580,74 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
     return PiralExtension;
   }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
 
-  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>
+   * ```
+   */
+
+  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_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>
+   * ```
+   */
+
+  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_2__.slotName, PiralSlot);
 }
 
 function renderElement(context, element, props) {
@@ -4503,7 +4699,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");
 
 
 
@@ -4836,7 +5032,7 @@ var SlotCarrier = function SlotCarrier(_ref) {
   }, [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
     });
   }
@@ -4885,13 +5081,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");
 
 
+var extensionName = 'piral-extension';
+var portalName = 'piral-portal';
+var slotName = 'piral-slot';
 function attachDomPortal(id, context, element, component, props) {
   var 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);
@@ -4910,11 +5112,11 @@ function convertComponent(converter, component) {
   return converter(component);
 }
 function renderInDom(context, element, component, props) {
-  var portalId = 'data-portal-id';
+  var portalId = 'pid';
   var parent = element;
 
   while (parent) {
-    if (parent instanceof Element && parent.hasAttribute(portalId)) {
+    if (parent instanceof Element && parent.localName === portalName && parent.hasAttribute(portalId)) {
       var id = parent.getAttribute(portalId);
       return attachDomPortal(id, context, element, component, props);
     }
@@ -8308,7 +8510,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'State container logging',
       onChange: function onChange(value) {
-        setValue('dbg:view-state', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.viewState, value ? 'on' : 'off');
       }
     },
     loadPilets: {
@@ -8316,7 +8518,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Load available pilets',
       onChange: function onChange(value) {
-        setValue('dbg:load-pilets', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.loadPilets, value ? 'on' : 'off');
       }
     },
     hardRefresh: {
@@ -8324,7 +8526,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Full refresh on change',
       onChange: function onChange(value) {
-        setValue('dbg:hard-refresh', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.hardRefresh, value ? 'on' : 'off');
       }
     },
     viewOrigins: {
@@ -8332,7 +8534,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Visualize component origins',
       onChange: function 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);
@@ -8344,7 +8546,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Enable extension catalogue',
       onChange: function onChange(value) {
-        setValue('dbg:extension-catalogue', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.extensionCatalogue, value ? 'on' : 'off');
       }
     },
     clearConsole: {
@@ -8352,7 +8554,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Clear console during HMR',
       onChange: function onChange(value) {
-        setValue('dbg:clear-console', value ? 'on' : 'off');
+        setValue(_state__WEBPACK_IMPORTED_MODULE_0__.settingsKeys.clearConsole, value ? 'on' : 'off');
       }
     },
     persistSettings: {
@@ -8527,12 +8729,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.15.0-beta.4633",
+      version: "0.15.0-beta.4672",
       dependencies: "reactstrap,tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2022-08-30T19:25:48.541Z",
-      cli: "0.14.30",
+      date: "2022-09-21T22:42:23.622Z",
+      cli: "0.14.31",
       compat: "0.14"
     }
   };
@@ -8660,11 +8862,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'
       });
     }
   });
@@ -8989,6 +9192,7 @@ __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 */ });
@@ -9007,7 +9211,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
-var persistKey = 'dbg:persist-settings-data';
+var 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'
+};
+var persistKey = settingsKeys.persistSettings;
 var persistSettings = !!localStorage.getItem(persistKey);
 
 var defaultSetter = function defaultSetter(name, value) {
@@ -9036,11 +9249,17 @@ if (persistSettings) {
 
 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);
-    var value = sessionStorage.getItem(name);
-    data[name] = value;
+
+    if (validKeys.includes(name)) {
+      var value = sessionStorage.getItem(name);
+      data[name] = value;
+    }
   }
 
   localStorage.setItem(persistKey, JSON.stringify(data));
@@ -9052,12 +9271,12 @@ function disablePersistance() {
 }
 var initialSetter = persistSettings ? persistentSetter : defaultSetter;
 var 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: persistSettings,
   cataloguePath: '/$debug-extension-catalogue'
 };
@@ -13058,14 +13277,14 @@ var react_dom__WEBPACK_IMPORTED_MODULE_1___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_6__.createNavigation),
+/* harmony export */   "createRedirect": () => (/* reexport safe */ piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_6__.createRedirect),
 /* harmony export */   "fillDependencies": () => (/* binding */ fillDependencies),
-/* harmony export */   "integrateDebugger": () => (/* reexport safe */ piral_core_debugger__WEBPACK_IMPORTED_MODULE_11__.integrateDebugger),
-/* harmony export */   "integrateEmulator": () => (/* reexport safe */ piral_core_emulator__WEBPACK_IMPORTED_MODULE_12__.integrateEmulator),
+/* harmony export */   "integrateDebugger": () => (/* reexport safe */ piral_core_debugger__WEBPACK_IMPORTED_MODULE_12__.integrateDebugger),
+/* harmony export */   "integrateEmulator": () => (/* reexport safe */ piral_core_emulator__WEBPACK_IMPORTED_MODULE_13__.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_6__.useRouterContext)
 /* harmony export */ });
 /* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! reactstrap */ "../../../node_modules/reactstrap/es/index.js");
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ "../../../node_modules/tslib/tslib.es6.js");
@@ -13074,14 +13293,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");
 /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
 /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __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_6__ = __webpack_require__(/*! piral-core/_/defaults/DefaultErrorInfo */ "../../framework/piral-core/esm/defaults/DefaultErrorInfo.js");
-/* harmony import */ var piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLoadingIndicator */ "../../framework/piral-core/esm/defaults/DefaultLoadingIndicator.js");
-/* harmony import */ var piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLayout */ "../../framework/piral-core/esm/defaults/DefaultLayout.js");
-/* harmony import */ var piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_8__ = __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_9__ = __webpack_require__(/*! piral-core/_/defaults/DefaultRouteSwitch_v5 */ "../../framework/piral-core/esm/defaults/DefaultRouteSwitch_v5.js");
-/* harmony import */ var piral_core_debugger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! piral-core/_/debugger */ "../../framework/piral-core/esm/debugger.js");
-/* harmony import */ var piral_core_emulator__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! piral-core/_/emulator */ "../../framework/piral-core/esm/emulator.js");
-/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.js");
+/* harmony import */ var piral_core_defaults_DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! piral-core/_/defaults/DefaultErrorInfo */ "../../framework/piral-core/esm/defaults/DefaultErrorInfo.js");
+/* harmony import */ var piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLoadingIndicator */ "../../framework/piral-core/esm/defaults/DefaultLoadingIndicator.js");
+/* harmony import */ var piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! piral-core/_/defaults/DefaultLayout */ "../../framework/piral-core/esm/defaults/DefaultLayout.js");
+/* harmony import */ var piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_9__ = __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_10__ = __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_6__ = __webpack_require__(/*! piral-core/_/defaults/navigator_v5 */ "../../framework/piral-core/esm/defaults/navigator_v5.js");
+/* harmony import */ var piral_core_debugger__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! piral-core/_/debugger */ "../../framework/piral-core/esm/debugger.js");
+/* harmony import */ var piral_core_emulator__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! piral-core/_/emulator */ "../../framework/piral-core/esm/emulator.js");
+/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.js");
 
     
 
@@ -13100,74 +13320,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
-
-    let _nav;
-    const _noop = () => {};
-
     
     function fillDependencies(deps) {
       deps['sample-piral']={};deps["reactstrap"]=reactstrap__WEBPACK_IMPORTED_MODULE_2__;deps["reactstrap@8.10.1"]=reactstrap__WEBPACK_IMPORTED_MODULE_2__;deps["tslib"]=tslib__WEBPACK_IMPORTED_MODULE_3__;deps["tslib@2.3.1"]=tslib__WEBPACK_IMPORTED_MODULE_3__;deps["react"]=react__WEBPACK_IMPORTED_MODULE_0__;deps["react@18.2.0"]=react__WEBPACK_IMPORTED_MODULE_0__;deps["react-dom"]=/*#__PURE__*/ (react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache || (react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache = __webpack_require__.t(react_dom__WEBPACK_IMPORTED_MODULE_1__, 2)));deps["react-dom@18.2.0"]=/*#__PURE__*/ (react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache || (react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache = __webpack_require__.t(react_dom__WEBPACK_IMPORTED_MODULE_1__, 2)));deps["react-router"]=react_router__WEBPACK_IMPORTED_MODULE_4__;deps["react-router@5.3.3"]=react_router__WEBPACK_IMPORTED_MODULE_4__;deps["react-router-dom"]=react_router_dom__WEBPACK_IMPORTED_MODULE_5__;deps["react-router-dom@5.3.3"]=react_router_dom__WEBPACK_IMPORTED_MODULE_5__
     }
   
 
-      function useCurrentNavigation() {
-        const ctx = useRouterContext();
-
-        (0,react__WEBPACK_IMPORTED_MODULE_0__.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 = "/";
   
@@ -13179,11 +13339,11 @@ __webpack_require__.r(__webpack_exports__);
           loading: typeof window !== 'undefined',
         },
         components: {
-          ErrorInfo: piral_core_defaults_DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_6__.DefaultErrorInfo,
-          LoadingIndicator: piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_7__.DefaultLoadingIndicator,
-          Router: piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_8__.DefaultRouter,
-          RouteSwitch: piral_core_defaults_DefaultRouteSwitch_v5__WEBPACK_IMPORTED_MODULE_9__.DefaultRouteSwitch,
-          Layout: piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_10__.DefaultLayout,
+          ErrorInfo: piral_core_defaults_DefaultErrorInfo__WEBPACK_IMPORTED_MODULE_7__.DefaultErrorInfo,
+          LoadingIndicator: piral_core_defaults_DefaultLoadingIndicator__WEBPACK_IMPORTED_MODULE_8__.DefaultLoadingIndicator,
+          Router: piral_core_defaults_DefaultRouter_v5__WEBPACK_IMPORTED_MODULE_9__.DefaultRouter,
+          RouteSwitch: piral_core_defaults_DefaultRouteSwitch_v5__WEBPACK_IMPORTED_MODULE_10__.DefaultRouteSwitch,
+          Layout: piral_core_defaults_DefaultLayout__WEBPACK_IMPORTED_MODULE_11__.DefaultLayout,
         },
         errorComponents: {},
         registry: {
@@ -13201,21 +13361,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-    function createRedirect(to) {
-      return () => (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_4__.Redirect, { to });
-    }
-  
-
-    function useRouterContext() {
-      return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(react_router__WEBPACK_IMPORTED_MODULE_4__.__RouterContext);
-    }
-  
-
     function useRouteFilter(paths) {
       
-    useCurrentNavigation();
+    ;(0,piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_6__.useCurrentNavigation)();
   
-return (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_13__.debugRouteFilter)(paths);
+return (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_14__.debugRouteFilter)(paths);
     }
   
   
@@ -66321,4 +66471,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.e41fbd.js.map
+//# sourceMappingURL=index.3057c8.js.map