sample-cross-fx 0.15.0-beta.4696 → 0.15.0-beta.4708

package/app/{index.dd11de.js → index.0ca7fb.js}

@@ -58614,193 +58614,921 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "requireModule": () => (/* binding */ requireModule),
 /* harmony export */   "unregisterModules": () => (/* binding */ unregisterModules)
 /* harmony export */ });
-/* harmony import */ var systemjs_dist_system_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! systemjs/dist/system.js */ "../../../node_modules/systemjs/dist/system.js");
-/* harmony import */ var systemjs_dist_system_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(systemjs_dist_system_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! systemjs/dist/extras/named-register.js */ "../../../node_modules/systemjs/dist/extras/named-register.js");
-/* harmony import */ var systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(systemjs_dist_extras_named_register_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _version__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./version */ "../../framework/piral-base/esm/utils/version.js");
+// ../../../node_modules/systemjs/dist/system.js
+(function () {
+  function errMsg(errCode, msg) {
+    return (msg || "") + " (SystemJS Error#" + errCode + " https://git.io/JvFET#" + errCode + ")";
+  }
 
+  var hasSymbol = typeof Symbol !== "undefined";
+  var hasSelf = typeof self !== "undefined";
+  var hasDocument = typeof document !== "undefined";
+  var envGlobal = hasSelf ? self : __webpack_require__.g;
+  var baseUrl;
 
+  if (hasDocument) {
+    var baseEl = document.querySelector("base[href]");
+    if (baseEl) baseUrl = baseEl.href;
+  }
 
-const systemResolve = System.constructor.prototype.resolve;
-const systemRegister = System.constructor.prototype.register;
+  if (!baseUrl && typeof location !== "undefined") {
+    baseUrl = location.href.split("#")[0].split("?")[0];
+    var lastSepIndex = baseUrl.lastIndexOf("/");
+    if (lastSepIndex !== -1) baseUrl = baseUrl.slice(0, lastSepIndex + 1);
+  }
 
-function getLoadedVersions(prefix) {
-  return [...System.entries()].filter(([name]) => name.startsWith(prefix)).map(([name]) => name.substring(prefix.length));
-}
+  var backslashRegEx = /\\/g;
 
-function findMatchingPackage(id) {
-  const sep = id.indexOf('@', 1);
+  function resolveIfNotPlainOrUrl(relUrl, parentUrl) {
+    if (relUrl.indexOf("\\") !== -1) relUrl = relUrl.replace(backslashRegEx, "/");
 
-  if (sep > 1) {
-    const available = Object.keys(System.registerRegistry);
-    const name = id.substring(0, sep + 1);
-    const versionSpec = id.substring(sep + 1);
+    if (relUrl[0] === "/" && relUrl[1] === "/") {
+      return parentUrl.slice(0, parentUrl.indexOf(":") + 1) + relUrl;
+    } else if (relUrl[0] === "." && (relUrl[1] === "/" || relUrl[1] === "." && (relUrl[2] === "/" || relUrl.length === 2 && (relUrl += "/")) || relUrl.length === 1 && (relUrl += "/")) || relUrl[0] === "/") {
+      var parentProtocol = parentUrl.slice(0, parentUrl.indexOf(":") + 1);
+      var pathname;
 
-    if ((0,_version__WEBPACK_IMPORTED_MODULE_2__.validate)(versionSpec)) {
-      const loadedVersions = getLoadedVersions(name);
-      const allVersions = available.filter(m => m.startsWith(name)).map(m => m.substring(name.length)); // Moves the loaded versions to the top
+      if (parentUrl[parentProtocol.length + 1] === "/") {
+        if (parentProtocol !== "file:") {
+          pathname = parentUrl.slice(parentProtocol.length + 2);
+          pathname = pathname.slice(pathname.indexOf("/") + 1);
+        } else {
+          pathname = parentUrl.slice(8);
+        }
+      } else {
+        pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === "/"));
+      }
 
-      const availableVersions = [...loadedVersions, ...allVersions.filter(m => !loadedVersions.includes(m))];
+      if (relUrl[0] === "/") return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
+      var segmented = pathname.slice(0, pathname.lastIndexOf("/") + 1) + relUrl;
+      var output = [];
+      var segmentIndex = -1;
 
-      for (const availableVersion of availableVersions) {
-        if ((0,_version__WEBPACK_IMPORTED_MODULE_2__.validate)(availableVersion) && (0,_version__WEBPACK_IMPORTED_MODULE_2__.satisfies)(availableVersion, versionSpec)) {
-          return name + availableVersion;
+      for (var i = 0; i < segmented.length; i++) {
+        if (segmentIndex !== -1) {
+          if (segmented[i] === "/") {
+            output.push(segmented.slice(segmentIndex, i + 1));
+            segmentIndex = -1;
+          }
+        } else if (segmented[i] === ".") {
+          if (segmented[i + 1] === "." && (segmented[i + 2] === "/" || i + 2 === segmented.length)) {
+            output.pop();
+            i += 2;
+          } else if (segmented[i + 1] === "/" || i + 1 === segmented.length) {
+            i += 1;
+          } else {
+            segmentIndex = i;
+          }
+        } else {
+          segmentIndex = i;
         }
       }
+
+      if (segmentIndex !== -1) output.push(segmented.slice(segmentIndex));
+      return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join("");
     }
   }
 
-  return undefined;
-}
+  function resolveUrl(relUrl, parentUrl) {
+    return resolveIfNotPlainOrUrl(relUrl, parentUrl) || (relUrl.indexOf(":") !== -1 ? relUrl : resolveIfNotPlainOrUrl("./" + relUrl, parentUrl));
+  }
 
-function tryResolve(name, parent) {
-  try {
-    return System.resolve(name, parent);
-  } catch (_a) {
-    // just ignore - will be handled differently later.
-    return undefined;
+  function resolveAndComposePackages(packages, outPackages, baseUrl2, parentMap, parentUrl) {
+    for (var p in packages) {
+      var resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl2) || p;
+      var rhs = packages[p];
+      if (typeof rhs !== "string") continue;
+      var mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(rhs, baseUrl2) || rhs, parentUrl);
+
+      if (!mapped) {
+        targetWarning("W1", p, rhs, "bare specifier did not resolve");
+      } else outPackages[resolvedLhs] = mapped;
+    }
   }
-}
 
-function isPrimitiveExport(content) {
-  const type = typeof content;
-  return type === 'number' || type === 'boolean' || type === 'symbol' || type === 'string' || type === 'bigint' || Array.isArray(content);
-}
+  function resolveAndComposeImportMap(json, baseUrl2, outMap) {
+    if (json.imports) resolveAndComposePackages(json.imports, outMap.imports, baseUrl2, outMap, null);
+    var u;
 
-System.constructor.prototype.resolve = function (id, parentUrl) {
-  try {
-    return systemResolve.call(this, id, parentUrl);
-  } catch (ex) {
-    const result = findMatchingPackage(id);
+    for (u in json.scopes || {}) {
+      var resolvedScope = resolveUrl(u, baseUrl2);
+      resolveAndComposePackages(json.scopes[u], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl2, outMap, resolvedScope);
+    }
 
-    if (!result) {
-      throw ex;
+    for (u in json.depcache || {}) outMap.depcache[resolveUrl(u, baseUrl2)] = json.depcache[u];
+
+    for (u in json.integrity || {}) outMap.integrity[resolveUrl(u, baseUrl2)] = json.integrity[u];
+  }
+
+  function getMatch(path, matchObj) {
+    if (matchObj[path]) return path;
+    var sepIndex = path.length;
+
+    do {
+      var segment = path.slice(0, sepIndex + 1);
+      if (segment in matchObj) return segment;
+    } while ((sepIndex = path.lastIndexOf("/", sepIndex - 1)) !== -1);
+  }
+
+  function applyPackages(id, packages) {
+    var pkgName = getMatch(id, packages);
+
+    if (pkgName) {
+      var pkg = packages[pkgName];
+      if (pkg === null) return;
+
+      if (id.length > pkgName.length && pkg[pkg.length - 1] !== "/") {
+        targetWarning("W2", pkgName, pkg, "should have a trailing '/'");
+      } else return pkg + id.slice(pkgName.length);
     }
+  }
 
-    return result;
+  function targetWarning(code, match, target, msg) {
+    console.warn(errMsg(code, "Package target " + msg + ", resolving target '" + target + "' for " + match));
   }
-};
 
-System.constructor.prototype.register = function (...args) {
-  const getContent = args.pop();
-  args.push((_export, ctx) => {
-    const exp = (...p) => {
-      if (p.length === 1) {
-        const content = p[0];
+  function resolveImportMap(importMap2, resolvedOrPlain, parentUrl) {
+    var scopes = importMap2.scopes;
+    var scopeUrl = parentUrl && getMatch(parentUrl, scopes);
 
-        if (content instanceof Promise) {
-          return content.then(exp);
-        } else if (typeof content === 'function') {
-          _export('__esModule', true);
+    while (scopeUrl) {
+      var packageResolution = applyPackages(resolvedOrPlain, scopes[scopeUrl]);
+      if (packageResolution) return packageResolution;
+      scopeUrl = getMatch(scopeUrl.slice(0, scopeUrl.lastIndexOf("/")), scopes);
+    }
 
-          Object.keys(content).forEach(prop => {
-            _export(prop, content[prop]);
-          });
+    return applyPackages(resolvedOrPlain, importMap2.imports) || resolvedOrPlain.indexOf(":") !== -1 && resolvedOrPlain;
+  }
 
-          _export('default', content);
-        } else if (isPrimitiveExport(content)) {
-          _export('__esModule', true);
+  var toStringTag$1 = hasSymbol && Symbol.toStringTag;
+  var REGISTRY = hasSymbol ? Symbol() : "@";
 
-          _export('default', content);
-        } else if (content) {
-          _export(content);
+  function SystemJS() {
+    this[REGISTRY] = {};
+  }
+
+  var systemJSPrototype = SystemJS.prototype;
+
+  systemJSPrototype.import = function (id, parentUrl) {
+    var loader = this;
+    return Promise.resolve(loader.prepareImport()).then(function () {
+      return loader.resolve(id, parentUrl);
+    }).then(function (id2) {
+      var load = getOrCreateLoad(loader, id2);
+      return load.C || topLevelLoad(loader, load);
+    });
+  };
+
+  systemJSPrototype.createContext = function (parentId) {
+    var loader = this;
+    return {
+      url: parentId,
+      resolve: function (id, parentUrl) {
+        return Promise.resolve(loader.resolve(id, parentUrl || parentId));
+      }
+    };
+  };
+
+  systemJSPrototype.onload = function () {};
+
+  function loadToId(load) {
+    return load.id;
+  }
+
+  function triggerOnload(loader, load, err, isErrSource) {
+    loader.onload(err, load.id, load.d && load.d.map(loadToId), !!isErrSource);
+    if (err) throw err;
+  }
+
+  var lastRegister;
+
+  systemJSPrototype.register = function (deps, declare) {
+    lastRegister = [deps, declare];
+  };
+
+  systemJSPrototype.getRegister = function () {
+    var _lastRegister = lastRegister;
+    lastRegister = void 0;
+    return _lastRegister;
+  };
+
+  function getOrCreateLoad(loader, id, firstParentUrl) {
+    var load = loader[REGISTRY][id];
+    if (load) return load;
+    var importerSetters = [];
+    var ns = Object.create(null);
+    if (toStringTag$1) Object.defineProperty(ns, toStringTag$1, {
+      value: "Module"
+    });
+    var instantiatePromise = Promise.resolve().then(function () {
+      return loader.instantiate(id, firstParentUrl);
+    }).then(function (registration) {
+      if (!registration) throw Error(errMsg(2, "Module " + id + " did not instantiate"));
+
+      function _export(name, value) {
+        load.h = true;
+        var changed = false;
+
+        if (typeof name === "string") {
+          if (!(name in ns) || ns[name] !== value) {
+            ns[name] = value;
+            changed = true;
+          }
+        } else {
+          for (var p in name) {
+            var value = name[p];
 
-          if (typeof content === 'object' && !('default' in content)) {
-            _export('default', content);
+            if (!(p in ns) || ns[p] !== value) {
+              ns[p] = value;
+              changed = true;
+            }
+          }
+
+          if (name && name.__esModule) {
+            ns.__esModule = name.__esModule;
           }
         }
-      } else {
-        _export(...p);
+
+        if (changed) for (var i = 0; i < importerSetters.length; i++) {
+          var setter = importerSetters[i];
+          if (setter) setter(ns);
+        }
+        return value;
       }
+
+      var declared = registration[1](_export, registration[1].length === 2 ? {
+        import: function (importId) {
+          return loader.import(importId, id);
+        },
+        meta: loader.createContext(id)
+      } : void 0);
+
+      load.e = declared.execute || function () {};
+
+      return [registration[0], declared.setters || []];
+    }, function (err) {
+      load.e = null;
+      load.er = err;
+      triggerOnload(loader, load, err, true);
+      throw err;
+    });
+    var linkPromise = instantiatePromise.then(function (instantiation) {
+      return Promise.all(instantiation[0].map(function (dep, i) {
+        var setter = instantiation[1][i];
+        return Promise.resolve(loader.resolve(dep, id)).then(function (depId) {
+          var depLoad = getOrCreateLoad(loader, depId, id);
+          return Promise.resolve(depLoad.I).then(function () {
+            if (setter) {
+              depLoad.i.push(setter);
+              if (depLoad.h || !depLoad.I) setter(depLoad.n);
+            }
+
+            return depLoad;
+          });
+        });
+      })).then(function (depLoads) {
+        load.d = depLoads;
+      });
+    });
+    return load = loader[REGISTRY][id] = {
+      id,
+      i: importerSetters,
+      n: ns,
+      I: instantiatePromise,
+      L: linkPromise,
+      h: false,
+      d: void 0,
+      e: void 0,
+      er: void 0,
+      E: void 0,
+      C: void 0,
+      p: void 0
     };
+  }
 
-    return getContent(exp, ctx);
-  });
-  return systemRegister.apply(this, args);
-};
-/**
- * Registers all static global dependencies in the system.
- * @param modules The modules to register as dependencies.
- * @returns A promise when SystemJS included all dependencies.
- */
+  function instantiateAll(loader, load, parent, loaded) {
+    if (!loaded[load.id]) {
+      loaded[load.id] = true;
+      return Promise.resolve(load.L).then(function () {
+        if (!load.p || load.p.e === null) load.p = parent;
+        return Promise.all(load.d.map(function (dep) {
+          return instantiateAll(loader, dep, parent, loaded);
+        }));
+      }).catch(function (err) {
+        if (load.er) throw err;
+        load.e = null;
+        triggerOnload(loader, load, err, false);
+        throw err;
+      });
+    }
+  }
 
+  function topLevelLoad(loader, load) {
+    return load.C = instantiateAll(loader, load, load, {}).then(function () {
+      return postOrderExec(loader, load, {});
+    }).then(function () {
+      return load.n;
+    });
+  }
 
-function registerDependencies(modules) {
-  const moduleNames = Object.keys(modules);
-  moduleNames.forEach(name => registerModule(name, () => modules[name]));
-  return Promise.all(moduleNames.map(name => System.import(name)));
-}
-/**
- * Registers a plain module in SystemJS.
- * @param name The name of the module
- * @param resolve The resolver for the module's content.
- */
+  var nullContext = Object.freeze(Object.create(null));
 
-function registerModule(name, resolve) {
-  System.register(name, [], _exports => ({
-    execute() {
-      const content = resolve();
+  function postOrderExec(loader, load, seen) {
+    if (seen[load.id]) return;
+    seen[load.id] = true;
 
-      if (content instanceof Promise) {
-        return content.then(_exports);
-      } else {
-        _exports(content);
+    if (!load.e) {
+      if (load.er) throw load.er;
+      if (load.E) return load.E;
+      return;
+    }
+
+    var depLoadPromises;
+    load.d.forEach(function (depLoad) {
+      try {
+        var depLoadPromise = postOrderExec(loader, depLoad, seen);
+        if (depLoadPromise) (depLoadPromises = depLoadPromises || []).push(depLoadPromise);
+      } catch (err) {
+        load.e = null;
+        load.er = err;
+        triggerOnload(loader, load, err, false);
+        throw err;
+      }
+    });
+    if (depLoadPromises) return Promise.all(depLoadPromises).then(doExec);
+    return doExec();
+
+    function doExec() {
+      try {
+        var execPromise = load.e.call(nullContext);
+
+        if (execPromise) {
+          execPromise = execPromise.then(function () {
+            load.C = load.n;
+            load.E = null;
+            if (true) triggerOnload(loader, load, null, true);
+          }, function (err) {
+            load.er = err;
+            load.E = null;
+            if (true) triggerOnload(loader, load, err, true);
+            throw err;
+          });
+          return load.E = execPromise;
+        }
+
+        load.C = load.n;
+        load.L = load.I = void 0;
+      } catch (err) {
+        load.er = err;
+        throw err;
+      } finally {
+        load.e = null;
+        triggerOnload(loader, load, load.er, true);
       }
     }
+  }
 
-  }));
-}
-/**
- * Unregisters all modules coming from the given base URL.
- * @param baseUrl The base URL used to identify the modules to delete to.
- * @param dependencies The shared dependencies from the pilet. These will be left alive.
- */
+  envGlobal.System = new SystemJS();
+  var importMapPromise = Promise.resolve();
+  var importMap = {
+    imports: {},
+    scopes: {},
+    depcache: {},
+    integrity: {}
+  };
+  var processFirst = hasDocument;
 
-function unregisterModules(baseUrl, dependencies) {
-  [...System.entries()].map(([name]) => name).filter(name => name.startsWith(baseUrl) && !dependencies.includes(name)).forEach(name => System.delete(name));
-}
-/**
- * Requires a module from SystemJS
- * @param name The name of the module to obtain
- * @returns The module's content, if any, otherwise throws an error.
- */
+  systemJSPrototype.prepareImport = function (doProcessScripts) {
+    if (processFirst || doProcessScripts) {
+      processScripts();
+      processFirst = false;
+    }
 
-function requireModule(name, parent) {
-  const moduleId = tryResolve(name, parent);
-  const dependency = moduleId && System.get(moduleId);
+    return importMapPromise;
+  };
 
-  if (!dependency) {
-    const error = new Error(`Cannot find module '${name}'`);
-    error.code = 'MODULE_NOT_FOUND';
-    throw error;
+  if (hasDocument) {
+    processScripts();
+    window.addEventListener("DOMContentLoaded", processScripts);
   }
 
-  return dependency;
-}
+  function processScripts() {
+    [].forEach.call(document.querySelectorAll("script"), function (script) {
+      if (script.sp) return;
 
-/***/ }),
+      if (script.type === "systemjs-module") {
+        script.sp = true;
+        if (!script.src) return;
+        System.import(script.src.slice(0, 7) === "import:" ? script.src.slice(7) : resolveUrl(script.src, baseUrl)).catch(function (e) {
+          if (e.message.indexOf("https://git.io/JvFET#3") > -1) {
+            var event = document.createEvent("Event");
+            event.initEvent("error", false, false);
+            script.dispatchEvent(event);
+          }
 
-/***/ "../../framework/piral-base/esm/utils/version.js":
-/*!*******************************************************!*\
-  !*** ../../framework/piral-base/esm/utils/version.js ***!
-  \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+          return Promise.reject(e);
+        });
+      } else if (script.type === "systemjs-importmap") {
+        script.sp = true;
+        var fetchPromise = script.src ? (System.fetch || fetch)(script.src, {
+          integrity: script.integrity,
+          passThrough: true
+        }).then(function (res) {
+          if (!res.ok) throw Error("Invalid status code: " + res.status);
+          return res.text();
+        }).catch(function (err) {
+          err.message = errMsg("W4", "Error fetching systemjs-import map " + script.src) + "\n" + err.message;
+          console.warn(err);
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "satisfies": () => (/* binding */ satisfies),
-/* harmony export */   "validate": () => (/* binding */ validate)
-/* harmony export */ });
-const semver = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
-const acceptsAll = ['*', 'x', '>=0'];
-const operatorResMap = {
-  '>': [1],
-  '>=': [0, 1],
-  '=': [0],
-  '<=': [-1, 0],
-  '<': [-1]
+          if (typeof script.onerror === "function") {
+            script.onerror();
+          }
+
+          return "{}";
+        }) : script.innerHTML;
+        importMapPromise = importMapPromise.then(function () {
+          return fetchPromise;
+        }).then(function (text) {
+          extendImportMap(importMap, text, script.src || baseUrl);
+        });
+      }
+    });
+  }
+
+  function extendImportMap(importMap2, newMapText, newMapUrl) {
+    var newMap = {};
+
+    try {
+      newMap = JSON.parse(newMapText);
+    } catch (err) {
+      console.warn(Error(errMsg("W5", "systemjs-importmap contains invalid JSON") + "\n\n" + newMapText + "\n"));
+    }
+
+    resolveAndComposeImportMap(newMap, newMapUrl, importMap2);
+  }
+
+  if (hasDocument) {
+    window.addEventListener("error", function (evt) {
+      lastWindowErrorUrl = evt.filename;
+      lastWindowError = evt.error;
+    });
+    var baseOrigin = location.origin;
+  }
+
+  systemJSPrototype.createScript = function (url) {
+    var script = document.createElement("script");
+    script.async = true;
+    if (url.indexOf(baseOrigin + "/")) script.crossOrigin = "anonymous";
+    var integrity = importMap.integrity[url];
+    if (integrity) script.integrity = integrity;
+    script.src = url;
+    return script;
+  };
+
+  var lastAutoImportDeps, lastAutoImportTimeout;
+  var autoImportCandidates = {};
+  var systemRegister2 = systemJSPrototype.register;
+
+  systemJSPrototype.register = function (deps, declare) {
+    if (hasDocument && document.readyState === "loading" && typeof deps !== "string") {
+      var scripts = document.querySelectorAll("script[src]");
+      var lastScript = scripts[scripts.length - 1];
+
+      if (lastScript) {
+        lastAutoImportDeps = deps;
+        var loader = this;
+        lastAutoImportTimeout = setTimeout(function () {
+          autoImportCandidates[lastScript.src] = [deps, declare];
+          loader.import(lastScript.src);
+        });
+      }
+    } else {
+      lastAutoImportDeps = void 0;
+    }
+
+    return systemRegister2.call(this, deps, declare);
+  };
+
+  var lastWindowErrorUrl, lastWindowError;
+
+  systemJSPrototype.instantiate = function (url, firstParentUrl) {
+    var autoImportRegistration = autoImportCandidates[url];
+
+    if (autoImportRegistration) {
+      delete autoImportCandidates[url];
+      return autoImportRegistration;
+    }
+
+    var loader = this;
+    return Promise.resolve(systemJSPrototype.createScript(url)).then(function (script) {
+      return new Promise(function (resolve, reject) {
+        script.addEventListener("error", function () {
+          reject(Error(errMsg(3, "Error loading " + url + (firstParentUrl ? " from " + firstParentUrl : ""))));
+        });
+        script.addEventListener("load", function () {
+          document.head.removeChild(script);
+
+          if (lastWindowErrorUrl === url) {
+            reject(lastWindowError);
+          } else {
+            var register = loader.getRegister(url);
+            if (register && register[0] === lastAutoImportDeps) clearTimeout(lastAutoImportTimeout);
+            resolve(register);
+          }
+        });
+        document.head.appendChild(script);
+      });
+    });
+  };
+
+  systemJSPrototype.shouldFetch = function () {
+    return false;
+  };
+
+  if (typeof fetch !== "undefined") systemJSPrototype.fetch = fetch;
+  var instantiate = systemJSPrototype.instantiate;
+  var jsContentTypeRegEx = /^(text|application)\/(x-)?javascript(;|$)/;
+
+  systemJSPrototype.instantiate = function (url, parent) {
+    var loader = this;
+    if (!this.shouldFetch(url)) return instantiate.apply(this, arguments);
+    return this.fetch(url, {
+      credentials: "same-origin",
+      integrity: importMap.integrity[url]
+    }).then(function (res) {
+      if (!res.ok) throw Error(errMsg(7, res.status + " " + res.statusText + ", loading " + url + (parent ? " from " + parent : "")));
+      var contentType = res.headers.get("content-type");
+      if (!contentType || !jsContentTypeRegEx.test(contentType)) throw Error(errMsg(4, 'Unknown Content-Type "' + contentType + '", loading ' + url + (parent ? " from " + parent : "")));
+      return res.text().then(function (source) {
+        if (source.indexOf("//# sourceURL=") < 0) source += "\n//# sourceURL=" + url;
+        (0, eval)(source);
+        return loader.getRegister(url);
+      });
+    });
+  };
+
+  systemJSPrototype.resolve = function (id, parentUrl) {
+    parentUrl = parentUrl || false || baseUrl;
+    return resolveImportMap(importMap, resolveIfNotPlainOrUrl(id, parentUrl) || id, parentUrl) || throwUnresolved(id, parentUrl);
+  };
+
+  function throwUnresolved(id, parentUrl) {
+    throw Error(errMsg(8, "Unable to resolve bare specifier '" + id + (parentUrl ? "' from " + parentUrl : "'")));
+  }
+
+  var systemInstantiate = systemJSPrototype.instantiate;
+
+  systemJSPrototype.instantiate = function (url, firstParentUrl) {
+    var preloads = importMap.depcache[url];
+
+    if (preloads) {
+      for (var i = 0; i < preloads.length; i++) getOrCreateLoad(this, this.resolve(preloads[i], url), url);
+    }
+
+    return systemInstantiate.call(this, url, firstParentUrl);
+  };
+
+  if (hasSelf && typeof importScripts === "function") systemJSPrototype.instantiate = function (url) {
+    var loader = this;
+    return Promise.resolve().then(function () {
+      importScripts(url);
+      return loader.getRegister(url);
+    });
+  };
+
+  (function (global2) {
+    var systemJSPrototype2 = global2.System.constructor.prototype;
+    var firstGlobalProp, secondGlobalProp, lastGlobalProp;
+
+    function getGlobalProp(useFirstGlobalProp) {
+      var cnt = 0;
+      var foundLastProp, result;
+
+      for (var p in global2) {
+        if (shouldSkipProperty(p)) continue;
+        if (cnt === 0 && p !== firstGlobalProp || cnt === 1 && p !== secondGlobalProp) return p;
+
+        if (foundLastProp) {
+          lastGlobalProp = p;
+          result = useFirstGlobalProp && result || p;
+        } else {
+          foundLastProp = p === lastGlobalProp;
+        }
+
+        cnt++;
+      }
+
+      return result;
+    }
+
+    function noteGlobalProps() {
+      firstGlobalProp = secondGlobalProp = void 0;
+
+      for (var p in global2) {
+        if (shouldSkipProperty(p)) continue;
+        if (!firstGlobalProp) firstGlobalProp = p;else if (!secondGlobalProp) secondGlobalProp = p;
+        lastGlobalProp = p;
+      }
+
+      return lastGlobalProp;
+    }
+
+    var impt = systemJSPrototype2.import;
+
+    systemJSPrototype2.import = function (id, parentUrl) {
+      noteGlobalProps();
+      return impt.call(this, id, parentUrl);
+    };
+
+    var emptyInstantiation = [[], function () {
+      return {};
+    }];
+    var getRegister = systemJSPrototype2.getRegister;
+
+    systemJSPrototype2.getRegister = function () {
+      var lastRegister2 = getRegister.call(this);
+      if (lastRegister2) return lastRegister2;
+      var globalProp = getGlobalProp(this.firstGlobalProp);
+      if (!globalProp) return emptyInstantiation;
+      var globalExport;
+
+      try {
+        globalExport = global2[globalProp];
+      } catch (e) {
+        return emptyInstantiation;
+      }
+
+      return [[], function (_export) {
+        return {
+          execute: function () {
+            _export(globalExport);
+
+            _export({
+              default: globalExport,
+              __useDefault: true
+            });
+          }
+        };
+      }];
+    };
+
+    var isIE11 = typeof navigator !== "undefined" && navigator.userAgent.indexOf("Trident") !== -1;
+
+    function shouldSkipProperty(p) {
+      return !global2.hasOwnProperty(p) || !isNaN(p) && p < global2.length || isIE11 && global2[p] && typeof window !== "undefined" && global2[p].parent === window;
+    }
+  })(typeof self !== "undefined" ? self : __webpack_require__.g);
+
+  (function (global2) {
+    var systemJSPrototype2 = global2.System.constructor.prototype;
+    var moduleTypesRegEx = /^[^#?]+\.(css|html|json|wasm)([?#].*)?$/;
+
+    systemJSPrototype2.shouldFetch = function (url) {
+      return moduleTypesRegEx.test(url);
+    };
+
+    var jsonContentType = /^application\/json(;|$)/;
+    var cssContentType = /^text\/css(;|$)/;
+    var wasmContentType = /^application\/wasm(;|$)/;
+    var fetch2 = systemJSPrototype2.fetch;
+
+    systemJSPrototype2.fetch = function (url, options) {
+      return fetch2(url, options).then(function (res) {
+        if (options.passThrough) return res;
+        if (!res.ok) return res;
+        var contentType = res.headers.get("content-type");
+        if (jsonContentType.test(contentType)) return res.json().then(function (json) {
+          return new Response(new Blob(['System.register([],function(e){return{execute:function(){e("default",' + JSON.stringify(json) + ")}}})"], {
+            type: "application/javascript"
+          }));
+        });
+        if (cssContentType.test(contentType)) return res.text().then(function (source) {
+          source = source.replace(/url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g, function (match, quotes, relUrl1, relUrl2) {
+            return "url(" + quotes + resolveUrl(relUrl1 || relUrl2, url) + quotes + ")";
+          });
+          return new Response(new Blob(["System.register([],function(e){return{execute:function(){var s=new CSSStyleSheet();s.replaceSync(" + JSON.stringify(source) + ');e("default",s)}}})'], {
+            type: "application/javascript"
+          }));
+        });
+        if (wasmContentType.test(contentType)) return (WebAssembly.compileStreaming ? WebAssembly.compileStreaming(res) : res.arrayBuffer().then(WebAssembly.compile)).then(function (module) {
+          if (!global2.System.wasmModules) global2.System.wasmModules = Object.create(null);
+          global2.System.wasmModules[url] = module;
+          var deps = [];
+          var setterSources = [];
+          if (WebAssembly.Module.imports) WebAssembly.Module.imports(module).forEach(function (impt) {
+            var key = JSON.stringify(impt.module);
+
+            if (deps.indexOf(key) === -1) {
+              deps.push(key);
+              setterSources.push("function(m){i[" + key + "]=m}");
+            }
+          });
+          return new Response(new Blob(["System.register([" + deps.join(",") + "],function(e){var i={};return{setters:[" + setterSources.join(",") + "],execute:function(){return WebAssembly.instantiate(System.wasmModules[" + JSON.stringify(url) + "],i).then(function(m){e(m.exports)})}}})"], {
+            type: "application/javascript"
+          }));
+        });
+        return res;
+      });
+    };
+  })(typeof self !== "undefined" ? self : __webpack_require__.g);
+
+  var toStringTag = typeof Symbol !== "undefined" && Symbol.toStringTag;
+
+  systemJSPrototype.get = function (id) {
+    var load = this[REGISTRY][id];
+
+    if (load && load.e === null && !load.E) {
+      if (load.er) return null;
+      return load.n;
+    }
+  };
+
+  systemJSPrototype.set = function (id, module) {
+    {
+      try {
+        new URL(id);
+      } catch (err) {
+        console.warn(Error(errMsg("W3", '"' + id + '" is not a valid URL to set in the module registry')));
+      }
+    }
+    var ns;
+
+    if (toStringTag && module[toStringTag] === "Module") {
+      ns = module;
+    } else {
+      ns = Object.assign(Object.create(null), module);
+      if (toStringTag) Object.defineProperty(ns, toStringTag, {
+        value: "Module"
+      });
+    }
+
+    var done = Promise.resolve(ns);
+    var load = this[REGISTRY][id] || (this[REGISTRY][id] = {
+      id,
+      i: [],
+      h: false,
+      d: [],
+      e: null,
+      er: void 0,
+      E: void 0
+    });
+    if (load.e || load.E) return false;
+    Object.assign(load, {
+      n: ns,
+      I: void 0,
+      L: void 0,
+      C: done
+    });
+    return ns;
+  };
+
+  systemJSPrototype.has = function (id) {
+    var load = this[REGISTRY][id];
+    return !!load;
+  };
+
+  systemJSPrototype.delete = function (id) {
+    var registry = this[REGISTRY];
+    var load = registry[id];
+    if (!load || load.p && load.p.e !== null || load.E) return false;
+    var importerSetters = load.i;
+    if (load.d) load.d.forEach(function (depLoad) {
+      var importerIndex = depLoad.i.indexOf(load);
+      if (importerIndex !== -1) depLoad.i.splice(importerIndex, 1);
+    });
+    delete registry[id];
+    return function () {
+      var load2 = registry[id];
+      if (!load2 || !importerSetters || load2.e !== null || load2.E) return false;
+      importerSetters.forEach(function (setter) {
+        load2.i.push(setter);
+        setter(load2.n);
+      });
+      importerSetters = null;
+    };
+  };
+
+  var iterator = typeof Symbol !== "undefined" && Symbol.iterator;
+
+  systemJSPrototype.entries = function () {
+    var loader = this,
+        keys = Object.keys(loader[REGISTRY]);
+    var index = 0,
+        ns,
+        key;
+    var result = {
+      next: function () {
+        while ((key = keys[index++]) !== void 0 && (ns = loader.get(key)) === void 0);
+
+        return {
+          done: key === void 0,
+          value: key !== void 0 && [key, ns]
+        };
+      }
+    };
+
+    result[iterator] = function () {
+      return this;
+    };
+
+    return result;
+  };
+})(); // ../../../node_modules/systemjs/dist/extras/named-register.js
+
+
+(function () {
+  (function (global2) {
+    var System2 = global2.System;
+    setRegisterRegistry(System2);
+    var systemJSPrototype = System2.constructor.prototype;
+    var constructor = System2.constructor;
+
+    var SystemJS = function () {
+      constructor.call(this);
+      setRegisterRegistry(this);
+    };
+
+    SystemJS.prototype = systemJSPrototype;
+    System2.constructor = SystemJS;
+    var firstNamedDefine, firstName;
+
+    function setRegisterRegistry(systemInstance) {
+      systemInstance.registerRegistry = Object.create(null);
+      systemInstance.namedRegisterAliases = Object.create(null);
+    }
+
+    var register = systemJSPrototype.register;
+
+    systemJSPrototype.register = function (name, deps, declare) {
+      if (typeof name !== "string") return register.apply(this, arguments);
+      var define = [deps, declare];
+      this.registerRegistry[name] = define;
+
+      if (!firstNamedDefine) {
+        firstNamedDefine = define;
+        firstName = name;
+      }
+
+      Promise.resolve().then(function () {
+        firstNamedDefine = null;
+        firstName = null;
+      });
+      return register.apply(this, [deps, declare]);
+    };
+
+    var resolve = systemJSPrototype.resolve;
+
+    systemJSPrototype.resolve = function (id, parentURL) {
+      try {
+        return resolve.call(this, id, parentURL);
+      } catch (err) {
+        if (id in this.registerRegistry) {
+          return this.namedRegisterAliases[id] || id;
+        }
+
+        throw err;
+      }
+    };
+
+    var instantiate = systemJSPrototype.instantiate;
+
+    systemJSPrototype.instantiate = function (url, firstParentUrl) {
+      var result = this.registerRegistry[url];
+
+      if (result) {
+        this.registerRegistry[url] = null;
+        return result;
+      } else {
+        return instantiate.call(this, url, firstParentUrl);
+      }
+    };
+
+    var getRegister = systemJSPrototype.getRegister;
+
+    systemJSPrototype.getRegister = function (url) {
+      var register2 = getRegister.call(this, url);
+
+      if (firstName && url) {
+        this.namedRegisterAliases[firstName] = url;
+      }
+
+      var result = firstNamedDefine || register2;
+      firstNamedDefine = null;
+      firstName = null;
+      return result;
+    };
+  })(typeof self !== "undefined" ? self : __webpack_require__.g);
+})(); // ../../tooling/piral-cli/src/common/version.ts
+
+
+var semver = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
+var acceptsAll = ["*", "x", ">=0"];
+var operatorResMap = {
+  ">": [1],
+  ">=": [0, 1],
+  "=": [0],
+  "<=": [-1, 0],
+  "<": [-1]
 };
 
 function indexOrEnd(str, q) {
@@ -58808,15 +59536,15 @@ function indexOrEnd(str, q) {
 }
 
 function splitVersion(v) {
-  var c = v.replace(/^v/, '').replace(/\+.*$/, '');
-  var patchIndex = indexOrEnd(c, '-');
-  var arr = c.substring(0, patchIndex).split('.');
+  const c = v.replace(/^v/, "").replace(/\+.*$/, "");
+  const patchIndex = indexOrEnd(c, "-");
+  const arr = c.substring(0, patchIndex).split(".");
   arr.push(c.substring(patchIndex + 1));
   return arr;
 }
 
 function parseSegment(v) {
-  var n = parseInt(v, 10);
+  const n = parseInt(v, 10);
   return isNaN(n) ? v : n;
 }
 
@@ -58841,7 +59569,7 @@ function compareStrings(a, b) {
 
 function compareSegments(a, b) {
   for (let i = 0; i < 2; i++) {
-    const r = compareStrings(a[i] || '0', b[i] || '0');
+    const r = compareStrings(a[i] || "0", b[i] || "0");
 
     if (r !== 0) {
       return r;
@@ -58857,8 +59585,8 @@ function compareVersions(v1, v2) {
   const len = Math.max(s1.length - 1, s2.length - 1);
 
   for (let i = 0; i < len; i++) {
-    const n1 = parseInt(s1[i] || '0', 10);
-    const n2 = parseInt(s2[i] || '0', 10);
+    const n1 = parseInt(s1[i] || "0", 10);
+    const n2 = parseInt(s2[i] || "0", 10);
 
     if (n1 > n2) {
       return 1;
@@ -58871,14 +59599,14 @@ function compareVersions(v1, v2) {
   const sp2 = s2[s2.length - 1];
 
   if (sp1 && sp2) {
-    const p1 = sp1.split('.').map(parseSegment);
-    const p2 = sp2.split('.').map(parseSegment);
-    const len = Math.max(p1.length, p2.length);
+    const p1 = sp1.split(".").map(parseSegment);
+    const p2 = sp2.split(".").map(parseSegment);
+    const len2 = Math.max(p1.length, p2.length);
 
-    for (let i = 0; i < len; i++) {
-      if (p1[i] === undefined || typeof p2[i] === 'string' && typeof p1[i] === 'number') {
+    for (let i = 0; i < len2; i++) {
+      if (p1[i] === void 0 || typeof p2[i] === "string" && typeof p1[i] === "number") {
         return -1;
-      } else if (p2[i] === undefined || typeof p1[i] === 'string' && typeof p2[i] === 'number') {
+      } else if (p2[i] === void 0 || typeof p1[i] === "string" && typeof p2[i] === "number") {
         return 1;
       } else if (p1[i] > p2[i]) {
         return 1;
@@ -58894,8 +59622,6 @@ function compareVersions(v1, v2) {
 }
 
 function compare(v1, v2, operator) {
-  // since result of compareVersions can only be -1 or 0 or 1
-  // a simple map can be used to replace switch
   const res = compareVersions(v1, v2);
   return operatorResMap[operator].indexOf(res) > -1;
 }
@@ -58903,23 +59629,22 @@ function compare(v1, v2, operator) {
 function validate(version) {
   return acceptsAll.includes(version) || semver.test(version);
 }
+
 function satisfies(v, r) {
   if (!acceptsAll.includes(r)) {
-    // if no range operator then "="
     const match = r.match(/^([<>=~^]+)/);
-    const op = match ? match[1] : '='; // if gt/lt/eq then operator compare
+    const op = match ? match[1] : "=";
 
-    if (op !== '^' && op !== '~') {
+    if (op !== "^" && op !== "~") {
       return compare(v, r, op);
-    } // else range of either "~" or "^" is assumed
-
+    }
 
     const [v1, v2, v3] = validateAndParse(v);
     const [m1, m2, m3] = validateAndParse(r);
 
     if (compareStrings(v1, m1) !== 0) {
       return false;
-    } else if (op === '^') {
+    } else if (op === "^") {
       return compareSegments([v2, v3], [m2, m3]) >= 0;
     } else if (compareStrings(v2, m2) !== 0) {
       return false;
@@ -58929,8 +59654,145 @@ function satisfies(v, r) {
   }
 
   return true;
+} // src/utils/system.ts
+
+
+var systemResolve = System.constructor.prototype.resolve;
+var systemRegister = System.constructor.prototype.register;
+
+function getLoadedVersions(prefix) {
+  return [...System.entries()].filter(([name]) => name.startsWith(prefix)).map(([name]) => name.substring(prefix.length));
+}
+
+function findMatchingPackage(id) {
+  const sep = id.indexOf("@", 1);
+
+  if (sep > 1) {
+    const available = Object.keys(System.registerRegistry);
+    const name = id.substring(0, sep + 1);
+    const versionSpec = id.substring(sep + 1);
+
+    if (validate(versionSpec)) {
+      const loadedVersions = getLoadedVersions(name);
+      const allVersions = available.filter(m => m.startsWith(name)).map(m => m.substring(name.length));
+      const availableVersions = [...loadedVersions, ...allVersions.filter(m => !loadedVersions.includes(m))];
+
+      for (const availableVersion of availableVersions) {
+        if (validate(availableVersion) && satisfies(availableVersion, versionSpec)) {
+          return name + availableVersion;
+        }
+      }
+    }
+  }
+
+  return void 0;
+}
+
+function isPrimitiveExport(content) {
+  const type = typeof content;
+  return type === "number" || type === "boolean" || type === "symbol" || type === "string" || type === "bigint" || Array.isArray(content);
+}
+
+System.constructor.prototype.resolve = function (id, parentUrl) {
+  try {
+    return systemResolve.call(this, id, parentUrl);
+  } catch (ex) {
+    const result = findMatchingPackage(id);
+
+    if (!result) {
+      throw ex;
+    }
+
+    return result;
+  }
+};
+
+System.constructor.prototype.register = function (...args) {
+  const getContent = args.pop();
+  args.push((_export, ctx) => {
+    const exp = (...p) => {
+      if (p.length === 1) {
+        const content = p[0];
+
+        if (content instanceof Promise) {
+          return content.then(exp);
+        } else if (typeof content === "function") {
+          _export("__esModule", true);
+
+          Object.keys(content).forEach(prop => {
+            _export(prop, content[prop]);
+          });
+
+          _export("default", content);
+        } else if (isPrimitiveExport(content)) {
+          _export("__esModule", true);
+
+          _export("default", content);
+        } else if (content) {
+          _export(content);
+
+          if (typeof content === "object" && !("default" in content)) {
+            _export("default", content);
+          }
+        }
+      } else {
+        _export(...p);
+      }
+    };
+
+    return getContent(exp, ctx);
+  });
+  return systemRegister.apply(this, args);
+};
+
+function tryResolve(name, parent) {
+  try {
+    return System.resolve(name, parent);
+  } catch (e) {
+    return void 0;
+  }
+}
+
+function registerDependencies(modules) {
+  const moduleNames = Object.keys(modules);
+  moduleNames.forEach(name => registerModule(name, () => modules[name]));
+  return Promise.all(moduleNames.map(name => System.import(name)));
+}
+
+function registerModule(name, resolve) {
+  System.register(name, [], _exports => ({
+    execute() {
+      const content = resolve();
+
+      if (content instanceof Promise) {
+        return content.then(_exports);
+      } else {
+        _exports(content);
+      }
+    }
+
+  }));
+}
+
+function unregisterModules(baseUrl, dependencies) {
+  [...System.entries()].map(([name]) => name).filter(name => name.startsWith(baseUrl) && !dependencies.includes(name)).forEach(name => System.delete(name));
+}
+
+function requireModule(name, parent) {
+  const moduleId = tryResolve(name, parent);
+  const dependency = moduleId && System.get(moduleId);
+
+  if (!dependency) {
+    const error = new Error(`Cannot find module '${name}'`);
+    error.code = "MODULE_NOT_FOUND";
+    throw error;
+  }
+
+  return dependency;
 }
 
+
+
 /***/ }),
 
 /***/ "../../framework/piral-core/esm/Piral.js":
@@ -60254,97 +61116,6 @@ function createInstance(config = {}) {
 
 /***/ }),
 
-/***/ "../../framework/piral-core/esm/debugger.js":
-/*!**************************************************!*\
-  !*** ../../framework/piral-core/esm/debugger.js ***!
-  \**************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "integrateDebugger": () => (/* binding */ integrateDebugger)
-/* harmony export */ });
-/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/debug.js");
-
-function integrateDebugger(context, options, debug = {}) {
-  (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__.installPiralDebug)(Object.assign(Object.assign({}, debug), {
-    addPilet: context.addPilet,
-    removePilet: context.removePilet,
-
-    updatePilet(pilet) {
-      if (!pilet.disabled) {
-        const {
-          createApi
-        } = options;
-        const newApi = createApi(pilet);
-
-        try {
-          context.injectPilet(pilet);
-          pilet.setup(newApi);
-        } catch (error) {
-          console.error(error);
-        }
-      } else {
-        context.injectPilet(pilet);
-      }
-    },
-
-    fireEvent: context.emit,
-
-    getDependencies() {
-      return Object.keys(options.dependencies);
-    },
-
-    getExtensions() {
-      return context.readState(s => Object.keys(s.registry.extensions));
-    },
-
-    getRoutes() {
-      const registeredRoutes = context.readState(state => Object.keys(state.registry.pages));
-      const componentRoutes = context.readState(state => Object.keys(state.routes));
-      return [...componentRoutes, ...registeredRoutes];
-    },
-
-    getGlobalState() {
-      return context.readState(s => s);
-    },
-
-    navigate(path, state) {
-      return context.navigation.push(path, state);
-    },
-
-    getPilets() {
-      return context.readState(s => s.modules);
-    },
-
-    integrate(dbg) {
-      context.dispatch(s => Object.assign(Object.assign({}, s), {
-        components: Object.assign(Object.assign({}, s.components), dbg.components),
-        routes: Object.assign(Object.assign({}, s.routes), dbg.routes),
-        registry: Object.assign(Object.assign({}, s.registry), {
-          wrappers: Object.assign(Object.assign({}, s.registry.wrappers), dbg.wrappers)
-        })
-      }));
-      context.state.subscribe((current, previous) => {
-        const pilets = current.modules !== previous.modules;
-        const pages = current.registry.pages !== previous.registry.pages || current.routes !== previous.routes;
-        const extensions = current.registry.extensions !== previous.registry.extensions;
-        const state = current !== previous;
-        dbg.onChange(previous, current, {
-          pilets,
-          pages,
-          extensions,
-          state
-        });
-      });
-    }
-
-  }));
-}
-
-/***/ }),
-
 /***/ "../../framework/piral-core/esm/defaults/DefaultErrorInfo.js":
 /*!*******************************************************************!*\
   !*** ../../framework/piral-core/esm/defaults/DefaultErrorInfo.js ***!
@@ -60607,33 +61378,6 @@ function createNavigation() {
 
 /***/ }),
 
-/***/ "../../framework/piral-core/esm/emulator.js":
-/*!**************************************************!*\
-  !*** ../../framework/piral-core/esm/emulator.js ***!
-  \**************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "integrateEmulator": () => (/* binding */ integrateEmulator)
-/* harmony export */ });
-/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.js");
-
-function integrateEmulator(context, options) {
-  (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__.installPiletEmulator)(options.fetchPilets, {
-    addPilet: context.addPilet,
-    removePilet: context.removePilet,
-
-    integrate(requester) {
-      options.fetchPilets = requester;
-    }
-
-  });
-}
-
-/***/ }),
-
 /***/ "../../framework/piral-core/esm/helpers.js":
 /*!*************************************************!*\
   !*** ../../framework/piral-core/esm/helpers.js ***!
@@ -60647,8 +61391,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/loader.js");
 /* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/dependencies.js");
-/* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../app.codegen */ "../../framework/piral-core/esm/debugger.js");
-/* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app.codegen */ "../../framework/piral-core/esm/emulator.js");
+/* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../app.codegen */ "../../framework/piral-core/esm/tools/debugger.js");
+/* harmony import */ var _app_codegen__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app.codegen */ "../../framework/piral-core/esm/tools/emulator.js");
 
 
 
@@ -61392,6 +62136,124 @@ function withApi(context, component, piral, errorType, wrapperType = errorType,
 
 /***/ }),
 
+/***/ "../../framework/piral-core/esm/tools/debugger.js":
+/*!********************************************************!*\
+  !*** ../../framework/piral-core/esm/tools/debugger.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "integrateDebugger": () => (/* binding */ integrateDebugger)
+/* harmony export */ });
+/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/debug.js");
+
+function integrateDebugger(context, options, debug = {}) {
+  (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__.installPiralDebug)(Object.assign(Object.assign({}, debug), {
+    addPilet: context.addPilet,
+    removePilet: context.removePilet,
+
+    updatePilet(pilet) {
+      if (!pilet.disabled) {
+        const {
+          createApi
+        } = options;
+        const newApi = createApi(pilet);
+
+        try {
+          context.injectPilet(pilet);
+          pilet.setup(newApi);
+        } catch (error) {
+          console.error(error);
+        }
+      } else {
+        context.injectPilet(pilet);
+      }
+    },
+
+    fireEvent: context.emit,
+
+    getDependencies() {
+      return Object.keys(options.dependencies);
+    },
+
+    getExtensions() {
+      return context.readState(s => Object.keys(s.registry.extensions));
+    },
+
+    getRoutes() {
+      const registeredRoutes = context.readState(state => Object.keys(state.registry.pages));
+      const componentRoutes = context.readState(state => Object.keys(state.routes));
+      return [...componentRoutes, ...registeredRoutes];
+    },
+
+    getGlobalState() {
+      return context.readState(s => s);
+    },
+
+    navigate(path, state) {
+      return context.navigation.push(path, state);
+    },
+
+    getPilets() {
+      return context.readState(s => s.modules);
+    },
+
+    integrate(dbg) {
+      context.dispatch(s => Object.assign(Object.assign({}, s), {
+        components: Object.assign(Object.assign({}, s.components), dbg.components),
+        routes: Object.assign(Object.assign({}, s.routes), dbg.routes),
+        registry: Object.assign(Object.assign({}, s.registry), {
+          wrappers: Object.assign(Object.assign({}, s.registry.wrappers), dbg.wrappers)
+        })
+      }));
+      context.state.subscribe((current, previous) => {
+        const pilets = current.modules !== previous.modules;
+        const pages = current.registry.pages !== previous.registry.pages || current.routes !== previous.routes;
+        const extensions = current.registry.extensions !== previous.registry.extensions;
+        const state = current !== previous;
+        dbg.onChange(previous, current, {
+          pilets,
+          pages,
+          extensions,
+          state
+        });
+      });
+    }
+
+  }));
+}
+
+/***/ }),
+
+/***/ "../../framework/piral-core/esm/tools/emulator.js":
+/*!********************************************************!*\
+  !*** ../../framework/piral-core/esm/tools/emulator.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "integrateEmulator": () => (/* binding */ integrateEmulator)
+/* harmony export */ });
+/* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.js");
+
+function integrateEmulator(context, options) {
+  (0,piral_debug_utils__WEBPACK_IMPORTED_MODULE_0__.installPiletEmulator)(options.fetchPilets, {
+    addPilet: context.addPilet,
+    removePilet: context.removePilet,
+
+    integrate(requester) {
+      options.fetchPilets = requester;
+    }
+
+  });
+}
+
+/***/ }),
+
 /***/ "../../framework/piral-core/esm/utils/compare.js":
 /*!*******************************************************!*\
   !*** ../../framework/piral-core/esm/utils/compare.js ***!
@@ -62808,11 +63670,11 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.15.0-beta.4696",
+      version: "0.15.0-beta.4708",
       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-09-29T15:32:34.689Z",
+      date: "2022-10-02T21:48:29.999Z",
       cli: "0.14.32",
       compat: "0.14"
     }
@@ -74539,8 +75401,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_37__.integrateDebugger),
-/* harmony export */   "integrateEmulator": () => (/* reexport safe */ piral_core_emulator__WEBPACK_IMPORTED_MODULE_38__.integrateEmulator),
+/* harmony export */   "integrateDebugger": () => (/* reexport safe */ piral_core_tools_debugger__WEBPACK_IMPORTED_MODULE_37__.integrateDebugger),
+/* harmony export */   "integrateEmulator": () => (/* reexport safe */ piral_core_tools_emulator__WEBPACK_IMPORTED_MODULE_38__.integrateEmulator),
 /* harmony export */   "publicPath": () => (/* binding */ publicPath),
 /* harmony export */   "useRouteFilter": () => (/* binding */ useRouteFilter),
 /* harmony export */   "useRouterContext": () => (/* reexport safe */ piral_core_defaults_navigator_v5__WEBPACK_IMPORTED_MODULE_31__.useRouterContext)
