@trullock/page-manager 0.14.1 → 0.14.2

package/tests/dist/main.js

@@ -1,1525 +0,0 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./tests/page1.htm":
-/*!*************************!*\
-  !*** ./tests/page1.htm ***!
-  \*************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + "page1.htm");
-
-/***/ }),
-
-/***/ "./tests/page2.htm":
-/*!*************************!*\
-  !*** ./tests/page2.htm ***!
-  \*************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + "page2.htm");
-
-/***/ }),
-
-/***/ "./tests/page3.htm":
-/*!*************************!*\
-  !*** ./tests/page3.htm ***!
-  \*************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + "page3.htm");
-
-/***/ }),
-
-/***/ "./tests/page4.htm":
-/*!*************************!*\
-  !*** ./tests/page4.htm ***!
-  \*************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + "page4.htm");
-
-/***/ }),
-
-/***/ "./tests/page404.htm":
-/*!***************************!*\
-  !*** ./tests/page404.htm ***!
-  \***************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + "page404.htm");
-
-/***/ }),
-
-/***/ "./tests/pageX.htm":
-/*!*************************!*\
-  !*** ./tests/pageX.htm ***!
-  \*************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + "pageX.htm");
-
-/***/ }),
-
-/***/ "./node_modules/@trullock/router/src/index.js":
-/*!****************************************************!*\
-  !*** ./node_modules/@trullock/router/src/index.js ***!
-  \****************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _pattern_lexer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pattern-lexer.js */ "./node_modules/@trullock/router/src/pattern-lexer.js");
-
-
-function isKind(val, kind) {
-	return '[object ' + kind + ']' === Object.prototype.toString.call(val);
-}
-function isRegExp(val) {
-	return isKind(val, 'RegExp');
-}
-
-function decodeQueryString(queryStr, shouldTypecast) {
-	var queryArr = (queryStr || '').replace('?', '').split('&'),
-		reg = /([^=]+)=(.+)/,
-		i = -1,
-		obj = {},
-		equalIndex, cur, pValue, pName;
-
-	while ((cur = queryArr[++i])) {
-		equalIndex = cur.indexOf('=');
-		pName = cur.substring(0, equalIndex);
-		pValue = decodeURIComponent(cur.substring(equalIndex + 1));
-
-		if (pName in obj){
-			if(isArray(obj[pName])){
-				obj[pName].push(pValue);
-			} else {
-				obj[pName] = [obj[pName], pValue];
-			}
-		} else {
-			obj[pName] = pValue;
-	   }
-	}
-	return obj;
-}
-
-function Route(name, pattern, pageClass, priority, router) {
-	var isRegexPattern = isRegExp(pattern);
-	this._name = name;
-	this._router = router;
-	this._pattern = pattern;
-	this._paramsIds = isRegexPattern ? null : router.patternLexer.getParamIds(pattern);
-	this._optionalParamsIds = isRegexPattern ? null : router.patternLexer.getOptionalParamsIds(pattern);
-	this._matchRegexp = isRegexPattern ? pattern : router.patternLexer.compilePattern(pattern, router.ignoreCase);
-	this._pageClass = pageClass;
-	this._priority = priority || 0;
-}
-
-Route.prototype = {
-
-	match: function (request) {
-		return this._matchRegexp.test(request);
-	},
-
-	_isValidParam: function (request, prop, values) {
-		var validationRule = this.rules[prop],
-			val = values[prop],
-			isValid = false,
-			isQuery = (prop.indexOf('?') === 0);
-
-		if (val == null && this._optionalParamsIds && arrayIndexOf(this._optionalParamsIds, prop) !== -1) {
-			isValid = true;
-		}
-		else if (isRegExp(validationRule)) {
-			if (isQuery)
-				val = values[prop + '_']; //use raw string
-
-			isValid = validationRule.test(val);
-		}
-		else if (isArray(validationRule)) {
-			if (isQuery)
-				val = values[prop + '_']; //use raw string
-
-			isValid = this._isValidArrayRule(validationRule, val);
-		}
-		else if (isFunction(validationRule)) {
-			isValid = validationRule(val, request, values);
-		}
-
-		return isValid; //fail silently if validationRule is from an unsupported type
-	},
-
-	_isValidArrayRule: function (arr, val) {
-		if (!this._router.ignoreCase) {
-			return arrayIndexOf(arr, val) !== -1;
-		}
-
-		if (typeof val === 'string') {
-			val = val.toLowerCase();
-		}
-
-		var n = arr.length,
-			item,
-			compareVal;
-
-		while (n--) {
-			item = arr[n];
-			compareVal = (typeof item === 'string') ? item.toLowerCase() : item;
-			if (compareVal === val) {
-				return true;
-			}
-		}
-		return false;
-	},
-
-	_getParamsObject: function (request) {
-		var shouldTypecast = this._router.shouldTypecast,
-			values = this._router.patternLexer.getParamValues(request, this._matchRegexp, shouldTypecast),
-			o = {},
-			n = values.length,
-			param, val;
-		while (n--) {
-			val = values[n];
-			if (this._paramsIds) {
-				param = this._paramsIds[n];
-				if (param.indexOf('?') === 0 && val) {
-					val = decodeQueryString(val, shouldTypecast);
-					
-					for(var key in val){
-						if(!o[key])
-							o[key] = val[key];
-						else
-							o['?' + key] = val[key];
-					}
-					o[n] = val;
-				} 
-				else 
-					o[param] = val;
-			}
-		}
-
-		return o;
-	},
-
-	interpolate: function (replacements) {
-		try {
-			var str = this._router.patternLexer.interpolate(this._pattern, replacements);
-			return str;
-		}
-		catch(e) {
-			throw new Error(`Error interpolating route ${this._pattern} with values ${JSON.stringify(replacements)}\n` + e);
-		}
-	},
-
-	toString: function () {
-		return '[Route pattern:"' + this._pattern + '", numListeners:' + this.matched.getNumListeners() + ']';
-	}
-
-};
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (new class {
-	constructor() {
-		this.routes = [];
-		this.routesByName = {};
-		this.patternLexer = (0,_pattern_lexer_js__WEBPACK_IMPORTED_MODULE_0__["default"])();
-	}
-
-	addRoute (name, pattern, pageClass, priority) {
-		pattern += pattern.endsWith('/') ? ':?query:' : '/:?query:';
-		var route = new Route(name, pattern, pageClass, priority, this);
-
-		var n = this.routes.length;
-		do
-		{ 
-			--n; 
-		} while (this.routes[n] && route._priority <= this.routes[n]._priority);
-		this.routes.splice(n + 1, 0, route);
-
-		this.routesByName[name] = route;
-		Object.defineProperty(this, name, { get: () => pattern });
-
-		return route;
-	}
-
-	interpolate(name, data){
-		if(!this.routesByName[name])
-			throw new Error(`Cannot find route by name ${name}`);
-			
-		return this.routesByName[name].interpolate(data);
-	}
-
-	parse (request) {
-		var n = this.routes.length;
-		var route, hash, path;
-
-		var index = request.indexOf('#');
-		if(index > -1)
-		{
-			hash = request.substr(index + 1);
-			request = request.substr(0, index);
-		}
-
-		index = request.indexOf('?');
-		if(index > -1)
-			path = request.substr(0, index)
-		else
-			path = request;	
-		
-
-		while (route = this.routes[--n]) {
-			if (route.match(request)) {
-				var params = route._getParamsObject(request);
-				params.hash = hash;
-
-				return {
-					path: path.toLowerCase(),
-					routeName: route._name,
-					pattern: route._pattern,
-					pageClass: route._pageClass,
-					params: params
-				};
-			}
-		}
-
-		return null;
-	}
-
-	toString () {
-		return '[Router numRoutes:' + this.getNumRoutes() + ']';
-	}
-}());
-
-/***/ }),
-
-/***/ "./node_modules/@trullock/router/src/pattern-lexer.js":
-/*!************************************************************!*\
-  !*** ./node_modules/@trullock/router/src/pattern-lexer.js ***!
-  \************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__() {
-
-	var
-		//match chars that should be escaped on string regexp
-		ESCAPE_CHARS_REGEXP = /[\\.+*?\^$\[\](){}\/'#]/g,
-
-		//trailing slashes (begin/end of string)
-		LOOSE_SLASHES_REGEXP = /^\/|\/$/g,
-		LEGACY_SLASHES_REGEXP = /\/$/g,
-
-		//params - everything between `{ }` or `: :`
-		PARAMS_REGEXP = /(?:\{|:)([^}:]+)(?:\}|:)/g,
-
-		//used to save params during compile (avoid escaping things that
-		//shouldn't be escaped).
-		TOKENS = {
-			'OS': {
-				//optional slashes
-				//slash between `::` or `}:` or `\w:` or `:{?` or `}{?` or `\w{?`
-				rgx: /([:}]|\w(?=\/))\/?(:|(?:\{\?))/g,
-				save: '$1{{id}}$2',
-				res: '\\/?'
-			},
-			'RS': {
-				//required slashes
-				//used to insert slash between `:{` and `}{`
-				rgx: /([:}])\/?(\{)/g,
-				save: '$1{{id}}$2',
-				res: '\\/'
-			},
-			'RQ': {
-				//required query string - everything in between `{? }`
-				rgx: /\{\?([^}]+)\}/g,
-				//everything from `?` till `#` or end of string
-				res: '\\?([^#]+)'
-			},
-			'OQ': {
-				//optional query string - everything in between `:? :`
-				rgx: /:\?([^:]+):/g,
-				//everything from `?` till `#` or end of string
-				res: '(?:\\?([^#]*))?'
-			},
-			'OR': {
-				//optional rest - everything in between `: *:`
-				rgx: /:([^:]+)\*:/g,
-				res: '(.*)?' // optional group to avoid passing empty string as captured
-			},
-			'RR': {
-				//rest param - everything in between `{ *}`
-				rgx: /\{([^}]+)\*\}/g,
-				res: '(.+)'
-			},
-			// required/optional params should come after rest segments
-			'RP': {
-				//required params - everything between `{ }`
-				rgx: /\{([^}]+)\}/g,
-				res: '([^\\/?]+)'
-			},
-			'OP': {
-				//optional params - everything between `: :`
-				rgx: /:([^:]+):/g,
-				res: '([^\\/?]+)?\/?'
-			}
-		},
-
-		LOOSE_SLASH = 1,
-		STRICT_SLASH = 2,
-		LEGACY_SLASH = 3,
-
-		_slashMode = LOOSE_SLASH;
-
-
-	function precompileTokens() {
-		var key, cur;
-		for (key in TOKENS) {
-			if (TOKENS.hasOwnProperty(key)) {
-				cur = TOKENS[key];
-				cur.id = '__CR_' + key + '__';
-				cur.save = ('save' in cur) ? cur.save.replace('{{id}}', cur.id) : cur.id;
-				cur.rRestore = new RegExp(cur.id, 'g');
-			}
-		}
-	}
-	precompileTokens();
-
-
-	function captureVals(regex, pattern) {
-		var vals = [], match;
-		// very important to reset lastIndex since RegExp can have "g" flag
-		// and multiple runs might affect the result, specially if matching
-		// same string multiple times on IE 7-8
-		regex.lastIndex = 0;
-		while (match = regex.exec(pattern)) {
-			vals.push(match[1]);
-		}
-		return vals;
-	}
-
-	function getParamIds(pattern) {
-		return captureVals(PARAMS_REGEXP, pattern);
-	}
-
-	function getOptionalParamsIds(pattern) {
-		return captureVals(TOKENS.OP.rgx, pattern);
-	}
-
-	function compilePattern(pattern, ignoreCase) {
-		pattern = pattern || '';
-
-		if (pattern) {
-			if (_slashMode === LOOSE_SLASH) {
-				pattern = pattern.replace(LOOSE_SLASHES_REGEXP, '');
-			}
-			else if (_slashMode === LEGACY_SLASH) {
-				pattern = pattern.replace(LEGACY_SLASHES_REGEXP, '');
-			}
-
-			//save tokens
-			pattern = replaceTokens(pattern, 'rgx', 'save');
-			//regexp escape
-			pattern = pattern.replace(ESCAPE_CHARS_REGEXP, '\\$&');
-			//restore tokens
-			pattern = replaceTokens(pattern, 'rRestore', 'res');
-
-			if (_slashMode === LOOSE_SLASH) {
-				pattern = '\\/?' + pattern;
-			}
-		}
-
-		if (_slashMode !== STRICT_SLASH) {
-			//single slash is treated as empty and end slash is optional
-			pattern += '\\/?';
-		}
-		return new RegExp('^' + pattern + '$', ignoreCase ? 'i' : '');
-	}
-
-	function replaceTokens(pattern, regexpName, replaceName) {
-		var cur, key;
-		for (key in TOKENS) {
-			if (TOKENS.hasOwnProperty(key)) {
-				cur = TOKENS[key];
-				pattern = pattern.replace(cur[regexpName], cur[replaceName]);
-			}
-		}
-		return pattern;
-	}
-
-	function getParamValues(request, regexp, shouldTypecast) {
-		var vals = regexp.exec(request);
-		if (vals) {
-			vals.shift();
-			if (shouldTypecast) {
-				vals = typecastArrayValues(vals);
-			}
-		}
-		return vals;
-	}
-
-	function interpolate(pattern, replacements) {
-		// default to an empty object because pattern might have just
-		// optional arguments
-		replacements = replacements || {};
-		if (typeof pattern !== 'string') {
-			throw new Error('Route pattern should be a string.');
-		}
-		
-		var replaceFn = function (match, prop) {
-			var val;
-			prop = (prop.substr(0, 1) === '?') ? prop.substr(1) : prop;
-			if (replacements[prop] != null) {
-				if (typeof replacements[prop] === 'object') {
-					var queryParts = [], rep;
-					for (var key in replacements[prop]) {
-						rep = replacements[prop][key];
-						if (isArray(rep)) {
-							for (var k in rep) {
-								if (key.slice(-2) == '[]') {
-									queryParts.push(encodeURIComponent(key.slice(0, -2)) + '[]=' + encodeURIComponent(rep[k]));
-								} else {
-									queryParts.push(encodeURIComponent(key + '=' + rep[k]));
-								}
-							}
-						}
-						else {
-							queryParts.push(encodeURIComponent(key + '=' + rep));
-						}
-					}
-					val = '?' + queryParts.join('&');
-				} else {
-					// make sure value is a string see #gh-54
-					val = String(replacements[prop]);
-				}
-
-				if (match.indexOf('*') === -1 && val.indexOf('/') !== -1) {
-					throw new Error('Invalid value "' + val + '" for segment "' + match + '".');
-				}
-			}
-			else if (match.indexOf('{') !== -1) {
-				throw new Error('The segment ' + match + ' is required.');
-			}
-			else {
-				val = '';
-			}
-			return val;
-		};
-
-		if (!TOKENS.OS.trail) {
-			TOKENS.OS.trail = new RegExp('(?:' + TOKENS.OS.id + ')+$');
-		}
-
-		return pattern
-			.replace(TOKENS.OS.rgx, TOKENS.OS.save)
-			.replace(PARAMS_REGEXP, replaceFn)
-			.replace(TOKENS.OS.trail, '') // remove trailing
-			.replace(TOKENS.OS.rRestore, '/'); // add slash between segments
-	}
-
-	//API
-	return {
-		strict: function () {
-			_slashMode = STRICT_SLASH;
-		},
-		loose: function () {
-			_slashMode = LOOSE_SLASH;
-		},
-		legacy: function () {
-			_slashMode = LEGACY_SLASH;
-		},
-		getParamIds: getParamIds,
-		getOptionalParamsIds: getOptionalParamsIds,
-		getParamValues: getParamValues,
-		compilePattern: compilePattern,
-		interpolate: interpolate
-	};
-
-}
-
-/***/ }),
-
-/***/ "./src/index.js":
-/*!**********************!*\
-  !*** ./src/index.js ***!
-  \**********************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "PageShowError": () => (/* binding */ PageShowError),
-/* harmony export */   "back": () => (/* binding */ back),
-/* harmony export */   "getPath": () => (/* binding */ getPath),
-/* harmony export */   "init": () => (/* binding */ init),
-/* harmony export */   "navigate": () => (/* binding */ navigate),
-/* harmony export */   "pages": () => (/* binding */ pages),
-/* harmony export */   "printStack": () => (/* binding */ printStack),
-/* harmony export */   "purgeCache": () => (/* binding */ purgeCache),
-/* harmony export */   "refresh": () => (/* binding */ refresh),
-/* harmony export */   "registerPage": () => (/* binding */ registerPage),
-/* harmony export */   "removeHistory": () => (/* binding */ removeHistory),
-/* harmony export */   "replace": () => (/* binding */ replace),
-/* harmony export */   "show": () => (/* binding */ show)
-/* harmony export */ });
-/* harmony import */ var _trullock_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @trullock/router */ "./node_modules/@trullock/router/src/index.js");
-
-var pageHash = {},
-  pageCache = {},
-  pageTemplateCache = {},
-  stack = [],
-  stackPointer = -1;
-var manuallyAdjustingHistory = false;
-var handlingBeforeHide = false;
-var lastNavigationDirection = null;
-var goal = null;
-var backData = {};
-var options = {
-  fetchPath: route => '/pages/' + route.routeName + '.html',
-  fetchPageTemplate: route => {
-    return fetch(options.fetchPath(route)).then(r => r.text()).then(html => {
-      var $div = document.createElement('div');
-      $div.innerHTML = html;
-      // Pages are assumed to have a single wrapping element
-      return $div.firstElementChild;
-    }).then($template => {
-      pageTemplateCache[route.pattern] = $template;
-      return $template;
-    });
-  },
-  pageInterrupt: route => null,
-  attachMarkup: $html => document.body.appendChild($html),
-  prepareMarkup: $html => {},
-  loadingPageName: 'loading',
-  error404PageName: 'error-404',
-  defaultPageName: 'root',
-  beforeHide: null
-};
-const pages = pageHash;
-function registerPage(argA, argB, argC) {
-  let namedRoutes = null,
-    pageClass = null;
-  if (argC == undefined) {
-    namedRoutes = argA;
-    pageClass = argB;
-  } else {
-    namedRoutes = {
-      [argA]: argB
-    };
-    pageClass = argC;
-  }
-  for (const [name, route] of Object.entries(namedRoutes)) {
-    _trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].addRoute(name, route, pageClass);
-    pageHash[name] = {
-      route: route,
-      pageClass: pageClass
-    };
-  }
-  return pageClass;
-}
-function getPath(name, values) {
-  let url = _trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].interpolate(name, values);
-  if (values?.hash) url += '#' + values.hash;
-  return url;
-}
-function refresh() {
-  let frame = stack[stackPointer];
-  showPage(frame.data.route.url, frame.data, 'replace');
-}
-function emitUrlChanged(url) {
-  window.dispatchEvent(new CustomEvent('page-manager.url-changed', {
-    detail: {
-      url: url
-    },
-    bubbles: true
-  }));
-}
-
-// TODO: 404 and error too?
-function initLoading() {
-  var entry = pageHash[options.loadingPageName];
-  var route = _trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].parse(entry.route);
-  return loadPage(route, {});
-}
-function showLoading() {
-  var pageLookup = pageHash[options.loadingPageName];
-  var route = _trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].parse(pageLookup.route);
-  var data = {
-    route: route,
-    scrollY: window.scrollY,
-    event: {
-      action: 'replace'
-    }
-  };
-  var page = pageCache[route.pattern].page;
-  return Promise.resolve(page.show(data));
-}
-function hideLoading() {
-  var pageLookup = pageHash[options.loadingPageName];
-  var route = _trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].parse(pageLookup.route);
-  var page = pageCache[route.pattern].page;
-  return Promise.resolve(page.hide());
-}
-function loadPage(route, data) {
-  var fetchPage = pageTemplateCache[route.pattern] ? Promise.resolve(pageTemplateCache[route.pattern]) : options.fetchPageTemplate(route);
-  return fetchPage.then($template => {
-    var $html = $template.cloneNode(true);
-    options.prepareMarkup($html);
-    options.attachMarkup($html);
-    let page = new route.pageClass($html);
-    let cacheKey = page.cacheMarkupBy == 'path' ? route.path : route.pattern;
-    pageCache[cacheKey] = {
-      $html,
-      page
-    };
-    let booted = new Promise(resolve => resolve(page.boot(data)));
-    return booted.then(() => page);
-  });
-}
-function showPage(url, data, event) {
-  var route = _trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].parse(url);
-  if (route == null) {
-    console.error(`Can't find page: '${url}'`);
-    let page404 = pageHash[options.error404PageName];
-    route = _trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].parse(page404.route);
-  }
-  data = data || {};
-  for (let key in route.params) data[key] = route.params[key];
-  data.route = {
-    url: url,
-    path: route.path,
-    routeName: route.routeName,
-    params: route.params
-  };
-  data.event = event;
-  let interrupt = options.pageInterrupt(route);
-  if (interrupt) {
-    goal = {
-      url,
-      data
-    };
-    return showPage(interrupt.url, null, event);
-  }
-  var getPage = showLoading().then(() => {
-    if (pageCache[route.path]) return pageCache[route.path].page;
-    if (pageCache[route.pattern]) return pageCache[route.pattern].page;
-    return loadPage(route, data);
-  });
-
-  // handle initial page
-  if (event.action == 'load') {
-    return getPage.then(page => doShow(page, data)).then(page => {
-      // clean initial load
-      if (stackPointer == -1) {
-        stack.push({
-          uid: 0,
-          data,
-          page
-        });
-        stackPointer = 0;
-      }
-      // page refresh
-      else {
-        stack[stackPointer].page = page;
-        stack[stackPointer].data = data;
-      }
-      return page;
-    });
-  }
-  let currentState = stack[stackPointer];
-  if (currentState.data.route.path == route.path) {
-    handleHistoryAction(event, url, data, currentState.page);
-    return getPage.then(page => doUpdate(page, data));
-  }
-  currentState.data.scrollY = window.scrollY;
-  return Promise.all([currentState.page.hide(event), getPage]).then(results => results[1]).then(page => {
-    handleHistoryAction(event, url, data, page);
-    return doShow(page, data);
-  });
-  // .catch(e => {
-  // 	// TODO: what case is this?
-  // 	manuallyAdjustingHistory = () => manuallyAdjustingHistory = false;
-  // 	if (event.action == 'back')
-  // 		history.go(1);
-  // 	else if (event.action == 'fwd')
-  // 		history.go(-1);
-  // });
-}
-
-async function doShow(page, data) {
-  window.scroll(0, 0);
-  await Promise.resolve(page.show(data));
-  document.title = page.title;
-  await hideLoading();
-  return page;
-}
-async function doUpdate(page, data) {
-  await Promise.resolve(page.update(data));
-  document.title = page.title;
-  // todo: hide() should be passed an event object
-  await hideLoading();
-  return page;
-}
-function handleHistoryAction(event, url, data, page) {
-  if (event.action == 'push') {
-    let newUid = stack[stackPointer].uid + 1;
-    window.history.pushState({
-      uid: newUid
-    }, null, url);
-    emitUrlChanged(url);
-
-    // remove future
-    stack.splice(stackPointer + 1, stack.length - stackPointer);
-    stack.push({
-      uid: newUid,
-      data,
-      page
-    });
-    stackPointer++;
-  } else if (event.action == 'replace') {
-    // TODO: this case may be buggy
-
-    // BUG: you can replace the current state with the same url as the previous state, which shouldnt be allowed, 
-    // you cant have the same url in the history twice (next to each other).
-    // Update this to check for such a case and handle it
-
-    let currentUid = stack[stackPointer].uid;
-    window.history.replaceState({
-      uid: currentUid
-    }, null, url);
-    emitUrlChanged(url);
-    stack.pop();
-    stack.push({
-      uid: currentUid,
-      data,
-      page
-    });
-  } else if (event.action == 'back') {
-    stackPointer -= event.distance;
-  } else if (event.action == 'fwd') {
-    stackPointer += event.distance;
-  }
-}
-function doNavigate(url, data) {
-  if (url === 'goal') {
-    url = goal ? goal.url : data?.fallback || getPath(options.defaultPageName);
-    data = goal?.data || {};
-    goal = null;
-  }
-  return showPage(url, data, {
-    action: 'push',
-    distance: 0
-  });
-}
-function storageAvailable() {
-  try {
-    var x = '__storage_test__';
-    window.sessionStorage.setItem(x, x);
-    window.sessionStorage.removeItem(x);
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-async function init(opts) {
-  Object.assign(options, opts);
-  if (storageAvailable()) {
-    let storedStack = window.sessionStorage.getItem("stack");
-    if (storedStack) {
-      storedStack = JSON.parse(storedStack);
-      stack = storedStack.stack;
-      stackPointer = storedStack.stackPointer;
-      window.sessionStorage.removeItem("stack");
-    }
-  }
-
-  // handle pages whose markup is already loaded in the page
-  for (var key in pageHash) {
-    if (pageHash[key].pageClass.existingDomSelector) {
-      let $html = document.querySelector(pageHash[key].pageClass.existingDomSelector);
-      if (!$html) {
-        console.error(`Unable to find DOM element '${pageHash[key].pageClass.existingDomSelector}' for page '${key}'`);
-        continue;
-      }
-
-      // TODO: this is inefficient for non parameterised routes. There will always be HTML in memory and then copied for the page once loaded
-      pageTemplateCache[_trullock_router__WEBPACK_IMPORTED_MODULE_0__["default"].routesByName[key]._pattern] = $html;
-      $html.parentElement.removeChild($html);
-    }
-  }
-  await initLoading();
-
-  // set initial page
-  emitUrlChanged(window.location.pathname + window.location.search + window.location.hash);
-  showPage(window.location.pathname + window.location.search + window.location.hash, null, {
-    action: 'load',
-    distance: 0
-  }).catch(e => {
-    console.error(e);
-    if (e instanceof PageShowError) {
-      return showPage(e.url, e.data, {
-        action: 'load',
-        distance: 0
-      }).then(page => {
-        if (e.action == 'replace') handleHistoryAction({
-          action: e.action
-        }, e.url, e.data, page);
-        return page;
-      });
-    }
-  });
-  function handlePopstate(context, direction, distance) {
-    if (manuallyAdjustingHistory) {
-      manuallyAdjustingHistory(context, {
-        action: direction,
-        distance
-      });
-      return;
-    }
-    if (direction == 'back') Object.assign(context.data, backData);
-    backData = {};
-    emitUrlChanged(context.data.route.url);
-    showPage(context.data.route.url, context.data, {
-      action: direction,
-      distance
-    }).catch(e => {
-      console.error(e);
-      if (e instanceof PageShowError) return showPage(e.url, e.data, {
-        action: e.action || 'show'
-      });
-    }).then(page => {
-      // set page as it can be missing in the case of refreshes
-      context.page = page;
-    });
-  }
-  function handleBeforeHidePart1() {
-    // if we're ignoring beforeHide this navigation
-    if (handlingBeforeHide === 'ignore') {
-      handlingBeforeHide = false;
-      return false;
-    }
-
-    // if we have a before-unload confirm to show
-    if (stack[stackPointer].page.beforeHide && options.beforeHide && handlingBeforeHide === false) {
-      var interrupt = stack[stackPointer].page.beforeHide();
-      if (interrupt) {
-        handlingBeforeHide = 'step1';
-
-        // do this in a new thread, you cant call history actions from inside a history-aciton-handler
-        window.setTimeout(() => {
-          // undo the navigation so the URL remains correct whilst we show the confirm dialog
-          if (lastNavigationDirection == 'fwd') history.back();else if (lastNavigationDirection == 'back') history.forward();
-        }, 1);
-        return true;
-      }
-    }
-
-    // we've finished beforeHiding
-    if (handlingBeforeHide === 'step2') handlingBeforeHide = false;
-    return false;
-  }
-  function handleBeforeHidePart2() {
-    if (handlingBeforeHide !== 'step1') return false;
-
-    // do the beforeHide action, then...
-    options.beforeHide(stack[stackPointer].page.beforeHide()).then(result => {
-      // if the user confirmed, redo the original action
-      if (result) {
-        handlingBeforeHide = 'step2';
-        if (lastNavigationDirection == 'fwd') history.forward();else if (lastNavigationDirection == 'back') history.back();
-      } else {
-        handlingBeforeHide = false;
-      }
-    });
-    return true;
-  }
-
-  // listen for browser navigations
-  window.addEventListener("popstate", e => {
-    var interrupted = handleBeforeHidePart2();
-    if (interrupted) return;
-    let newUid = e.state?.uid || 0;
-    let previousUid = stack[stackPointer].uid;
-    lastNavigationDirection = newUid > previousUid ? 'fwd' : 'back';
-    let distance = Math.abs(newUid - previousUid);
-    var interrupted = handleBeforeHidePart1();
-    if (interrupted) return;
-    var context = findContext(newUid);
-    handlePopstate(context, lastNavigationDirection, distance);
-  });
-  if (storageAvailable()) {
-    window.addEventListener("beforeunload", () => {
-      let stackToSerialize = stack.map(s => ({
-        uid: s.uid,
-        data: s.data
-      }));
-      let stackToStore = {
-        stack: stackToSerialize,
-        stackPointer
-      };
-      window.sessionStorage.setItem('stack', JSON.stringify(stackToStore));
-    });
-  }
-}
-function findContext(uid) {
-  for (var i = 0; i < stack.length; i++) {
-    if (stack[i].uid == uid) return stack[i];
-  }
-  return null;
-}
-function expandOnlyHash(url) {
-  if (url.startsWith('#')) {
-    let currentState = stack[stackPointer];
-    let currentUrl = currentState.data.route.url;
-    let hashIndex = currentUrl.indexOf('#');
-    if (hashIndex > -1) return currentUrl.substr(0, hashIndex);
-    return currentUrl + url;
-  }
-  return url;
-}
-function navigate(url, data, checkBeforeHide = true) {
-  url = expandOnlyHash(url);
-  if (checkBeforeHide === true && stack[stackPointer].page.beforeHide && options.beforeHide) {
-    var interrupt = stack[stackPointer].page.beforeHide();
-    if (interrupt !== false) {
-      options.beforeHide(interrupt).then(result => {
-        if (result) doNavigate(url, data);
-      });
-      return;
-    }
-  }
-  doNavigate(url, data).catch(e => {
-    console.error(e);
-    if (e instanceof PageShowError) return showPage(e.url, e.data, {
-      action: e.action || 'show'
-    });
-  });
-}
-function replace(url, data) {
-  url = expandOnlyHash(url);
-  return showPage(url, data, {
-    action: 'replace',
-    distance: 0
-  });
-}
-function show(url, data) {
-  return showPage(url, data, {
-    action: 'show',
-    distance: 0
-  });
-}
-function back(data, checkBeforeHide) {
-  backData = data || {};
-  handlingBeforeHide = checkBeforeHide === false ? 'ignore' : false;
-  history.go(-1);
-}
-function printStack() {
-  console.log("Stack length: " + stack.length);
-  console.log("Stack pointer: " + stackPointer);
-  for (var i = 0; i < stack.length; i++) console.log(stack[i]);
-}
-function removeHistory(predicate) {
-  let statesToKeep = [];
-  for (var i = 0; i < stack.length; i++) {
-    if (!predicate(stack[i], i)) statesToKeep.push(stack[i]);
-  }
-
-  // TODO: ensure we always have at least 1 state to keep - must/can this always be the current page?
-
-  if (statesToKeep.length == stack.length) return Promise.resolve();
-  return new Promise((resolve, reject) => {
-    let backsToDo = stackPointer - 1;
-    let currentUid = -1;
-
-    //  TODO: handle stack pointer not being at the tail when this process starts
-
-    manuallyAdjustingHistory = _ => {
-      // rewind to the first history position
-      if (backsToDo > 0) {
-        window.setTimeout(() => {
-          backsToDo--;
-          history.back();
-        }, 1);
-        return;
-      }
-
-      // reset the stack
-      stack = [];
-      for (var k = 0; k < statesToKeep.length; k++) {
-        let currentState = statesToKeep[k];
-        currentState.uid = ++currentUid;
-        if (k == 0) window.history.replaceState({
-          uid: currentState.uid
-        }, null, currentState.data.route.url);else window.history.pushState({
-          uid: currentState.uid
-        }, null, currentState.data.route.url);
-        window.dispatchEvent(new CustomEvent('page-manager.url-changed', {
-          url: currentState.data.route.url
-        }));
-
-        // TODO: this doesnt seem to work when k=0
-        document.title = currentState.page.title;
-        stack.push(currentState);
-      }
-      stackPointer = stack.length - 1;
-      manuallyAdjustingHistory = false;
-    };
-    history.back();
-  });
-}
-function purgeCache() {
-  for (const key in pageCache) {
-    pageCache[key].page.destroy && pageCache[key].page.destroy();
-    if (!pageCache[key].page.constructor.existingDomSelector) {
-      pageCache[key].$html.remove();
-      delete pageCache[key];
-    }
-  }
-}
-class PageShowError extends Error {
-  constructor(url, message, data, action) {
-    super(message || 'Error showing requested page');
-
-    // Maintains proper stack trace for where our error was thrown (only available on V8)
-    if (Error.captureStackTrace) Error.captureStackTrace(this, PageShowError);
-    this.name = 'PageShowError';
-    this.url = url;
-    this.data = data;
-    this.action = action;
-  }
-}
-
-/***/ }),
-
-/***/ "./tests/page-loading.js":
-/*!*******************************!*\
-  !*** ./tests/page-loading.js ***!
-  \*******************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-var _class;
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_1__.registerPage)('loading', '/loading', (_class = class extends _page_js__WEBPACK_IMPORTED_MODULE_0__["default"] {
-  constructor($page) {
-    super($page);
-  }
-}, _defineProperty(_class, "existingDomSelector", '#page-loading'), _class)));
-
-/***/ }),
-
-/***/ "./tests/page-page1.js":
-/*!*****************************!*\
-  !*** ./tests/page-page1.js ***!
-  \*****************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _page1_htm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page1.htm */ "./tests/page1.htm");
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.registerPage)('page1', '/page1', class extends _page_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  constructor($page) {
-    super($page);
-    _defineProperty(this, "title", "Page 1");
-    _defineProperty(this, "type", 'A');
-    $page.querySelector('button').addEventListener('click', e => {
-      (0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.refresh)();
-    });
-  }
-  update(data) {
-    this.$page.querySelector('.js-time').textContent = new Date().getTime();
-  }
-}));
-
-/***/ }),
-
-/***/ "./tests/page-page2.js":
-/*!*****************************!*\
-  !*** ./tests/page-page2.js ***!
-  \*****************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _page2_htm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page2.htm */ "./tests/page2.htm");
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.registerPage)('page2', '/page2', class extends _page_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  constructor($page) {
-    super($page);
-    _defineProperty(this, "title", "Page 2");
-    _defineProperty(this, "type", 'A');
-  }
-}));
-
-/***/ }),
-
-/***/ "./tests/page-page3.js":
-/*!*****************************!*\
-  !*** ./tests/page-page3.js ***!
-  \*****************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _page3_htm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page3.htm */ "./tests/page3.htm");
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.registerPage('page3', '/page3', class extends _page_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  constructor($page) {
-    super($page);
-    _defineProperty(this, "title", "Page 3");
-    _defineProperty(this, "beforeHide", () => 'Are you sure?');
-    $page.querySelector('.btnRemove').addEventListener('click', e => {
-      _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.removeHistory(state => {
-        return state.page.type == 'A';
-      });
-    });
-  }
-}));
-
-/***/ }),
-
-/***/ "./tests/page-page4.js":
-/*!*****************************!*\
-  !*** ./tests/page-page4.js ***!
-  \*****************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _page4_htm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page4.htm */ "./tests/page4.htm");
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.registerPage)('page4', '/page4', class extends _page_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  constructor($page) {
-    super($page);
-    _defineProperty(this, "title", "Page 4");
-  }
-  show(opts) {
-    throw new _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.PageShowError('/page1', 'Cant show page4, showing page1 instead', {}, 'replace');
-  }
-}));
-
-/***/ }),
-
-/***/ "./tests/page-page404.js":
-/*!*******************************!*\
-  !*** ./tests/page-page404.js ***!
-  \*******************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _page404_htm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page404.htm */ "./tests/page404.htm");
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.registerPage)('page404', '/404', class extends _page_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  constructor($page) {
-    super($page);
-    _defineProperty(this, "title", "Page 404");
-  }
-}));
-
-/***/ }),
-
-/***/ "./tests/page-pageX.js":
-/*!*****************************!*\
-  !*** ./tests/page-pageX.js ***!
-  \*****************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _pageX_htm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pageX.htm */ "./tests/pageX.htm");
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.registerPage)('pageX', '/page/{x}', class extends _page_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  constructor($page) {
-    super($page);
-    _defineProperty(this, "title", "Page X");
-  }
-  show(opts) {
-    this.$page.querySelector('#PageX').textContent = "Page: " + opts.x;
-    return super.show(opts);
-  }
-}));
-
-/***/ }),
-
-/***/ "./tests/page-show-fail.js":
-/*!*********************************!*\
-  !*** ./tests/page-show-fail.js ***!
-  \*********************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _page404_htm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page404.htm */ "./tests/page404.htm");
-/* harmony import */ var _page_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page.js */ "./tests/page.js");
-/* harmony import */ var _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @trullock/page-manager */ "./src/index.js");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
- // doesnt matter
-
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.registerPage)('pageShowFail', '/show-fail', class extends _page_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  constructor($page) {
-    super($page);
-    _defineProperty(this, "title", "Page 4");
-  }
-  show(opts) {
-    throw new _trullock_page_manager__WEBPACK_IMPORTED_MODULE_2__.PageShowError('/page1', 'Cant show pageShowFail, showing page1 instead', {}, 'replace');
-  }
-}));
-
-/***/ }),
-
-/***/ "./tests/page.js":
-/*!***********************!*\
-  !*** ./tests/page.js ***!
-  \***********************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ Page)
-/* harmony export */ });
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class Page {
-  constructor($page) {
-    _defineProperty(this, "dirty", false);
-    _defineProperty(this, "cacheMarkupBy", 'route');
-    this.$page = $page;
-  }
-  get title() {
-    return this.$page.dataset['title'] || 'PageManager';
-  }
-  boot(opts) {
-    return Promise.resolve();
-  }
-  show(opts) {
-    this.$page.style.display = 'block';
-    return Promise.resolve();
-  }
-  update() {
-    return Promise.resolve();
-  }
-  hide() {
-    this.$page.style.display = 'none';
-    return Promise.resolve();
-  }
-}
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		__webpack_require__.p = "/";
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-/*!**************************!*\
-  !*** ./tests/lolpack.js ***!
-  \**************************/
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _src_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../src/index.js */ "./src/index.js");
-/* harmony import */ var _page_loading_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page-loading.js */ "./tests/page-loading.js");
-/* harmony import */ var _page_page1_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./page-page1.js */ "./tests/page-page1.js");
-/* harmony import */ var _page_page2_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./page-page2.js */ "./tests/page-page2.js");
-/* harmony import */ var _page_page3_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./page-page3.js */ "./tests/page-page3.js");
-/* harmony import */ var _page_page4_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./page-page4.js */ "./tests/page-page4.js");
-/* harmony import */ var _page_pageX_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./page-pageX.js */ "./tests/page-pageX.js");
-/* harmony import */ var _page_page404_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./page-page404.js */ "./tests/page-page404.js");
-/* harmony import */ var _page_show_fail_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./page-show-fail.js */ "./tests/page-show-fail.js");
-
-
-
-
-
-
-
-
-
-window.addEventListener('DOMContentLoaded', function () {
-  _src_index_js__WEBPACK_IMPORTED_MODULE_0__.init({
-    pageContainer: () => document.body,
-    fetchPath: route => '/pages/' + route.routeName + '.htm',
-    error404PageName: 'page404',
-    beforeHide: message => new Promise(resolve => {
-      resolve(confirm(message));
-    })
-  });
-
-  // listen for navigations
-  document.addEventListener('click', e => {
-    if (e.ctrlKey || e.metaKey) return;
-    var $a = e.target.matches('a') ? e.target : e.target.closest('a');
-    if (!$a) return;
-    var href = $a.pathname + $a.search + $a.hash;
-    _src_index_js__WEBPACK_IMPORTED_MODULE_0__.navigate(href);
-    e.preventDefault();
-  }, false);
-  document.querySelector('.btnStack').addEventListener('click', e => {
-    _src_index_js__WEBPACK_IMPORTED_MODULE_0__.printStack();
-  });
-  window.addEventListener("page-manager.url-changed", e => {
-    console.log(e.detail.url);
-  });
-});
-})();
-
-/******/ })()
-;
-//# sourceMappingURL=main.js.map