@tanstack/react-router 0.0.1-alpha.0 → 0.0.1-alpha.2

package/build/cjs/location-core/build/esm/index.js

@@ -1,2214 +0,0 @@
-/**
- * react-location
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * location-core
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-/**
- * Actions represent the type of change to a location value.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#action
- */
-var Action;
-
-(function (Action) {
-  /**
-   * A POP indicates a change to an arbitrary index in the history stack, such
-   * as a back or forward navigation. It does not describe the direction of the
-   * navigation, only that the current index changed.
-   *
-   * Note: This is the default action for newly created history objects.
-   */
-  Action["Pop"] = "POP";
-  /**
-   * A PUSH indicates a new entry being added to the history stack, such as when
-   * a link is clicked and a new page loads. When this happens, all subsequent
-   * entries in the stack are lost.
-   */
-
-  Action["Push"] = "PUSH";
-  /**
-   * A REPLACE indicates the entry at the current index in the history stack
-   * being replaced by a new one.
-   */
-
-  Action["Replace"] = "REPLACE";
-})(Action || (Action = {}));
-
-var readOnly = process.env.NODE_ENV !== "production" ? function (obj) {
-  return Object.freeze(obj);
-} : function (obj) {
-  return obj;
-};
-
-function warning$1(cond, message) {
-  if (!cond) {
-    // eslint-disable-next-line no-console
-    if (typeof console !== 'undefined') console.warn(message);
-
-    try {
-      // Welcome to debugging history!
-      //
-      // This error is thrown as a convenience so you can more easily
-      // find the source for a warning that appears in the console by
-      // enabling "pause on exceptions" in your JavaScript debugger.
-      throw new Error(message); // eslint-disable-next-line no-empty
-    } catch (e) {}
-  }
-}
-
-var BeforeUnloadEventType = 'beforeunload';
-var HashChangeEventType = 'hashchange';
-var PopStateEventType = 'popstate';
-/**
- * Browser history stores the location in regular URLs. This is the standard for
- * most web apps, but it requires some configuration on the server to ensure you
- * serve the same app at multiple URLs.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory
- */
-
-function createBrowserHistory(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options = options,
-      _options$window = _options.window,
-      window = _options$window === void 0 ? document.defaultView : _options$window;
-  var globalHistory = window.history;
-
-  function getIndexAndLocation() {
-    var _window$location = window.location,
-        pathname = _window$location.pathname,
-        search = _window$location.search,
-        hash = _window$location.hash;
-    var state = globalHistory.state || {};
-    return [state.idx, readOnly({
-      pathname: pathname,
-      search: search,
-      hash: hash,
-      state: state.usr || null,
-      key: state.key || 'default'
-    })];
-  }
-
-  var blockedPopTx = null;
-
-  function handlePop() {
-    if (blockedPopTx) {
-      blockers.call(blockedPopTx);
-      blockedPopTx = null;
-    } else {
-      var nextAction = Action.Pop;
-
-      var _getIndexAndLocation = getIndexAndLocation(),
-          nextIndex = _getIndexAndLocation[0],
-          nextLocation = _getIndexAndLocation[1];
-
-      if (blockers.length) {
-        if (nextIndex != null) {
-          var delta = index - nextIndex;
-
-          if (delta) {
-            // Revert the POP
-            blockedPopTx = {
-              action: nextAction,
-              location: nextLocation,
-              retry: function retry() {
-                go(delta * -1);
-              }
-            };
-            go(delta);
-          }
-        } else {
-          // Trying to POP to a location with no index. We did not create
-          // this location, so we can't effectively block the navigation.
-          process.env.NODE_ENV !== "production" ? warning$1(false, // TODO: Write up a doc that explains our blocking strategy in
-          // detail and link to it here so people can understand better what
-          // is going on and how to avoid it.
-          "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : void 0;
-        }
-      } else {
-        applyTx(nextAction);
-      }
-    }
-  }
-
-  window.addEventListener(PopStateEventType, handlePop);
-  var action = Action.Pop;
-
-  var _getIndexAndLocation2 = getIndexAndLocation(),
-      index = _getIndexAndLocation2[0],
-      location = _getIndexAndLocation2[1];
-
-  var listeners = createEvents();
-  var blockers = createEvents();
-
-  if (index == null) {
-    index = 0;
-    globalHistory.replaceState(_extends({}, globalHistory.state, {
-      idx: index
-    }), '');
-  }
-
-  function createHref(to) {
-    return typeof to === 'string' ? to : createPath(to);
-  } // state defaults to `null` because `window.history.state` does
-
-
-  function getNextLocation(to, state) {
-    if (state === void 0) {
-      state = null;
-    }
-
-    return readOnly(_extends({
-      pathname: location.pathname,
-      hash: '',
-      search: ''
-    }, typeof to === 'string' ? parsePath(to) : to, {
-      state: state,
-      key: createKey()
-    }));
-  }
-
-  function getHistoryStateAndUrl(nextLocation, index) {
-    return [{
-      usr: nextLocation.state,
-      key: nextLocation.key,
-      idx: index
-    }, createHref(nextLocation)];
-  }
-
-  function allowTx(action, location, retry) {
-    return !blockers.length || (blockers.call({
-      action: action,
-      location: location,
-      retry: retry
-    }), false);
-  }
-
-  function applyTx(nextAction) {
-    action = nextAction;
-
-    var _getIndexAndLocation3 = getIndexAndLocation();
-
-    index = _getIndexAndLocation3[0];
-    location = _getIndexAndLocation3[1];
-    listeners.call({
-      action: action,
-      location: location
-    });
-  }
-
-  function push(to, state) {
-    var nextAction = Action.Push;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      push(to, state);
-    }
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr = getHistoryStateAndUrl(nextLocation, index + 1),
-          historyState = _getHistoryStateAndUr[0],
-          url = _getHistoryStateAndUr[1]; // TODO: Support forced reloading
-      // try...catch because iOS limits us to 100 pushState calls :/
-
-
-      try {
-        globalHistory.pushState(historyState, '', url);
-      } catch (error) {
-        // They are going to lose state here, but there is no real
-        // way to warn them about it since the page will refresh...
-        window.location.assign(url);
-      }
-
-      applyTx(nextAction);
-    }
-  }
-
-  function replace(to, state) {
-    var nextAction = Action.Replace;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      replace(to, state);
-    }
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr2 = getHistoryStateAndUrl(nextLocation, index),
-          historyState = _getHistoryStateAndUr2[0],
-          url = _getHistoryStateAndUr2[1]; // TODO: Support forced reloading
-
-
-      globalHistory.replaceState(historyState, '', url);
-      applyTx(nextAction);
-    }
-  }
-
-  function go(delta) {
-    globalHistory.go(delta);
-  }
-
-  var history = {
-    get action() {
-      return action;
-    },
-
-    get location() {
-      return location;
-    },
-
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    back: function back() {
-      go(-1);
-    },
-    forward: function forward() {
-      go(1);
-    },
-    listen: function listen(listener) {
-      return listeners.push(listener);
-    },
-    block: function block(blocker) {
-      var unblock = blockers.push(blocker);
-
-      if (blockers.length === 1) {
-        window.addEventListener(BeforeUnloadEventType, promptBeforeUnload);
-      }
-
-      return function () {
-        unblock(); // Remove the beforeunload listener so the document may
-        // still be salvageable in the pagehide event.
-        // See https://html.spec.whatwg.org/#unloading-documents
-
-        if (!blockers.length) {
-          window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload);
-        }
-      };
-    }
-  };
-  return history;
-}
-/**
- * Hash history stores the location in window.location.hash. This makes it ideal
- * for situations where you don't want to send the location to the server for
- * some reason, either because you do cannot configure it or the URL space is
- * reserved for something else.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory
- */
-
-function createHashHistory(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options2 = options,
-      _options2$window = _options2.window,
-      window = _options2$window === void 0 ? document.defaultView : _options2$window;
-  var globalHistory = window.history;
-
-  function getIndexAndLocation() {
-    var _parsePath = parsePath(window.location.hash.substr(1)),
-        _parsePath$pathname = _parsePath.pathname,
-        pathname = _parsePath$pathname === void 0 ? '/' : _parsePath$pathname,
-        _parsePath$search = _parsePath.search,
-        search = _parsePath$search === void 0 ? '' : _parsePath$search,
-        _parsePath$hash = _parsePath.hash,
-        hash = _parsePath$hash === void 0 ? '' : _parsePath$hash;
-
-    var state = globalHistory.state || {};
-    return [state.idx, readOnly({
-      pathname: pathname,
-      search: search,
-      hash: hash,
-      state: state.usr || null,
-      key: state.key || 'default'
-    })];
-  }
-
-  var blockedPopTx = null;
-
-  function handlePop() {
-    if (blockedPopTx) {
-      blockers.call(blockedPopTx);
-      blockedPopTx = null;
-    } else {
-      var nextAction = Action.Pop;
-
-      var _getIndexAndLocation4 = getIndexAndLocation(),
-          nextIndex = _getIndexAndLocation4[0],
-          nextLocation = _getIndexAndLocation4[1];
-
-      if (blockers.length) {
-        if (nextIndex != null) {
-          var delta = index - nextIndex;
-
-          if (delta) {
-            // Revert the POP
-            blockedPopTx = {
-              action: nextAction,
-              location: nextLocation,
-              retry: function retry() {
-                go(delta * -1);
-              }
-            };
-            go(delta);
-          }
-        } else {
-          // Trying to POP to a location with no index. We did not create
-          // this location, so we can't effectively block the navigation.
-          process.env.NODE_ENV !== "production" ? warning$1(false, // TODO: Write up a doc that explains our blocking strategy in
-          // detail and link to it here so people can understand better
-          // what is going on and how to avoid it.
-          "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : void 0;
-        }
-      } else {
-        applyTx(nextAction);
-      }
-    }
-  }
-
-  window.addEventListener(PopStateEventType, handlePop); // popstate does not fire on hashchange in IE 11 and old (trident) Edge
-  // https://developer.mozilla.org/de/docs/Web/API/Window/popstate_event
-
-  window.addEventListener(HashChangeEventType, function () {
-    var _getIndexAndLocation5 = getIndexAndLocation(),
-        nextLocation = _getIndexAndLocation5[1]; // Ignore extraneous hashchange events.
-
-
-    if (createPath(nextLocation) !== createPath(location)) {
-      handlePop();
-    }
-  });
-  var action = Action.Pop;
-
-  var _getIndexAndLocation6 = getIndexAndLocation(),
-      index = _getIndexAndLocation6[0],
-      location = _getIndexAndLocation6[1];
-
-  var listeners = createEvents();
-  var blockers = createEvents();
-
-  if (index == null) {
-    index = 0;
-    globalHistory.replaceState(_extends({}, globalHistory.state, {
-      idx: index
-    }), '');
-  }
-
-  function getBaseHref() {
-    var base = document.querySelector('base');
-    var href = '';
-
-    if (base && base.getAttribute('href')) {
-      var url = window.location.href;
-      var hashIndex = url.indexOf('#');
-      href = hashIndex === -1 ? url : url.slice(0, hashIndex);
-    }
-
-    return href;
-  }
-
-  function createHref(to) {
-    return getBaseHref() + '#' + (typeof to === 'string' ? to : createPath(to));
-  }
-
-  function getNextLocation(to, state) {
-    if (state === void 0) {
-      state = null;
-    }
-
-    return readOnly(_extends({
-      pathname: location.pathname,
-      hash: '',
-      search: ''
-    }, typeof to === 'string' ? parsePath(to) : to, {
-      state: state,
-      key: createKey()
-    }));
-  }
-
-  function getHistoryStateAndUrl(nextLocation, index) {
-    return [{
-      usr: nextLocation.state,
-      key: nextLocation.key,
-      idx: index
-    }, createHref(nextLocation)];
-  }
-
-  function allowTx(action, location, retry) {
-    return !blockers.length || (blockers.call({
-      action: action,
-      location: location,
-      retry: retry
-    }), false);
-  }
-
-  function applyTx(nextAction) {
-    action = nextAction;
-
-    var _getIndexAndLocation7 = getIndexAndLocation();
-
-    index = _getIndexAndLocation7[0];
-    location = _getIndexAndLocation7[1];
-    listeners.call({
-      action: action,
-      location: location
-    });
-  }
-
-  function push(to, state) {
-    var nextAction = Action.Push;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      push(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.push(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr3 = getHistoryStateAndUrl(nextLocation, index + 1),
-          historyState = _getHistoryStateAndUr3[0],
-          url = _getHistoryStateAndUr3[1]; // TODO: Support forced reloading
-      // try...catch because iOS limits us to 100 pushState calls :/
-
-
-      try {
-        globalHistory.pushState(historyState, '', url);
-      } catch (error) {
-        // They are going to lose state here, but there is no real
-        // way to warn them about it since the page will refresh...
-        window.location.assign(url);
-      }
-
-      applyTx(nextAction);
-    }
-  }
-
-  function replace(to, state) {
-    var nextAction = Action.Replace;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      replace(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr4 = getHistoryStateAndUrl(nextLocation, index),
-          historyState = _getHistoryStateAndUr4[0],
-          url = _getHistoryStateAndUr4[1]; // TODO: Support forced reloading
-
-
-      globalHistory.replaceState(historyState, '', url);
-      applyTx(nextAction);
-    }
-  }
-
-  function go(delta) {
-    globalHistory.go(delta);
-  }
-
-  var history = {
-    get action() {
-      return action;
-    },
-
-    get location() {
-      return location;
-    },
-
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    back: function back() {
-      go(-1);
-    },
-    forward: function forward() {
-      go(1);
-    },
-    listen: function listen(listener) {
-      return listeners.push(listener);
-    },
-    block: function block(blocker) {
-      var unblock = blockers.push(blocker);
-
-      if (blockers.length === 1) {
-        window.addEventListener(BeforeUnloadEventType, promptBeforeUnload);
-      }
-
-      return function () {
-        unblock(); // Remove the beforeunload listener so the document may
-        // still be salvageable in the pagehide event.
-        // See https://html.spec.whatwg.org/#unloading-documents
-
-        if (!blockers.length) {
-          window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload);
-        }
-      };
-    }
-  };
-  return history;
-}
-/**
- * Memory history stores the current location in memory. It is designed for use
- * in stateful non-browser environments like tests and React Native.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#creatememoryhistory
- */
-
-function createMemoryHistory(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options3 = options,
-      _options3$initialEntr = _options3.initialEntries,
-      initialEntries = _options3$initialEntr === void 0 ? ['/'] : _options3$initialEntr,
-      initialIndex = _options3.initialIndex;
-  var entries = initialEntries.map(function (entry) {
-    var location = readOnly(_extends({
-      pathname: '/',
-      search: '',
-      hash: '',
-      state: null,
-      key: createKey()
-    }, typeof entry === 'string' ? parsePath(entry) : entry));
-    process.env.NODE_ENV !== "production" ? warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(entry) + ")") : void 0;
-    return location;
-  });
-  var index = clamp(initialIndex == null ? entries.length - 1 : initialIndex, 0, entries.length - 1);
-  var action = Action.Pop;
-  var location = entries[index];
-  var listeners = createEvents();
-  var blockers = createEvents();
-
-  function createHref(to) {
-    return typeof to === 'string' ? to : createPath(to);
-  }
-
-  function getNextLocation(to, state) {
-    if (state === void 0) {
-      state = null;
-    }
-
-    return readOnly(_extends({
-      pathname: location.pathname,
-      search: '',
-      hash: ''
-    }, typeof to === 'string' ? parsePath(to) : to, {
-      state: state,
-      key: createKey()
-    }));
-  }
-
-  function allowTx(action, location, retry) {
-    return !blockers.length || (blockers.call({
-      action: action,
-      location: location,
-      retry: retry
-    }), false);
-  }
-
-  function applyTx(nextAction, nextLocation) {
-    action = nextAction;
-    location = nextLocation;
-    listeners.call({
-      action: action,
-      location: location
-    });
-  }
-
-  function push(to, state) {
-    var nextAction = Action.Push;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      push(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.push(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      index += 1;
-      entries.splice(index, entries.length, nextLocation);
-      applyTx(nextAction, nextLocation);
-    }
-  }
-
-  function replace(to, state) {
-    var nextAction = Action.Replace;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      replace(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      entries[index] = nextLocation;
-      applyTx(nextAction, nextLocation);
-    }
-  }
-
-  function go(delta) {
-    var nextIndex = clamp(index + delta, 0, entries.length - 1);
-    var nextAction = Action.Pop;
-    var nextLocation = entries[nextIndex];
-
-    function retry() {
-      go(delta);
-    }
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      index = nextIndex;
-      applyTx(nextAction, nextLocation);
-    }
-  }
-
-  var history = {
-    get index() {
-      return index;
-    },
-
-    get action() {
-      return action;
-    },
-
-    get location() {
-      return location;
-    },
-
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    back: function back() {
-      go(-1);
-    },
-    forward: function forward() {
-      go(1);
-    },
-    listen: function listen(listener) {
-      return listeners.push(listener);
-    },
-    block: function block(blocker) {
-      return blockers.push(blocker);
-    }
-  };
-  return history;
-} ////////////////////////////////////////////////////////////////////////////////
-// UTILS
-////////////////////////////////////////////////////////////////////////////////
-
-function clamp(n, lowerBound, upperBound) {
-  return Math.min(Math.max(n, lowerBound), upperBound);
-}
-
-function promptBeforeUnload(event) {
-  // Cancel the event.
-  event.preventDefault(); // Chrome (and legacy IE) requires returnValue to be set.
-
-  event.returnValue = '';
-}
-
-function createEvents() {
-  var handlers = [];
-  return {
-    get length() {
-      return handlers.length;
-    },
-
-    push: function push(fn) {
-      handlers.push(fn);
-      return function () {
-        handlers = handlers.filter(function (handler) {
-          return handler !== fn;
-        });
-      };
-    },
-    call: function call(arg) {
-      handlers.forEach(function (fn) {
-        return fn && fn(arg);
-      });
-    }
-  };
-}
-
-function createKey() {
-  return Math.random().toString(36).substr(2, 8);
-}
-/**
- * Creates a string URL path from the given pathname, search, and hash components.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createpath
- */
-
-
-function createPath(_ref) {
-  var _ref$pathname = _ref.pathname,
-      pathname = _ref$pathname === void 0 ? '/' : _ref$pathname,
-      _ref$search = _ref.search,
-      search = _ref$search === void 0 ? '' : _ref$search,
-      _ref$hash = _ref.hash,
-      hash = _ref$hash === void 0 ? '' : _ref$hash;
-  if (search && search !== '?') pathname += search.charAt(0) === '?' ? search : '?' + search;
-  if (hash && hash !== '#') pathname += hash.charAt(0) === '#' ? hash : '#' + hash;
-  return pathname;
-}
-/**
- * Parses a string URL path into its separate pathname, search, and hash components.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#parsepath
- */
-
-function parsePath(path) {
-  var parsedPath = {};
-
-  if (path) {
-    var hashIndex = path.indexOf('#');
-
-    if (hashIndex >= 0) {
-      parsedPath.hash = path.substr(hashIndex);
-      path = path.substr(0, hashIndex);
-    }
-
-    var searchIndex = path.indexOf('?');
-
-    if (searchIndex >= 0) {
-      parsedPath.search = path.substr(searchIndex);
-      path = path.substr(0, searchIndex);
-    }
-
-    if (path) {
-      parsedPath.pathname = path;
-    }
-  }
-
-  return parsedPath;
-}
-
-// @ts-nocheck
-// We're inlining qss here for compression's sake, but we've included it as a hard dependency for the MIT license it requires.
-function encode(obj, pfx) {
-  var k,
-      i,
-      tmp,
-      str = '';
-
-  for (k in obj) {
-    if ((tmp = obj[k]) !== void 0) {
-      if (Array.isArray(tmp)) {
-        for (i = 0; i < tmp.length; i++) {
-          str && (str += '&');
-          str += encodeURIComponent(k) + '=' + encodeURIComponent(tmp[i]);
-        }
-      } else {
-        str && (str += '&');
-        str += encodeURIComponent(k) + '=' + encodeURIComponent(tmp);
-      }
-    }
-  }
-
-  return (pfx || '') + str;
-}
-
-function toValue(mix) {
-  if (!mix) return '';
-  var str = decodeURIComponent(mix);
-  if (str === 'false') return false;
-  if (str === 'true') return true;
-  return +str * 0 === 0 ? +str : str;
-}
-
-function decode(str) {
-  var tmp,
-      k,
-      out = {},
-      arr = str.split('&');
-
-  while (tmp = arr.shift()) {
-    tmp = tmp.split('=');
-    k = tmp.shift();
-
-    if (out[k] !== void 0) {
-      out[k] = [].concat(out[k], toValue(tmp.shift()));
-    } else {
-      out[k] = toValue(tmp.shift());
-    }
-  }
-
-  return out;
-}
-
-const _excluded = ["basepath", "routes"];
-
-// Source
-// Detect if we're in the DOM
-const isDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement); // This is the default history object if none is defined
-
-const createDefaultHistory = () => isDOM ? createBrowserHistory() : createMemoryHistory();
-
-class Subscribable {
-  constructor() {
-    this.preNotify = () => {};
-
-    this.listeners = [];
-  }
-
-  subscribe(listener) {
-    this.listeners.push(listener);
-    return () => {
-      this.listeners = this.listeners.filter(x => x !== listener);
-    };
-  }
-
-  notify() {
-    this.preNotify();
-    this.listeners.forEach(listener => listener());
-  }
-
-}
-
-class RouterInstance extends Subscribable {
-  // Options:
-  // The history object to be used internally
-  // A history will be created automatically if not provided.
-  // Internal:
-  constructor(options) {
-    var _this, _options$stringifySea, _options$parseSearch, _experimental__snaps;
-
-    super();
-    _this = this;
-    this.isTransitioning = false;
-    this.routesById = {};
-    this.navigationPromise = Promise.resolve();
-
-    this.resolveNavigation = () => {};
-
-    this.loadPromise = Promise.resolve();
-
-    this.resolveLoad = () => {};
-
-    this.startedLoadingAt = Date.now();
-    this.resolveEarly = false;
-
-    this.preNotify = () => {
-      var _this$state$action;
-
-      const match = last(this.state.matches);
-      let loaderData = {};
-
-      if (match) {
-        const recurse = m => {
-          if (m.parentMatch) {
-            recurse(m.parentMatch);
-          }
-
-          loaderData = _extends$1({}, loaderData, m.data);
-        };
-
-        recurse(match);
-      }
-
-      const isPending = !!this.state.pending || this.state.matches.find(d => d.status === 'loading');
-      const isLoading = ((_this$state$action = this.state.action) == null ? void 0 : _this$state$action.status) === 'pending' || isPending;
-      this.state = _extends$1({}, this.state, {
-        status: isLoading ? 'loading' : 'idle',
-        loaderData: replaceEqualDeep(this.state.loaderData, loaderData),
-        lastUpdated: Date.now()
-      });
-    };
-
-    this.parseLocation = (location, previousLocation) => {
-      var _location$hash$split$;
-
-      const parsedSearch = this.parseSearch(location.search);
-      return {
-        pathname: location.pathname,
-        searchStr: location.search,
-        search: replaceEqualDeep(previousLocation == null ? void 0 : previousLocation.search, parsedSearch),
-        hash: (_location$hash$split$ = location.hash.split('#').reverse()[0]) != null ? _location$hash$split$ : '',
-        href: "" + location.pathname + location.search + location.hash,
-        state: location.state,
-        key: location.key
-      };
-    };
-
-    this.buildLocation = function (basepath, dest) {
-      var _dest$from, _dest$to, _dest$__preSearchFilt, _functionalUpdate, _dest$__preSearchFilt2, _dest$__postSearchFil;
-
-      if (basepath === void 0) {
-        basepath = '/';
-      }
-
-      if (dest === void 0) {
-        dest = {};
-      }
-
-      const resolvedFrom = _extends$1({}, _this.location, {
-        pathname: dest.fromCurrent ? _this.location.pathname : (_dest$from = dest.from) != null ? _dest$from : _this.location.pathname
-      });
-
-      const pathname = resolvePath(basepath, resolvedFrom.pathname, "" + ((_dest$to = dest.to) != null ? _dest$to : '.')); // Pre filters first
-
-      const preFilteredSearch = (_dest$__preSearchFilt = dest.__preSearchFilters) != null && _dest$__preSearchFilt.length ? dest.__preSearchFilters.reduce((prev, next) => next(prev), resolvedFrom.search) : resolvedFrom.search; // Then the link/navigate function
-
-      const destSearch = dest.search === true ? preFilteredSearch // Preserve resolvedFrom true
-      : dest.search ? (_functionalUpdate = functionalUpdate(dest.search, preFilteredSearch)) != null ? _functionalUpdate : {} // Updater
-      : (_dest$__preSearchFilt2 = dest.__preSearchFilters) != null && _dest$__preSearchFilt2.length ? preFilteredSearch // Preserve resolvedFrom filters
-      : {}; // Then post filters
-
-      const postFilteredSearch = (_dest$__postSearchFil = dest.__postSearchFilters) != null && _dest$__postSearchFil.length ? dest.__postSearchFilters.reduce((prev, next) => next(prev), destSearch) : destSearch;
-      const search = replaceEqualDeep(resolvedFrom.search, postFilteredSearch);
-
-      const searchStr = _this.stringifySearch(search);
-
-      let hash = dest.hash === true ? resolvedFrom.hash : functionalUpdate(dest.hash, resolvedFrom.hash);
-      hash = hash ? "#" + hash : '';
-      return {
-        pathname,
-        search,
-        searchStr,
-        state: resolvedFrom.state,
-        hash,
-        href: "" + pathname + searchStr + hash,
-        key: dest.key
-      };
-    };
-
-    this.commitLocation = (next, replace, opts) => {
-      console.log('commit');
-      if (this.navigateTimeout) clearTimeout(this.navigateTimeout);
-      let nextAction = 'replace';
-
-      if (!replace) {
-        nextAction = 'push';
-      }
-
-      const isSameUrl = this.parseLocation(this.history.location).href === next.href;
-
-      if (isSameUrl && !next.key) {
-        nextAction = 'replace';
-      }
-
-      if (nextAction === 'replace') {
-        this.history.replace({
-          pathname: next.pathname,
-          hash: next.hash,
-          search: next.searchStr
-        });
-      } else {
-        this.history.push({
-          pathname: next.pathname,
-          hash: next.hash,
-          search: next.searchStr
-        });
-      }
-
-      this.navigationPromise = new Promise(resolve => {
-        this.resolveNavigation = resolve;
-        this.resolveEarly = !!(opts != null && opts.resolveEarly);
-        console.log(this.resolveEarly);
-      });
-      return this.navigationPromise;
-    };
-
-    this.mount = () => {
-      const next = this.buildLocation(this.basepath, {
-        to: '.',
-        search: true,
-        hash: true
-      }); // If the current location isn't updated, trigger a navigation
-      // to the current location. Otherwise, load the current location.
-
-      if (next.href !== this.location.href) {
-        return this.commitLocation(next, true);
-      } else {
-        return this.loadLocation();
-      }
-    };
-
-    this.update = _ref => {
-      let {
-        basepath,
-        routes
-      } = _ref,
-          opts = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-      Object.assign(this, opts);
-      this.basepath = cleanPath("/" + (basepath != null ? basepath : ''));
-      this.routesById = {};
-
-      const recurseRoutes = (routes, parent) => {
-        return routes.map(route => {
-          var _route$path, _route$pendingMs, _route$pendingMinMs, _route$children;
-
-          const path = (_route$path = route.path) != null ? _route$path : '*';
-          const id = joinPaths([(parent == null ? void 0 : parent.id) === 'root' ? '' : parent == null ? void 0 : parent.id, "" + (path == null ? void 0 : path.replace(/(.)\/$/, '$1')) + (route.id ? "-" + route.id : '')]);
-          route = _extends$1({}, route, {
-            pendingMs: (_route$pendingMs = route.pendingMs) != null ? _route$pendingMs : opts == null ? void 0 : opts.defaultPendingMs,
-            pendingMinMs: (_route$pendingMinMs = route.pendingMinMs) != null ? _route$pendingMinMs : opts == null ? void 0 : opts.defaultPendingMinMs,
-            id
-          });
-
-          if (this.routesById[id]) {
-            if (process.env.NODE_ENV !== 'production') {
-              console.warn("Duplicate routes found with id: " + id, this.routesById, route);
-            }
-
-            throw new Error();
-          }
-
-          this.routesById[id] = route;
-          route.children = (_route$children = route.children) != null && _route$children.length ? recurseRoutes(route.children, route) : undefined;
-          return route;
-        });
-      };
-
-      this.routes = recurseRoutes(routes != null ? routes : []);
-      this.rootMatch = {
-        id: 'root',
-        params: {},
-        search: {},
-        pathname: this.basepath,
-        data: {},
-        status: 'success'
-      };
-    };
-
-    this.buildNext = opts => {
-      const next = this.buildLocation(this.basepath, opts);
-      const matches = this.matchRoutes(next);
-
-      const __preSearchFilters = matches.map(match => {
-        var _match$route$preSearc;
-
-        return (_match$route$preSearc = match.route.preSearchFilters) != null ? _match$route$preSearc : [];
-      }).flat().filter(Boolean);
-
-      const __postSearchFilters = matches.map(match => {
-        var _match$route$postSear;
-
-        return (_match$route$postSear = match.route.postSearchFilters) != null ? _match$route$postSear : [];
-      }).flat().filter(Boolean);
-
-      return this.buildLocation(this.basepath, _extends$1({}, opts, {
-        __preSearchFilters,
-        __postSearchFilters
-      }));
-    };
-
-    this.navigate = (opts, otherOpts) => {
-      console.log('navigate', opts);
-      const next = this.buildNext(opts);
-      return this.commitLocation(next, opts.replace, otherOpts);
-    };
-
-    this.cancelMatches = () => {
-      var _this$state$pending$m, _this$state$pending;
-      [...this.state.matches, ...((_this$state$pending$m = (_this$state$pending = this.state.pending) == null ? void 0 : _this$state$pending.matches) != null ? _this$state$pending$m : [])].forEach(match => {
-        match.cancel();
-      });
-    };
-
-    this.loadLocation = async next => {
-      console.log('load location', next);
-      const now = Date.now();
-      this.startedLoadingAt = now;
-
-      if (next) {
-        // Ingest the new location
-        this.location = next;
-      } // Cancel any pending  matches
-
-
-      this.cancelMatches(); // Match the routes
-
-      const unloadedMatches = this.matchRoutes(this.location);
-      const resolvedMatches = this.resolveMatches(unloadedMatches);
-      this.state = _extends$1({}, this.state, {
-        pending: {
-          matches: resolvedMatches,
-          location: this.location
-        }
-      });
-      this.notify();
-      console.log('hello1');
-
-      if (this.resolveEarly) {
-        console.log('hello2');
-        this.resolveEarly = false;
-        this.resolveNavigation();
-      }
-
-      this.loadPromise = new Promise(resolve => {
-        this.resolveLoad = resolve;
-      }); // Load the matches
-
-      const matches = await this.loadMatches(resolvedMatches, {
-        withPending: true
-      });
-
-      if (this.startedLoadingAt !== now) {
-        // Ignore side-effects of match loading
-        return;
-      }
-
-      const previousMatches = this.state.matches;
-      previousMatches.filter(d => {
-        return !matches.find(dd => dd.id === d.id);
-      }).forEach(d => {
-        d.onExit == null ? void 0 : d.onExit(d);
-      });
-      previousMatches.filter(d => {
-        return matches.find(dd => dd.id === d.id);
-      }).forEach(d => {
-        d.route.onTransition == null ? void 0 : d.route.onTransition(d);
-      });
-      matches.filter(d => {
-        return !previousMatches.find(dd => dd.id === d.id);
-      }).forEach(d => {
-        d.onExit = d.route.onMatch == null ? void 0 : d.route.onMatch(d);
-      });
-      this.state = _extends$1({}, this.state, {
-        location: this.location,
-        matches: matches,
-        pending: undefined
-      });
-      this.notify();
-      this.resolveNavigation();
-      this.resolveLoad();
-    };
-
-    this.preloadCache = {};
-
-    this.cleanPreloadCache = () => {
-      var _this$state$matches, _this$state$pending$m2, _this$state$pending2;
-
-      const activeMatchIds = [...((_this$state$matches = this == null ? void 0 : this.state.matches) != null ? _this$state$matches : []), ...((_this$state$pending$m2 = this == null ? void 0 : (_this$state$pending2 = this.state.pending) == null ? void 0 : _this$state$pending2.matches) != null ? _this$state$pending$m2 : [])].map(d => d.id);
-      const now = Date.now();
-      Object.keys(this.preloadCache).forEach(matchId => {
-        const entry = this.preloadCache[matchId];
-
-        if (activeMatchIds.includes(matchId)) {
-          return;
-        }
-
-        if (entry.expiresAt < now) {
-          delete this.preloadCache[matchId];
-        }
-      });
-    };
-
-    this.loadRoute = async function (navigateOpts, loaderOpts) {
-      if (navigateOpts === void 0) {
-        navigateOpts = _this.location;
-      }
-
-      const next = _this.buildNext(navigateOpts);
-
-      const unloadedMatches = _this.matchRoutes(next);
-
-      const matches = _this.resolveMatches(unloadedMatches);
-
-      await _this.loadMatches(matches, {
-        preload: true,
-        maxAge: loaderOpts.maxAge
-      });
-      return matches;
-    };
-
-    this.matchRoutes = location => {
-      var _this$routes;
-
-      this.cleanPreloadCache();
-      const matches = [];
-
-      if (!((_this$routes = this.routes) != null && _this$routes.length)) {
-        return matches;
-      }
-
-      const recurse = async (routes, parentMatch) => {
-        var _route$children3;
-
-        let {
-          pathname,
-          params
-        } = parentMatch;
-        const filteredRoutes = this != null && this.filterRoutes ? this == null ? void 0 : this.filterRoutes(routes) : routes;
-        const route = filteredRoutes == null ? void 0 : filteredRoutes.find(route => {
-          var _route$children2, _route$caseSensitive;
-
-          const fullRoutePathName = joinPaths([pathname, route.path]);
-          const fuzzy = !!(route.path !== '/' || (_route$children2 = route.children) != null && _route$children2.length);
-          const matchParams = matchRoute(location, {
-            to: fullRoutePathName,
-            search: route.search,
-            fuzzy,
-            caseSensitive: (_route$caseSensitive = route.caseSensitive) != null ? _route$caseSensitive : this.caseSensitive
-          });
-
-          if (matchParams) {
-            params = _extends$1({}, params, matchParams);
-          }
-
-          return !!matchParams;
-        });
-
-        if (!route) {
-          return;
-        }
-
-        const interpolatedPath = interpolatePath(route.path, params);
-        pathname = joinPaths([pathname, interpolatedPath]);
-        const interpolatedId = interpolatePath(route.id, params, true);
-        const match = {
-          id: interpolatedId,
-          route,
-          params,
-          pathname,
-          search: location.search
-        };
-        matches.push(match);
-
-        if ((_route$children3 = route.children) != null && _route$children3.length) {
-          recurse(route.children, match);
-        }
-      };
-
-      recurse(this.routes, this.rootMatch);
-      return matches;
-    };
-
-    this.resolveMatches = unloadedMatches => {
-      var _this$state$pending$m3, _this$state$pending3;
-
-      if (!(unloadedMatches != null && unloadedMatches.length)) {
-        return [];
-      }
-
-      const existingMatches = [...this.state.matches, ...((_this$state$pending$m3 = (_this$state$pending3 = this.state.pending) == null ? void 0 : _this$state$pending3.matches) != null ? _this$state$pending$m3 : [])];
-      const matches = unloadedMatches.map((unloadedMatch, i) => {
-        var _this$preloadCache$un;
-
-        return existingMatches.find(d => d.id === unloadedMatch.id) || ((_this$preloadCache$un = this.preloadCache[unloadedMatch.id]) == null ? void 0 : _this$preloadCache$un.match) || new RouteMatch(this, unloadedMatch);
-      });
-      matches.forEach((match, index) => {
-        match.setParentMatch(matches[index - 1]);
-      });
-      return matches;
-    };
-
-    this.loadMatches = async (resolvedMatches, loaderOpts) => {
-      const matchPromises = resolvedMatches.map(async match => {
-        if (match.isInvalid || match.status === 'error' || match.status === 'idle') {
-          const promise = match.load();
-          if (loaderOpts != null && loaderOpts.withPending) match.startPending();
-
-          if (loaderOpts != null && loaderOpts.preload) {
-            this.preloadCache[match.id] = {
-              expiresAt: Date.now() + (loaderOpts == null ? void 0 : loaderOpts.maxAge),
-              match
-            };
-          }
-
-          return promise;
-        }
-
-        return match.loaderPromise;
-      });
-      await Promise.all(matchPromises);
-      return resolvedMatches;
-    };
-
-    this.invalidateRoute = opts => {
-      var _this$state$pending$m4, _this$state$pending4;
-
-      const next = this.buildNext(opts);
-      const unloadedMatchIds = this.matchRoutes(next).map(d => d.id);
-      [...this.state.matches, ...((_this$state$pending$m4 = (_this$state$pending4 = this.state.pending) == null ? void 0 : _this$state$pending4.matches) != null ? _this$state$pending$m4 : [])].forEach(match => {
-        if (unloadedMatchIds.includes(match.id)) {
-          match.isInvalid = true;
-        }
-      });
-
-      if (process.env.NODE_ENV === 'development') {
-        this.notify();
-      }
-    };
-
-    this.reload = () => this.navigate({
-      to: '',
-      fromCurrent: true,
-      replace: true
-    });
-
-    this.getAction = (matchOpts, opts) => {
-      const next = this.buildNext(matchOpts);
-      const matches = this.matchRoutes(next);
-      const match = matches.find(d => d.pathname === next.pathname);
-
-      if (!match) {
-        return {
-          status: 'idle',
-          send: () => {}
-        };
-      }
-
-      let action = this.state.actions[match.id] || (() => {
-        this.state.actions[match.id] = {
-          status: 'idle',
-          send: null
-        };
-        return this.state.actions[match.id];
-      })();
-
-      Object.assign(action, {
-        match,
-        send: async (payload, actionOpts) => {
-          var _actionOpts$invalidat;
-
-          if (!match) {
-            return;
-          }
-
-          const invalidate = (_actionOpts$invalidat = actionOpts == null ? void 0 : actionOpts.invalidate) != null ? _actionOpts$invalidat : true;
-
-          if (opts != null && opts.isActive) {
-            this.state.action = action;
-          }
-
-          action.status = 'pending';
-          this.notify();
-
-          try {
-            const res = await (match == null ? void 0 : match.route.action == null ? void 0 : match.route.action(payload, {
-              match,
-              router: this
-            }));
-
-            if (invalidate) {
-              this.invalidateRoute({
-                to: '.',
-                fromCurrent: true
-              });
-              await this.reload();
-            }
-
-            action.status = 'success';
-            return res;
-          } catch (err) {
-            action.error = err;
-            action.status = 'error';
-          } finally {
-            this.notify();
-          }
-        }
-      });
-      return action;
-    };
-
-    this.getOutletElement = matches => {
-      const match = matches[0];
-      return (() => {
-        var _match$errorElement, _ref3;
-
-        if (!match) {
-          return null;
-        }
-
-        const errorElement = (_match$errorElement = match.errorElement) != null ? _match$errorElement : this.defaultErrorElement;
-
-        if (match.status === 'error') {
-          if (errorElement) {
-            return errorElement;
-          }
-
-          if (!this.useErrorBoundary) {
-            return 'An unknown/unhandled error occurred!';
-          }
-
-          throw match.error;
-        }
-
-        if (match.status === 'loading' || match.status === 'idle') {
-          if (match.isPending) {
-            var _match$pendingElement;
-
-            const pendingElement = (_match$pendingElement = match.pendingElement) != null ? _match$pendingElement : this.defaultPendingElement;
-
-            if (match.route.pendingMs || pendingElement) {
-              var _ref2;
-
-              return (_ref2 = pendingElement) != null ? _ref2 : null;
-            }
-          }
-
-          return null;
-        }
-
-        return (_ref3 = match.element) != null ? _ref3 : this.defaultElement;
-      })();
-    };
-
-    this.resolvePath = (from, path) => {
-      return resolvePath(this.basepath, from, cleanPath(path));
-    };
-
-    this.matchRoute = (matchLocation, opts) => {
-      matchLocation = _extends$1({}, matchLocation, {
-        to: matchLocation.to ? this.resolvePath(matchLocation.from || this.rootMatch.pathname, "" + matchLocation.to) : undefined
-      });
-
-      if (opts != null && opts.pending) {
-        var _this$state$pending5;
-
-        if (!((_this$state$pending5 = this.state.pending) != null && _this$state$pending5.location)) {
-          return undefined;
-        }
-
-        return matchRoute(this.state.pending.location, matchLocation);
-      }
-
-      return matchRoute(this.state.location, matchLocation);
-    };
-
-    this.buildLinkInfo = _ref4 => {
-      var _preload, _ref5, _ref6;
-
-      let {
-        to = '.',
-        search,
-        hash,
-        target,
-        replace,
-        getActiveProps = () => ({
-          className: 'active'
-        }),
-        getInactiveProps = () => ({}),
-        activeOptions,
-        preload,
-        preloadMaxAge: userPreloadMaxAge,
-        preloadDelay: userPreloadDelay,
-        disabled,
-        from,
-        ref
-      } = _ref4;
-
-      // If this link simply reloads the current route,
-      // make sure it has a new key so it will trigger a data refresh
-      // If this `to` is a valid external URL, return
-      // null for LinkUtils
-      try {
-        new URL("" + to);
-        return null;
-      } catch (e) {}
-
-      const next = this.buildNext({
-        to,
-        search,
-        hash,
-        from
-      });
-      preload = (_preload = preload) != null ? _preload : this.defaultLinkPreload;
-      const preloadMaxAge = (_ref5 = userPreloadMaxAge != null ? userPreloadMaxAge : this.defaultLinkPreloadMaxAge) != null ? _ref5 : 2000;
-      const preloadDelay = (_ref6 = userPreloadDelay != null ? userPreloadDelay : this.defaultLinkPreloadDelay) != null ? _ref6 : 50; // Compare path/hash for matches
-
-      const pathIsEqual = this.state.location.pathname === next.pathname;
-      const currentPathSplit = this.state.location.pathname.split('/');
-      const nextPathSplit = next.pathname.split('/');
-      const pathIsFuzzyEqual = nextPathSplit.every((d, i) => d === currentPathSplit[i]);
-      const hashIsEqual = this.state.location.hash === next.hash; // Combine the matches based on user options
-
-      const pathTest = activeOptions != null && activeOptions.exact ? pathIsEqual : pathIsFuzzyEqual;
-      const hashTest = activeOptions != null && activeOptions.includeHash ? hashIsEqual : true; // The final "active" test
-
-      const isActive = pathTest && hashTest; // Get the active props
-
-      const activeProps = isActive ? getActiveProps() : {}; // Get the inactive props
-
-      const inactiveProps = isActive ? {} : getInactiveProps(); // The click handler
-
-      const handleClick = e => {
-        if (!disabled && !isCtrlEvent(e) && !e.defaultPrevented && (!target || target === '_self') && e.button === 0) {
-          e.preventDefault();
-
-          if (pathIsEqual && !search && !hash) {
-            this.invalidateRoute({
-              to,
-              search,
-              from
-            });
-          } // All is well? Navigate!)
-
-
-          this.navigate({
-            to,
-            search,
-            hash,
-            replace,
-            from
-          });
-        }
-      }; // The click handler
-
-
-      const handleFocus = e => {
-        if (preload && preloadMaxAge > 0) {
-          this.loadRoute({
-            to,
-            search,
-            hash,
-            from
-          }, {
-            maxAge: preloadMaxAge
-          });
-        }
-      };
-
-      const handleEnter = e => {
-        if (preload && preloadMaxAge > 0) {
-          if (ref.preloadTimeout) {
-            return;
-          }
-
-          ref.preloadTimeout = setTimeout(() => {
-            ref.preloadTimeout = null;
-            this.loadRoute({
-              to,
-              search,
-              hash,
-              from
-            }, {
-              maxAge: preloadMaxAge
-            });
-          }, preloadDelay);
-        }
-      };
-
-      const handleLeave = e => {
-        if (ref.preloadTimeout) {
-          clearTimeout(ref.preloadTimeout);
-          ref.preloadTimeout = null;
-        }
-      };
-
-      return {
-        next,
-        handleFocus,
-        handleClick,
-        handleEnter,
-        handleLeave,
-        activeProps,
-        inactiveProps,
-        isActive
-      };
-    };
-
-    this.__experimental__createSnapshot = () => {
-      return _extends$1({}, this.state, {
-        matches: this.state.matches.map(_ref7 => {
-          let {
-            data,
-            id
-          } = _ref7;
-          return {
-            id,
-            data
-          };
-        })
-      });
-    };
-
-    this.history = (options == null ? void 0 : options.history) || createDefaultHistory();
-    this.stringifySearch = (_options$stringifySea = options == null ? void 0 : options.stringifySearch) != null ? _options$stringifySea : defaultStringifySearch;
-    this.parseSearch = (_options$parseSearch = options == null ? void 0 : options.parseSearch) != null ? _options$parseSearch : defaultParseSearch;
-    this.location = this.parseLocation(this.history.location);
-    this.destroy = this.history.listen(event => {
-      console.log('listen');
-      this.loadLocation(this.parseLocation(event.location, this.location));
-    });
-    let _matches = [];
-
-    const __experimental__snapshot = options == null ? void 0 : options.__experimental__snapshot;
-
-    this.state = {
-      status: 'idle',
-      location: (_experimental__snaps = __experimental__snapshot == null ? void 0 : __experimental__snapshot.location) != null ? _experimental__snaps : this.location,
-      matches: _matches,
-      actions: {},
-      loaderData: {},
-      lastUpdated: Date.now()
-    };
-  }
-
-}
-class RouteMatch {
-  constructor(router, unloadedMatch) {
-    this.isInvalid = false;
-    this.status = 'idle';
-    this.data = {};
-    this.isPending = false;
-    this.abortController = new AbortController();
-
-    this.resolve = () => {};
-
-    this.notify = () => {
-      this.resolve();
-      this.router.notify();
-    };
-
-    this.cancel = () => {
-      var _this$abortController;
-
-      (_this$abortController = this.abortController) == null ? void 0 : _this$abortController.abort();
-      this.cancelPending();
-    };
-
-    this.startPending = () => {
-      if (this.pendingTimeout || this.status !== 'loading' || typeof this.route.pendingMs === 'undefined') {
-        return;
-      }
-
-      this.pendingTimeout = setTimeout(() => {
-        this.isPending = true;
-        this.resolve();
-
-        if (typeof this.route.pendingMinMs !== 'undefined') {
-          this.pendingMinPromise = new Promise(r => setTimeout(r, this.route.pendingMinMs));
-        }
-      }, this.route.pendingMs);
-    };
-
-    this.cancelPending = () => {
-      this.isPending = false;
-      clearTimeout(this.pendingTimeout);
-    };
-
-    this.setParentMatch = parentMatch => {
-      this.parentMatch = parentMatch;
-    };
-
-    this.load = () => {
-      // If the match was in an error state, set it
-      // to a loading state again. Otherwise, keep it
-      // as loading or resolved
-      if (this.status === 'error' || this.status === 'idle') {
-        this.status = 'loading';
-      } // We started loading the route, so it's no longer invalid
-
-
-      this.isInvalid = false;
-      return new Promise(async resolve => {
-        this.resolve = resolve;
-
-        if (!this.loaderPromise) {
-          this.loaderPromise = (async () => {
-            const importer = this.route.import; // First, run any importers
-
-            if (importer) {
-              this.importPromise = importer({
-                params: this.params,
-                search: this.search
-              }).then(imported => {
-                this.route = _extends$1({}, this.route, imported);
-              });
-            } // Wait for the importer to finish before
-            // attempting to load elements and data
-
-
-            await this.importPromise; // Next, load the elements and data in parallel
-
-            this.elementsPromise = (async () => {
-              // then run all element and data loaders in parallel
-              // For each element type, potentially load it asynchronously
-              const elementTypes = ['element', 'errorElement', 'pendingElement'];
-              await Promise.all(elementTypes.map(async type => {
-                const routeElement = this.route[type];
-
-                if (this[type]) {
-                  return;
-                }
-
-                if (typeof routeElement === 'function') {
-                  const res = await routeElement(this);
-                  this[type] = res;
-                } else {
-                  this[type] = this.route[type];
-                }
-              }));
-            })();
-
-            this.dataPromise = Promise.resolve().then(async () => {
-              try {
-                var _this$route$loader, _this$route;
-
-                const data = await ((_this$route$loader = (_this$route = this.route).loader) == null ? void 0 : _this$route$loader.call(_this$route, this, {
-                  match: this,
-                  signal: this.abortController.signal,
-                  router: this.router
-                }));
-                this.data = replaceEqualDeep(this.data, data || {});
-                this.error = undefined;
-                this.status = 'success';
-                this.updatedAt = Date.now();
-              } catch (err) {
-                if (process.env.NODE_ENV === 'development') {
-                  console.error(err);
-                }
-
-                this.error = err;
-                this.status = 'error';
-                this.updatedAt = Date.now();
-              }
-            });
-
-            try {
-              await Promise.all([this.elementsPromise, this.dataPromise]);
-
-              if (this.pendingMinPromise) {
-                await this.pendingMinPromise;
-                delete this.pendingMinPromise;
-              }
-            } finally {
-              this.cancelPending();
-              this.isPending = false;
-              this.notify();
-            }
-          })();
-        }
-
-        await this.loaderPromise;
-        delete this.loaderPromise;
-      });
-    };
-
-    this.router = router;
-    Object.assign(this, unloadedMatch);
-  }
-
-}
-function matchRoute(currentLocation, matchLocation) {
-  const pathParams = matchByPath(currentLocation, matchLocation);
-  const searchMatched = matchBySearch(currentLocation, matchLocation);
-
-  if (matchLocation.to && !pathParams) {
-    return;
-  }
-
-  if (matchLocation.search && !searchMatched) {
-    return;
-  }
-
-  return pathParams != null ? pathParams : {};
-}
-
-function interpolatePath(path, params, leaveWildcard) {
-  const interpolatedPathSegments = parsePathname(path);
-  return joinPaths(interpolatedPathSegments.map(segment => {
-    if (segment.value === '*' && !leaveWildcard) {
-      return '';
-    }
-
-    if (segment.type === 'param') {
-      var _segment$value$substr;
-
-      return (_segment$value$substr = params[segment.value.substring(1)]) != null ? _segment$value$substr : '';
-    }
-
-    return segment.value;
-  }));
-}
-
-function warning(cond, message) {
-  if (!cond) {
-    if (typeof console !== 'undefined') console.warn(message);
-
-    try {
-      throw new Error(message);
-    } catch (_unused) {}
-  }
-
-  return true;
-}
-
-function isFunction(d) {
-  return typeof d === 'function';
-}
-
-function functionalUpdate(updater, previous) {
-  if (isFunction(updater)) {
-    return updater(previous);
-  }
-
-  return updater;
-}
-
-function joinPaths(paths) {
-  return cleanPath(paths.filter(Boolean).join('/'));
-}
-
-function cleanPath(path) {
-  // remove double slashes
-  return ("" + path).replace(/\/{2,}/g, '/');
-}
-function matchByPath(currentLocation, matchLocation) {
-  var _matchLocation$to;
-
-  const baseSegments = parsePathname(currentLocation.pathname);
-  const routeSegments = parsePathname("" + ((_matchLocation$to = matchLocation.to) != null ? _matchLocation$to : '*'));
-  const params = {};
-
-  let isMatch = (() => {
-    for (let i = 0; i < Math.max(baseSegments.length, routeSegments.length); i++) {
-      const baseSegment = baseSegments[i];
-      const routeSegment = routeSegments[i];
-      const isLastRouteSegment = i === routeSegments.length - 1;
-      const isLastBaseSegment = i === baseSegments.length - 1;
-
-      if (routeSegment) {
-        if (routeSegment.type === 'wildcard') {
-          if (baseSegment != null && baseSegment.value) {
-            params['*'] = joinPaths(baseSegments.slice(i).map(d => d.value));
-            return true;
-          }
-
-          return false;
-        }
-
-        if (routeSegment.type === 'pathname') {
-          if (routeSegment.value === '/' && !(baseSegment != null && baseSegment.value)) {
-            return true;
-          }
-
-          if (baseSegment) {
-            if (matchLocation.caseSensitive) {
-              if (routeSegment.value !== baseSegment.value) {
-                return false;
-              }
-            } else if (routeSegment.value.toLowerCase() !== baseSegment.value.toLowerCase()) {
-              return false;
-            }
-          }
-        }
-
-        if (!baseSegment) {
-          return false;
-        }
-
-        if (routeSegment.type === 'param') {
-          params[routeSegment.value.substring(1)] = baseSegment.value;
-        }
-      }
-
-      if (isLastRouteSegment && !isLastBaseSegment) {
-        return !!matchLocation.fuzzy;
-      }
-    }
-
-    return true;
-  })();
-
-  return isMatch ? params : undefined;
-}
-
-function matchBySearch(currentLocation, matchLocation) {
-  return !!(matchLocation.search && matchLocation.search(currentLocation.search));
-}
-
-function parsePathname(pathname) {
-  if (!pathname) {
-    return [];
-  }
-
-  pathname = cleanPath(pathname);
-  const segments = [];
-
-  if (pathname.slice(0, 1) === '/') {
-    pathname = pathname.substring(1);
-    segments.push({
-      type: 'pathname',
-      value: '/'
-    });
-  }
-
-  if (!pathname) {
-    return segments;
-  } // Remove empty segments and '.' segments
-
-
-  const split = pathname.split('/').filter(Boolean);
-  segments.push(...split.map(part => {
-    if (part.startsWith('*')) {
-      return {
-        type: 'wildcard',
-        value: part
-      };
-    }
-
-    if (part.charAt(0) === ':') {
-      return {
-        type: 'param',
-        value: part
-      };
-    }
-
-    return {
-      type: 'pathname',
-      value: part
-    };
-  }));
-
-  if (pathname.slice(-1) === '/') {
-    pathname = pathname.substring(1);
-    segments.push({
-      type: 'pathname',
-      value: '/'
-    });
-  }
-
-  return segments;
-}
-function resolvePath(basepath, base, to) {
-  base = base.replace(new RegExp("^" + basepath), '/').replace(/(.+)\/$/, (_, group) => group);
-  to = to.replace(new RegExp("^" + basepath), '/');
-  let baseSegments = parsePathname(base);
-  const toSegments = parsePathname(to);
-  toSegments.forEach((toSegment, index) => {
-    if (toSegment.value === '/') {
-      if (!index) {
-        // Leading slash
-        baseSegments = [toSegment];
-      } else if (index === toSegments.length - 1) {
-        // Trailing Slash
-        baseSegments.push(toSegment);
-      } else ;
-    } else if (toSegment.value === '..') {
-      baseSegments.pop();
-    } else if (toSegment.value === '.') {
-      return;
-    } else {
-      baseSegments.push(toSegment);
-    }
-  });
-  const joined = joinPaths([basepath, ...baseSegments.map(d => d.value)]);
-  return cleanPath(joined);
-}
-/**
- * This function returns `a` if `b` is deeply equal.
- * If not, it will replace any deeply equal children of `b` with those of `a`.
- * This can be used for structural sharing between JSON values for example.
- */
-
-function replaceEqualDeep(prev, next) {
-  if (prev === next) {
-    return prev;
-  }
-
-  const array = Array.isArray(prev) && Array.isArray(next);
-
-  if (array || isPlainObject(prev) && isPlainObject(next)) {
-    const aSize = array ? prev.length : Object.keys(prev).length;
-    const bItems = array ? next : Object.keys(next);
-    const bSize = bItems.length;
-    const copy = array ? [] : {};
-    let equalItems = 0;
-
-    for (let i = 0; i < bSize; i++) {
-      const key = array ? i : bItems[i];
-      copy[key] = replaceEqualDeep(prev[key], next[key]);
-
-      if (copy[key] === prev[key]) {
-        equalItems++;
-      }
-    }
-
-    return aSize === bSize && equalItems === aSize ? prev : copy;
-  }
-
-  return next;
-} // Copied from: https://github.com/jonschlinkert/is-plain-object
-
-function isPlainObject(o) {
-  if (!hasObjectPrototype(o)) {
-    return false;
-  } // If has modified constructor
-
-
-  const ctor = o.constructor;
-
-  if (typeof ctor === 'undefined') {
-    return true;
-  } // If has modified prototype
-
-
-  const prot = ctor.prototype;
-
-  if (!hasObjectPrototype(prot)) {
-    return false;
-  } // If constructor does not have an Object-specific method
-
-
-  if (!prot.hasOwnProperty('isPrototypeOf')) {
-    return false;
-  } // Most likely a plain Object
-
-
-  return true;
-}
-
-function hasObjectPrototype(o) {
-  return Object.prototype.toString.call(o) === '[object Object]';
-}
-
-const defaultParseSearch = parseSearchWith(JSON.parse);
-const defaultStringifySearch = stringifySearchWith(JSON.stringify);
-function parseSearchWith(parser) {
-  return searchStr => {
-    if (searchStr.substring(0, 1) === '?') {
-      searchStr = searchStr.substring(1);
-    }
-
-    let query = decode(searchStr); // Try to parse any query params that might be json
-
-    for (let key in query) {
-      const value = query[key];
-
-      if (typeof value === 'string') {
-        try {
-          query[key] = parser(value);
-        } catch (err) {//
-        }
-      }
-    }
-
-    return query;
-  };
-}
-function stringifySearchWith(stringify) {
-  return search => {
-    search = _extends$1({}, search);
-
-    if (search) {
-      Object.keys(search).forEach(key => {
-        const val = search[key];
-
-        if (typeof val === 'undefined' || val === undefined) {
-          delete search[key];
-        } else if (val && typeof val === 'object' && val !== null) {
-          try {
-            search[key] = stringify(val);
-          } catch (err) {// silent
-          }
-        }
-      });
-    }
-
-    const searchStr = encode(search).toString();
-    return searchStr ? "?" + searchStr : '';
-  };
-}
-
-function isCtrlEvent(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-
-function last(arr) {
-  return arr[arr.length - 1];
-}
-
-exports.RouteMatch = RouteMatch;
-exports.RouterInstance = RouterInstance;
-exports.cleanPath = cleanPath;
-exports.createBrowserHistory = createBrowserHistory;
-exports.createHashHistory = createHashHistory;
-exports.createMemoryHistory = createMemoryHistory;
-exports.defaultParseSearch = defaultParseSearch;
-exports.defaultStringifySearch = defaultStringifySearch;
-exports.functionalUpdate = functionalUpdate;
-exports.matchByPath = matchByPath;
-exports.matchRoute = matchRoute;
-exports.parsePathname = parsePathname;
-exports.parseSearchWith = parseSearchWith;
-exports.replaceEqualDeep = replaceEqualDeep;
-exports.resolvePath = resolvePath;
-exports.stringifySearchWith = stringifySearchWith;
-exports.warning = warning;
-//# sourceMappingURL=index.js.map