@@ -74587,8 +75449,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_core_tools_debugger__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! piral-core/_/tools/debugger */ "../../framework/piral-core/esm/tools/debugger.js");
+/* harmony import */ var piral_core_tools_emulator__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! piral-core/_/tools/emulator */ "../../framework/piral-core/esm/tools/emulator.js");
 /* harmony import */ var piral_debug_utils__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! piral-debug-utils */ "../../utilities/piral-debug-utils/esm/emulator.js");
 
     
@@ -74630,12 +75492,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 
 
     
     function fillDependencies(deps) {
-      deps['sample-cross-fx']={};deps["@angular/common"]=_angular_common__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/common@14.1.3"]=_angular_common__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/compiler"]=_angular_compiler__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/compiler@14.1.3"]=_angular_compiler__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/core"]=_angular_core__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/core@14.1.3"]=_angular_core__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/platform-browser"]=_angular_platform_browser__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser@14.1.3"]=_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@14.1.3"]=_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@7.5.6"]=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['sample-cross-fx']={};deps["@angular/common"]=_angular_common__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/compiler"]=_angular_compiler__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/core"]=_angular_core__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/platform-browser"]=_angular_platform_browser__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser-dynamic"]=_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_22__;deps["@webcomponents/webcomponentsjs"]=_webcomponents_webcomponentsjs__WEBPACK_IMPORTED_MODULE_1__;deps["angular"]=angular__WEBPACK_IMPORTED_MODULE_2__;deps["aurelia-framework"]=aurelia_framework__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-templating-binding"]=aurelia_templating_binding__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-resources"]=aurelia_templating_resources__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-pal-browser"]=aurelia_pal_browser__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-event-aggregator"]=aurelia_event_aggregator__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-history-browser"]=aurelia_history_browser__WEBPACK_IMPORTED_MODULE_8__;deps["hyperapp"]=hyperapp__WEBPACK_IMPORTED_MODULE_9__;deps["inferno"]=inferno__WEBPACK_IMPORTED_MODULE_10__;deps["inferno-create-element"]=inferno_create_element__WEBPACK_IMPORTED_MODULE_11__;deps["mithril"]=mithril__WEBPACK_IMPORTED_MODULE_12__;deps["lit-element"]=lit_element__WEBPACK_IMPORTED_MODULE_13__;deps["solid-js"]=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["riot"]=riot__WEBPACK_IMPORTED_MODULE_15__;deps["rxjs"]=rxjs__WEBPACK_IMPORTED_MODULE_26__;deps["vue"]=vue__WEBPACK_IMPORTED_MODULE_27__;deps["zone.js"]=zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["tslib"]=tslib__WEBPACK_IMPORTED_MODULE_28__;deps["react"]=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-router"]=react_router__WEBPACK_IMPORTED_MODULE_29__;deps["react-router-dom"]=react_router_dom__WEBPACK_IMPORTED_MODULE_30__
     }
   
 
@@ -125513,1122 +126374,6 @@ module.exports = function (list, options) {
   };
 };
 
-/***/ }),
-
-/***/ "../../../node_modules/systemjs/dist/extras/named-register.js":
-/*!********************************************************************!*\
-  !*** ../../../node_modules/systemjs/dist/extras/named-register.js ***!
-  \********************************************************************/
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
-
-(function(){/*
- * SystemJS named register extension
- * Supports System.register('name', [..deps..], function (_export, _context) { ... })
- * 
- * Names are written to the registry as-is
- * System.register('x', ...) can be imported as System.import('x')
- */
-(function (global) {
-  var System = global.System;
-  setRegisterRegistry(System);
-  var systemJSPrototype = System.constructor.prototype;
-  var constructor = System.constructor;
-  var SystemJS = function () {
-    constructor.call(this);
-    setRegisterRegistry(this);
-  };
-  SystemJS.prototype = systemJSPrototype;
-  System.constructor = SystemJS;
-
-  var firstNamedDefine, firstName;
-
-  function setRegisterRegistry(systemInstance) {
-    systemInstance.registerRegistry = Object.create(null);
-    systemInstance.namedRegisterAliases = Object.create(null);
-  }
-
-  var register = systemJSPrototype.register;
-  systemJSPrototype.register = function (name, deps, declare) {
-    if (typeof name !== 'string')
-      return register.apply(this, arguments);
-    var define = [deps, declare];
-    this.registerRegistry[name] = define;
-    if (!firstNamedDefine) {
-      firstNamedDefine = define;
-      firstName = name;
-    }
-    Promise.resolve().then(function () {
-      firstNamedDefine = null;
-      firstName = null;
-    });
-    return register.apply(this, [deps, declare]);
-  };
-
-  var resolve = systemJSPrototype.resolve;
-  systemJSPrototype.resolve = function (id, parentURL) {
-    try {
-      // Prefer import map (or other existing) resolution over the registerRegistry
-      return resolve.call(this, id, parentURL);
-    } catch (err) {
-      if (id in this.registerRegistry) {
-        return this.namedRegisterAliases[id] || id;
-      }
-      throw err;
-    }
-  };
-
-  var instantiate = systemJSPrototype.instantiate;
-  systemJSPrototype.instantiate = function (url, firstParentUrl) {
-    var result = this.registerRegistry[url];
-    if (result) {
-      this.registerRegistry[url] = null;
-      return result;
-    } else {
-      return instantiate.call(this, url, firstParentUrl);
-    }
-  };
-
-  var getRegister = systemJSPrototype.getRegister;
-  systemJSPrototype.getRegister = function (url) {
-    // Calling getRegister() because other extras need to know it was called so they can perform side effects
-    var register = getRegister.call(this, url);
-
-    if (firstName && url) {
-      this.namedRegisterAliases[firstName] = url;
-    }
-    var result = firstNamedDefine || register;
-    firstNamedDefine = null;
-    firstName = null;
-    return result;
-  };
-})(typeof self !== 'undefined' ? self : __webpack_require__.g);})();
-
-/***/ }),
-
-/***/ "../../../node_modules/systemjs/dist/system.js":
-/*!*****************************************************!*\
-  !*** ../../../node_modules/systemjs/dist/system.js ***!
-  \*****************************************************/
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
-
-/*
-* SystemJS 6.12.1
-*/
-(function () {
-
-  function errMsg(errCode, msg) {
-    return (msg || "") + " (SystemJS Error#" + errCode + " " + "https://git.io/JvFET#" + errCode + ")";
-  }
-
-  var hasSymbol = typeof Symbol !== 'undefined';
-  var hasSelf = typeof self !== 'undefined';
-  var hasDocument = typeof document !== 'undefined';
-
-  var envGlobal = hasSelf ? self : __webpack_require__.g;
-
-  var baseUrl;
-
-  if (hasDocument) {
-    var baseEl = document.querySelector('base[href]');
-    if (baseEl)
-      baseUrl = baseEl.href;
-  }
-
-  if (!baseUrl && typeof location !== 'undefined') {
-    baseUrl = location.href.split('#')[0].split('?')[0];
-    var lastSepIndex = baseUrl.lastIndexOf('/');
-    if (lastSepIndex !== -1)
-      baseUrl = baseUrl.slice(0, lastSepIndex + 1);
-  }
-
-  var backslashRegEx = /\\/g;
-  function resolveIfNotPlainOrUrl (relUrl, parentUrl) {
-    if (relUrl.indexOf('\\') !== -1)
-      relUrl = relUrl.replace(backslashRegEx, '/');
-    // protocol-relative
-    if (relUrl[0] === '/' && relUrl[1] === '/') {
-      return parentUrl.slice(0, parentUrl.indexOf(':') + 1) + relUrl;
-    }
-    // relative-url
-    else if (relUrl[0] === '.' && (relUrl[1] === '/' || relUrl[1] === '.' && (relUrl[2] === '/' || relUrl.length === 2 && (relUrl += '/')) ||
-        relUrl.length === 1  && (relUrl += '/')) ||
-        relUrl[0] === '/') {
-      var parentProtocol = parentUrl.slice(0, parentUrl.indexOf(':') + 1);
-      // Disabled, but these cases will give inconsistent results for deep backtracking
-      //if (parentUrl[parentProtocol.length] !== '/')
-      //  throw Error('Cannot resolve');
-      // read pathname from parent URL
-      // pathname taken to be part after leading "/"
-      var pathname;
-      if (parentUrl[parentProtocol.length + 1] === '/') {
-        // resolving to a :// so we need to read out the auth and host
-        if (parentProtocol !== 'file:') {
-          pathname = parentUrl.slice(parentProtocol.length + 2);
-          pathname = pathname.slice(pathname.indexOf('/') + 1);
-        }
-        else {
-          pathname = parentUrl.slice(8);
-        }
-      }
-      else {
-        // resolving to :/ so pathname is the /... part
-        pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === '/'));
-      }
-
-      if (relUrl[0] === '/')
-        return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
-
-      // join together and split for removal of .. and . segments
-      // looping the string instead of anything fancy for perf reasons
-      // '../../../../../z' resolved to 'x/y' is just 'z'
-      var segmented = pathname.slice(0, pathname.lastIndexOf('/') + 1) + relUrl;
-
-      var output = [];
-      var segmentIndex = -1;
-      for (var i = 0; i < segmented.length; i++) {
-        // busy reading a segment - only terminate on '/'
-        if (segmentIndex !== -1) {
-          if (segmented[i] === '/') {
-            output.push(segmented.slice(segmentIndex, i + 1));
-            segmentIndex = -1;
-          }
-        }
-
-        // new segment - check if it is relative
-        else if (segmented[i] === '.') {
-          // ../ segment
-          if (segmented[i + 1] === '.' && (segmented[i + 2] === '/' || i + 2 === segmented.length)) {
-            output.pop();
-            i += 2;
-          }
-          // ./ segment
-          else if (segmented[i + 1] === '/' || i + 1 === segmented.length) {
-            i += 1;
-          }
-          else {
-            // the start of a new segment as below
-            segmentIndex = i;
-          }
-        }
-        // it is the start of a new segment
-        else {
-          segmentIndex = i;
-        }
-      }
-      // finish reading out the last segment
-      if (segmentIndex !== -1)
-        output.push(segmented.slice(segmentIndex));
-      return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join('');
-    }
-  }
-
-  /*
-   * Import maps implementation
-   *
-   * To make lookups fast we pre-resolve the entire import map
-   * and then match based on backtracked hash lookups
-   *
-   */
-
-  function resolveUrl (relUrl, parentUrl) {
-    return resolveIfNotPlainOrUrl(relUrl, parentUrl) || (relUrl.indexOf(':') !== -1 ? relUrl : resolveIfNotPlainOrUrl('./' + relUrl, parentUrl));
-  }
-
-  function resolveAndComposePackages (packages, outPackages, baseUrl, parentMap, parentUrl) {
-    for (var p in packages) {
-      var resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
-      var rhs = packages[p];
-      // package fallbacks not currently supported
-      if (typeof rhs !== 'string')
-        continue;
-      var mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(rhs, baseUrl) || rhs, parentUrl);
-      if (!mapped) {
-        targetWarning('W1', p, rhs, 'bare specifier did not resolve');
-      }
-      else
-        outPackages[resolvedLhs] = mapped;
-    }
-  }
-
-  function resolveAndComposeImportMap (json, baseUrl, outMap) {
-    if (json.imports)
-      resolveAndComposePackages(json.imports, outMap.imports, baseUrl, outMap, null);
-
-    var u;
-    for (u in json.scopes || {}) {
-      var resolvedScope = resolveUrl(u, baseUrl);
-      resolveAndComposePackages(json.scopes[u], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl, outMap, resolvedScope);
-    }
-
-    for (u in json.depcache || {})
-      outMap.depcache[resolveUrl(u, baseUrl)] = json.depcache[u];
-    
-    for (u in json.integrity || {})
-      outMap.integrity[resolveUrl(u, baseUrl)] = json.integrity[u];
-  }
-
-  function getMatch (path, matchObj) {
-    if (matchObj[path])
-      return path;
-    var sepIndex = path.length;
-    do {
-      var segment = path.slice(0, sepIndex + 1);
-      if (segment in matchObj)
-        return segment;
-    } while ((sepIndex = path.lastIndexOf('/', sepIndex - 1)) !== -1)
-  }
-
-  function applyPackages (id, packages) {
-    var pkgName = getMatch(id, packages);
-    if (pkgName) {
-      var pkg = packages[pkgName];
-      if (pkg === null) return;
-      if (id.length > pkgName.length && pkg[pkg.length - 1] !== '/') {
-        targetWarning('W2', pkgName, pkg, "should have a trailing '/'");
-      }
-      else
-        return pkg + id.slice(pkgName.length);
-    }
-  }
-
-  function targetWarning (code, match, target, msg) {
-    console.warn(errMsg(code, "Package target " + msg + ", resolving target '" + target + "' for " + match));
-  }
-
-  function resolveImportMap (importMap, resolvedOrPlain, parentUrl) {
-    var scopes = importMap.scopes;
-    var scopeUrl = parentUrl && getMatch(parentUrl, scopes);
-    while (scopeUrl) {
-      var packageResolution = applyPackages(resolvedOrPlain, scopes[scopeUrl]);
-      if (packageResolution)
-        return packageResolution;
-      scopeUrl = getMatch(scopeUrl.slice(0, scopeUrl.lastIndexOf('/')), scopes);
-    }
-    return applyPackages(resolvedOrPlain, importMap.imports) || resolvedOrPlain.indexOf(':') !== -1 && resolvedOrPlain;
-  }
-
-  /*
-   * SystemJS Core
-   * 
-   * Provides
-   * - System.import
-   * - System.register support for
-   *     live bindings, function hoisting through circular references,
-   *     reexports, dynamic import, import.meta.url, top-level await
-   * - System.getRegister to get the registration
-   * - Symbol.toStringTag support in Module objects
-   * - Hookable System.createContext to customize import.meta
-   * - System.onload(err, id, deps) handler for tracing / hot-reloading
-   * 
-   * Core comes with no System.prototype.resolve or
-   * System.prototype.instantiate implementations
-   */
-
-  var toStringTag$1 = hasSymbol && Symbol.toStringTag;
-  var REGISTRY = hasSymbol ? Symbol() : '@';
-
-  function SystemJS () {
-    this[REGISTRY] = {};
-  }
-
-  var systemJSPrototype = SystemJS.prototype;
-
-  systemJSPrototype.import = function (id, parentUrl) {
-    var loader = this;
-    return Promise.resolve(loader.prepareImport())
-    .then(function() {
-      return loader.resolve(id, parentUrl);
-    })
-    .then(function (id) {
-      var load = getOrCreateLoad(loader, id);
-      return load.C || topLevelLoad(loader, load);
-    });
-  };
-
-  // Hookable createContext function -> allowing eg custom import meta
-  systemJSPrototype.createContext = function (parentId) {
-    var loader = this;
-    return {
-      url: parentId,
-      resolve: function (id, parentUrl) {
-        return Promise.resolve(loader.resolve(id, parentUrl || parentId));
-      }
-    };
-  };
-
-  // onLoad(err, id, deps) provided for tracing / hot-reloading
-  systemJSPrototype.onload = function () {};
-  function loadToId (load) {
-    return load.id;
-  }
-  function triggerOnload (loader, load, err, isErrSource) {
-    loader.onload(err, load.id, load.d && load.d.map(loadToId), !!isErrSource);
-    if (err)
-      throw err;
-  }
-
-  var lastRegister;
-  systemJSPrototype.register = function (deps, declare) {
-    lastRegister = [deps, declare];
-  };
-
-  /*
-   * getRegister provides the last anonymous System.register call
-   */
-  systemJSPrototype.getRegister = function () {
-    var _lastRegister = lastRegister;
-    lastRegister = undefined;
-    return _lastRegister;
-  };
-
-  function getOrCreateLoad (loader, id, firstParentUrl) {
-    var load = loader[REGISTRY][id];
-    if (load)
-      return load;
-
-    var importerSetters = [];
-    var ns = Object.create(null);
-    if (toStringTag$1)
-      Object.defineProperty(ns, toStringTag$1, { value: 'Module' });
-    
-    var instantiatePromise = Promise.resolve()
-    .then(function () {
-      return loader.instantiate(id, firstParentUrl);
-    })
-    .then(function (registration) {
-      if (!registration)
-        throw Error(errMsg(2, 'Module ' + id + ' did not instantiate'));
-      function _export (name, value) {
-        // note if we have hoisted exports (including reexports)
-        load.h = true;
-        var changed = false;
-        if (typeof name === 'string') {
-          if (!(name in ns) || ns[name] !== value) {
-            ns[name] = value;
-            changed = true;
-          }
-        }
-        else {
-          for (var p in name) {
-            var value = name[p];
-            if (!(p in ns) || ns[p] !== value) {
-              ns[p] = value;
-              changed = true;
-            }
-          }
-
-          if (name && name.__esModule) {
-            ns.__esModule = name.__esModule;
-          }
-        }
-        if (changed)
-          for (var i = 0; i < importerSetters.length; i++) {
-            var setter = importerSetters[i];
-            if (setter) setter(ns);
-          }
-        return value;
-      }
-      var declared = registration[1](_export, registration[1].length === 2 ? {
-        import: function (importId) {
-          return loader.import(importId, id);
-        },
-        meta: loader.createContext(id)
-      } : undefined);
-      load.e = declared.execute || function () {};
-      return [registration[0], declared.setters || []];
-    }, function (err) {
-      load.e = null;
-      load.er = err;
-      triggerOnload(loader, load, err, true);
-      throw err;
-    });
-
-    var linkPromise = instantiatePromise
-    .then(function (instantiation) {
-      return Promise.all(instantiation[0].map(function (dep, i) {
-        var setter = instantiation[1][i];
-        return Promise.resolve(loader.resolve(dep, id))
-        .then(function (depId) {
-          var depLoad = getOrCreateLoad(loader, depId, id);
-          // depLoad.I may be undefined for already-evaluated
-          return Promise.resolve(depLoad.I)
-          .then(function () {
-            if (setter) {
-              depLoad.i.push(setter);
-              // only run early setters when there are hoisted exports of that module
-              // the timing works here as pending hoisted export calls will trigger through importerSetters
-              if (depLoad.h || !depLoad.I)
-                setter(depLoad.n);
-            }
-            return depLoad;
-          });
-        });
-      }))
-      .then(function (depLoads) {
-        load.d = depLoads;
-      });
-    });
-
-    // Capital letter = a promise function
-    return load = loader[REGISTRY][id] = {
-      id: id,
-      // importerSetters, the setters functions registered to this dependency
-      // we retain this to add more later
-      i: importerSetters,
-      // module namespace object
-      n: ns,
-
-      // instantiate
-      I: instantiatePromise,
-      // link
-      L: linkPromise,
-      // whether it has hoisted exports
-      h: false,
-
-      // On instantiate completion we have populated:
-      // dependency load records
-      d: undefined,
-      // execution function
-      e: undefined,
-
-      // On execution we have populated:
-      // the execution error if any
-      er: undefined,
-      // in the case of TLA, the execution promise
-      E: undefined,
-
-      // On execution, L, I, E cleared
-
-      // Promise for top-level completion
-      C: undefined,
-
-      // parent instantiator / executor
-      p: undefined
-    };
-  }
-
-  function instantiateAll (loader, load, parent, loaded) {
-    if (!loaded[load.id]) {
-      loaded[load.id] = true;
-      // load.L may be undefined for already-instantiated
-      return Promise.resolve(load.L)
-      .then(function () {
-        if (!load.p || load.p.e === null)
-          load.p = parent;
-        return Promise.all(load.d.map(function (dep) {
-          return instantiateAll(loader, dep, parent, loaded);
-        }));
-      })
-      .catch(function (err) {
-        if (load.er)
-          throw err;
-        load.e = null;
-        triggerOnload(loader, load, err, false);
-        throw err;
-      });
-    }
-  }
-
-  function topLevelLoad (loader, load) {
-    return load.C = instantiateAll(loader, load, load, {})
-    .then(function () {
-      return postOrderExec(loader, load, {});
-    })
-    .then(function () {
-      return load.n;
-    });
-  }
-
-  // the closest we can get to call(undefined)
-  var nullContext = Object.freeze(Object.create(null));
-
-  // returns a promise if and only if a top-level await subgraph
-  // throws on sync errors
-  function postOrderExec (loader, load, seen) {
-    if (seen[load.id])
-      return;
-    seen[load.id] = true;
-
-    if (!load.e) {
-      if (load.er)
-        throw load.er;
-      if (load.E)
-        return load.E;
-      return;
-    }
-
-    // deps execute first, unless circular
-    var depLoadPromises;
-    load.d.forEach(function (depLoad) {
-      try {
-        var depLoadPromise = postOrderExec(loader, depLoad, seen);
-        if (depLoadPromise) 
-          (depLoadPromises = depLoadPromises || []).push(depLoadPromise);
-      }
-      catch (err) {
-        load.e = null;
-        load.er = err;
-        triggerOnload(loader, load, err, false);
-        throw err;
-      }
-    });
-    if (depLoadPromises)
-      return Promise.all(depLoadPromises).then(doExec);
-
-    return doExec();
-
-    function doExec () {
-      try {
-        var execPromise = load.e.call(nullContext);
-        if (execPromise) {
-          execPromise = execPromise.then(function () {
-            load.C = load.n;
-            load.E = null; // indicates completion
-            if (true) triggerOnload(loader, load, null, true);
-          }, function (err) {
-            load.er = err;
-            load.E = null;
-            if (true) triggerOnload(loader, load, err, true);
-            throw err;
-          });
-          return load.E = execPromise;
-        }
-        // (should be a promise, but a minify optimization to leave out Promise.resolve)
-        load.C = load.n;
-        load.L = load.I = undefined;
-      }
-      catch (err) {
-        load.er = err;
-        throw err;
-      }
-      finally {
-        load.e = null;
-        triggerOnload(loader, load, load.er, true);
-      }
-    }
-  }
-
-  envGlobal.System = new SystemJS();
-
-  /*
-   * SystemJS browser attachments for script and import map processing
-   */
-
-  var importMapPromise = Promise.resolve();
-  var importMap = { imports: {}, scopes: {}, depcache: {}, integrity: {} };
-
-  // Scripts are processed immediately, on the first System.import, and on DOMReady.
-  // Import map scripts are processed only once (by being marked) and in order for each phase.
-  // This is to avoid using DOM mutation observers in core, although that would be an alternative.
-  var processFirst = hasDocument;
-  systemJSPrototype.prepareImport = function (doProcessScripts) {
-    if (processFirst || doProcessScripts) {
-      processScripts();
-      processFirst = false;
-    }
-    return importMapPromise;
-  };
-  if (hasDocument) {
-    processScripts();
-    window.addEventListener('DOMContentLoaded', processScripts);
-  }
-
-  function processScripts () {
-    [].forEach.call(document.querySelectorAll('script'), function (script) {
-      if (script.sp) // sp marker = systemjs processed
-        return;
-      // TODO: deprecate systemjs-module in next major now that we have auto import
-      if (script.type === 'systemjs-module') {
-        script.sp = true;
-        if (!script.src)
-          return;
-        System.import(script.src.slice(0, 7) === 'import:' ? script.src.slice(7) : resolveUrl(script.src, baseUrl)).catch(function (e) {
-          // if there is a script load error, dispatch an "error" event
-          // on the script tag.
-          if (e.message.indexOf('https://git.io/JvFET#3') > -1) {
-            var event = document.createEvent('Event');
-            event.initEvent('error', false, false);
-            script.dispatchEvent(event);
-          }
-          return Promise.reject(e);
-        });
-      }
-      else if (script.type === 'systemjs-importmap') {
-        script.sp = true;
-        // The passThrough property is for letting the module types fetch implementation know that this is not a SystemJS module.
-        var fetchPromise = script.src ? (System.fetch || fetch)(script.src, { integrity: script.integrity, passThrough: true }).then(function (res) {
-          if (!res.ok)
-            throw Error('Invalid status code: ' + res.status);
-          return res.text();
-        }).catch(function (err) {
-          err.message = errMsg('W4', 'Error fetching systemjs-import map ' + script.src) + '\n' + err.message;
-          console.warn(err);
-          if (typeof script.onerror === 'function') {
-              script.onerror();
-          }
-          return '{}';
-        }) : script.innerHTML;
-        importMapPromise = importMapPromise.then(function () {
-          return fetchPromise;
-        }).then(function (text) {
-          extendImportMap(importMap, text, script.src || baseUrl);
-        });
-      }
-    });
-  }
-
-  function extendImportMap (importMap, newMapText, newMapUrl) {
-    var newMap = {};
-    try {
-      newMap = JSON.parse(newMapText);
-    } catch (err) {
-      console.warn(Error((errMsg('W5', "systemjs-importmap contains invalid JSON") + '\n\n' + newMapText + '\n' )));
-    }
-    resolveAndComposeImportMap(newMap, newMapUrl, importMap);
-  }
-
-  /*
-   * Script instantiation loading
-   */
-
-  if (hasDocument) {
-    window.addEventListener('error', function (evt) {
-      lastWindowErrorUrl = evt.filename;
-      lastWindowError = evt.error;
-    });
-    var baseOrigin = location.origin;
-  }
-
-  systemJSPrototype.createScript = function (url) {
-    var script = document.createElement('script');
-    script.async = true;
-    // Only add cross origin for actual cross origin
-    // this is because Safari triggers for all
-    // - https://bugs.webkit.org/show_bug.cgi?id=171566
-    if (url.indexOf(baseOrigin + '/'))
-      script.crossOrigin = 'anonymous';
-    var integrity = importMap.integrity[url];
-    if (integrity)
-      script.integrity = integrity;
-    script.src = url;
-    return script;
-  };
-
-  // Auto imports -> script tags can be inlined directly for load phase
-  var lastAutoImportDeps, lastAutoImportTimeout;
-  var autoImportCandidates = {};
-  var systemRegister = systemJSPrototype.register;
-  systemJSPrototype.register = function (deps, declare) {
-    if (hasDocument && document.readyState === 'loading' && typeof deps !== 'string') {
-      var scripts = document.querySelectorAll('script[src]');
-      var lastScript = scripts[scripts.length - 1];
-      if (lastScript) {
-        lastAutoImportDeps = deps;
-        // if this is already a System load, then the instantiate has already begun
-        // so this re-import has no consequence
-        var loader = this;
-        lastAutoImportTimeout = setTimeout(function () {
-          autoImportCandidates[lastScript.src] = [deps, declare];
-          loader.import(lastScript.src);
-        });
-      }
-    }
-    else {
-      lastAutoImportDeps = undefined;
-    }
-    return systemRegister.call(this, deps, declare);
-  };
-
-  var lastWindowErrorUrl, lastWindowError;
-  systemJSPrototype.instantiate = function (url, firstParentUrl) {
-    var autoImportRegistration = autoImportCandidates[url];
-    if (autoImportRegistration) {
-      delete autoImportCandidates[url];
-      return autoImportRegistration;
-    }
-    var loader = this;
-    return Promise.resolve(systemJSPrototype.createScript(url)).then(function (script) {
-      return new Promise(function (resolve, reject) {
-        script.addEventListener('error', function () {
-          reject(Error(errMsg(3, 'Error loading ' + url + (firstParentUrl ? ' from ' + firstParentUrl : ''))));
-        });
-        script.addEventListener('load', function () {
-          document.head.removeChild(script);
-          // Note that if an error occurs that isn't caught by this if statement,
-          // that getRegister will return null and a "did not instantiate" error will be thrown.
-          if (lastWindowErrorUrl === url) {
-            reject(lastWindowError);
-          }
-          else {
-            var register = loader.getRegister(url);
-            // Clear any auto import registration for dynamic import scripts during load
-            if (register && register[0] === lastAutoImportDeps)
-              clearTimeout(lastAutoImportTimeout);
-            resolve(register);
-          }
-        });
-        document.head.appendChild(script);
-      });
-    });
-  };
-
-  /*
-   * Fetch loader, sets up shouldFetch and fetch hooks
-   */
-  systemJSPrototype.shouldFetch = function () {
-    return false;
-  };
-  if (typeof fetch !== 'undefined')
-    systemJSPrototype.fetch = fetch;
-
-  var instantiate = systemJSPrototype.instantiate;
-  var jsContentTypeRegEx = /^(text|application)\/(x-)?javascript(;|$)/;
-  systemJSPrototype.instantiate = function (url, parent) {
-    var loader = this;
-    if (!this.shouldFetch(url))
-      return instantiate.apply(this, arguments);
-    return this.fetch(url, {
-      credentials: 'same-origin',
-      integrity: importMap.integrity[url]
-    })
-    .then(function (res) {
-      if (!res.ok)
-        throw Error(errMsg(7, res.status + ' ' + res.statusText + ', loading ' + url + (parent ? ' from ' + parent : '')));
-      var contentType = res.headers.get('content-type');
-      if (!contentType || !jsContentTypeRegEx.test(contentType))
-        throw Error(errMsg(4, 'Unknown Content-Type "' + contentType + '", loading ' + url + (parent ? ' from ' + parent : '')));
-      return res.text().then(function (source) {
-        if (source.indexOf('//# sourceURL=') < 0)
-          source += '\n//# sourceURL=' + url;
-        (0, eval)(source);
-        return loader.getRegister(url);
-      });
-    });
-  };
-
-  systemJSPrototype.resolve = function (id, parentUrl) {
-    parentUrl = parentUrl || !true  || baseUrl;
-    return resolveImportMap((importMap), resolveIfNotPlainOrUrl(id, parentUrl) || id, parentUrl) || throwUnresolved(id, parentUrl);
-  };
-
-  function throwUnresolved (id, parentUrl) {
-    throw Error(errMsg(8, "Unable to resolve bare specifier '" + id + (parentUrl ? "' from " + parentUrl : "'")));
-  }
-
-  var systemInstantiate = systemJSPrototype.instantiate;
-  systemJSPrototype.instantiate = function (url, firstParentUrl) {
-    var preloads = (importMap).depcache[url];
-    if (preloads) {
-      for (var i = 0; i < preloads.length; i++)
-        getOrCreateLoad(this, this.resolve(preloads[i], url), url);
-    }
-    return systemInstantiate.call(this, url, firstParentUrl);
-  };
-
-  /*
-   * Supports loading System.register in workers
-   */
-
-  if (hasSelf && typeof importScripts === 'function')
-    systemJSPrototype.instantiate = function (url) {
-      var loader = this;
-      return Promise.resolve().then(function () {
-        importScripts(url);
-        return loader.getRegister(url);
-      });
-    };
-
-  /*
-   * SystemJS global script loading support
-   * Extra for the s.js build only
-   * (Included by default in system.js build)
-   */
-  (function (global) {
-    var systemJSPrototype = global.System.constructor.prototype;
-
-    // safari unpredictably lists some new globals first or second in object order
-    var firstGlobalProp, secondGlobalProp, lastGlobalProp;
-    function getGlobalProp (useFirstGlobalProp) {
-      var cnt = 0;
-      var foundLastProp, result;
-      for (var p in global) {
-        // do not check frames cause it could be removed during import
-        if (shouldSkipProperty(p))
-          continue;
-        if (cnt === 0 && p !== firstGlobalProp || cnt === 1 && p !== secondGlobalProp)
-          return p;
-        if (foundLastProp) {
-          lastGlobalProp = p;
-          result = useFirstGlobalProp && result || p;
-        }
-        else {
-          foundLastProp = p === lastGlobalProp;
-        }
-        cnt++;
-      }
-      return result;
-    }
-
-    function noteGlobalProps () {
-      // alternatively Object.keys(global).pop()
-      // but this may be faster (pending benchmarks)
-      firstGlobalProp = secondGlobalProp = undefined;
-      for (var p in global) {
-        // do not check frames cause it could be removed during import
-        if (shouldSkipProperty(p))
-          continue;
-        if (!firstGlobalProp)
-          firstGlobalProp = p;
-        else if (!secondGlobalProp)
-          secondGlobalProp = p;
-        lastGlobalProp = p;
-      }
-      return lastGlobalProp;
-    }
-
-    var impt = systemJSPrototype.import;
-    systemJSPrototype.import = function (id, parentUrl) {
-      noteGlobalProps();
-      return impt.call(this, id, parentUrl);
-    };
-
-    var emptyInstantiation = [[], function () { return {} }];
-
-    var getRegister = systemJSPrototype.getRegister;
-    systemJSPrototype.getRegister = function () {
-      var lastRegister = getRegister.call(this);
-      if (lastRegister)
-        return lastRegister;
-
-      // no registration -> attempt a global detection as difference from snapshot
-      // when multiple globals, we take the global value to be the last defined new global object property
-      // for performance, this will not support multi-version / global collisions as previous SystemJS versions did
-      // note in Edge, deleting and re-adding a global does not change its ordering
-      var globalProp = getGlobalProp(this.firstGlobalProp);
-      if (!globalProp)
-        return emptyInstantiation;
-
-      var globalExport;
-      try {
-        globalExport = global[globalProp];
-      }
-      catch (e) {
-        return emptyInstantiation;
-      }
-
-      return [[], function (_export) {
-        return {
-          execute: function () {
-            _export(globalExport);
-            _export({ default: globalExport, __useDefault: true });
-          }
-        };
-      }];
-    };
-
-    var isIE11 = typeof navigator !== 'undefined' && navigator.userAgent.indexOf('Trident') !== -1;
-
-    function shouldSkipProperty(p) {
-      return !global.hasOwnProperty(p)
-        || !isNaN(p) && p < global.length
-        || isIE11 && global[p] && typeof window !== 'undefined' && global[p].parent === window;
-    }
-  })(typeof self !== 'undefined' ? self : __webpack_require__.g);
-
-  /*
-   * Loads JSON, CSS, Wasm module types based on file extension
-   * filters and content type verifications
-   */
-  (function(global) {
-    var systemJSPrototype = global.System.constructor.prototype;
-
-    var moduleTypesRegEx = /^[^#?]+\.(css|html|json|wasm)([?#].*)?$/;
-    systemJSPrototype.shouldFetch = function (url) {
-      return moduleTypesRegEx.test(url);
-    };
-
-    var jsonContentType = /^application\/json(;|$)/;
-    var cssContentType = /^text\/css(;|$)/;
-    var wasmContentType = /^application\/wasm(;|$)/;
-
-    var fetch = systemJSPrototype.fetch;
-    systemJSPrototype.fetch = function (url, options) {
-      return fetch(url, options)
-      .then(function (res) {
-        if (options.passThrough)
-          return res;
-
-        if (!res.ok)
-          return res;
-        var contentType = res.headers.get('content-type');
-        if (jsonContentType.test(contentType))
-          return res.json()
-          .then(function (json) {
-            return new Response(new Blob([
-              'System.register([],function(e){return{execute:function(){e("default",' + JSON.stringify(json) + ')}}})'
-            ], {
-              type: 'application/javascript'
-            }));
-          });
-        if (cssContentType.test(contentType))
-          return res.text()
-          .then(function (source) {
-            source = source.replace(/url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g, function (match, quotes, relUrl1, relUrl2) {
-              return 'url(' + quotes + resolveUrl(relUrl1 || relUrl2, url) + quotes + ')';
-            });
-            return new Response(new Blob([
-              'System.register([],function(e){return{execute:function(){var s=new CSSStyleSheet();s.replaceSync(' + JSON.stringify(source) + ');e("default",s)}}})'
-            ], {
-              type: 'application/javascript'
-            }));
-          });
-        if (wasmContentType.test(contentType))
-          return (WebAssembly.compileStreaming ? WebAssembly.compileStreaming(res) : res.arrayBuffer().then(WebAssembly.compile))
-          .then(function (module) {
-            if (!global.System.wasmModules)
-              global.System.wasmModules = Object.create(null);
-            global.System.wasmModules[url] = module;
-            // we can only set imports if supported (eg early Safari doesnt support)
-            var deps = [];
-            var setterSources = [];
-            if (WebAssembly.Module.imports)
-              WebAssembly.Module.imports(module).forEach(function (impt) {
-                var key = JSON.stringify(impt.module);
-                if (deps.indexOf(key) === -1) {
-                  deps.push(key);
-                  setterSources.push('function(m){i[' + key + ']=m}');
-                }
-              });
-            return new Response(new Blob([
-              'System.register([' + deps.join(',') + '],function(e){var i={};return{setters:[' + setterSources.join(',') +
-              '],execute:function(){return WebAssembly.instantiate(System.wasmModules[' + JSON.stringify(url) +
-              '],i).then(function(m){e(m.exports)})}}})'
-            ], {
-              type: 'application/javascript'
-            }));
-          });
-        return res;
-      });
-    };
-  })(typeof self !== 'undefined' ? self : __webpack_require__.g);
-
-  var toStringTag = typeof Symbol !== 'undefined' && Symbol.toStringTag;
-
-  systemJSPrototype.get = function (id) {
-    var load = this[REGISTRY][id];
-    if (load && load.e === null && !load.E) {
-      if (load.er)
-        return null;
-      return load.n;
-    }
-  };
-
-  systemJSPrototype.set = function (id, module) {
-    {
-      try {
-        // No page-relative URLs allowed
-        new URL(id);
-      } catch (err) {
-        console.warn(Error(errMsg('W3', '"' + id + '" is not a valid URL to set in the module registry')));
-      }
-    }
-    var ns;
-    if (toStringTag && module[toStringTag] === 'Module') {
-      ns = module;
-    }
-    else {
-      ns = Object.assign(Object.create(null), module);
-      if (toStringTag)
-        Object.defineProperty(ns, toStringTag, { value: 'Module' });
-    }
-
-    var done = Promise.resolve(ns);
-
-    var load = this[REGISTRY][id] || (this[REGISTRY][id] = {
-      id: id,
-      i: [],
-      h: false,
-      d: [],
-      e: null,
-      er: undefined,
-      E: undefined
-    });
-
-    if (load.e || load.E)
-      return false;
-    
-    Object.assign(load, {
-      n: ns,
-      I: undefined,
-      L: undefined,
-      C: done
-    });
-    return ns;
-  };
-
-  systemJSPrototype.has = function (id) {
-    var load = this[REGISTRY][id];
-    return !!load;
-  };
-
-  // Delete function provided for hot-reloading use cases
-  systemJSPrototype.delete = function (id) {
-    var registry = this[REGISTRY];
-    var load = registry[id];
-    // in future we can support load.E case by failing load first
-    // but that will require TLA callbacks to be implemented
-    if (!load || (load.p && load.p.e !== null) || load.E)
-      return false;
-
-    var importerSetters = load.i;
-    // remove from importerSetters
-    // (release for gc)
-    if (load.d)
-      load.d.forEach(function (depLoad) {
-        var importerIndex = depLoad.i.indexOf(load);
-        if (importerIndex !== -1)
-          depLoad.i.splice(importerIndex, 1);
-      });
-    delete registry[id];
-    return function () {
-      var load = registry[id];
-      if (!load || !importerSetters || load.e !== null || load.E)
-        return false;
-      // add back the old setters
-      importerSetters.forEach(function (setter) {
-        load.i.push(setter);
-        setter(load.n);
-      });
-      importerSetters = null;
-    };
-  };
-
-  var iterator = typeof Symbol !== 'undefined' && Symbol.iterator;
-
-  systemJSPrototype.entries = function () {
-    var loader = this, keys = Object.keys(loader[REGISTRY]);
-    var index = 0, ns, key;
-    var result = {
-      next: function () {
-        while (
-          (key = keys[index++]) !== undefined && 
-          (ns = loader.get(key)) === undefined
-        );
-        return {
-          done: key === undefined,
-          value: key !== undefined && [key, ns]
-        };
-      }
-    };
-
-    result[iterator] = function() { return this };
-
-    return result;
-  };
-
-})();
-
-
 /***/ }),
 
 /***/ "../../../node_modules/tiny-invariant/dist/tiny-invariant.esm.js":
@@ -211306,4 +211051,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.dd11de.js.map
+//# sourceMappingURL=index.0ca7fb.js.map