From 9496d4c78f9dd04e2949dde6bbe77c2cfde0861b Mon Sep 17 00:00:00 2001
From: Viktor Lukashov <viktor@vaadin.com>
Date: Tue, 30 Oct 2018 16:41:58 +0200
Subject: [PATCH] 1.2.0-pre.3 (#298)

---
 docs/vaadin-router/demo/demo-shell.html | 9 ++++++---
 package.json                            | 2 +-
 src/router-meta.js                      | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/vaadin-router/demo/demo-shell.html b/docs/vaadin-router/demo/demo-shell.html
index 933d5aee..c32f6eaf 100644
--- a/docs/vaadin-router/demo/demo-shell.html
+++ b/docs/vaadin-router/demo/demo-shell.html
@@ -61,15 +61,18 @@
     .lang-autohotkey .token.keyword{color:#00009f;}.token.important,
     .token.function,
     .token.bold{font-weight:bold;}.token.italic{font-style:italic;}</style></template></dom-module><dom-module id="vaadin-demo-snippet" assetpath="../../vaadin-demo-helpers/"><template><style>:host{display:block;background-color:white;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1);margin-bottom:3em;@apply --demo-snippet;}#demo{display:block;border-bottom:1px solid rgba(0, 0, 0, 0.1);margin:0;@apply --demo-snippet-demo;}.code-container{margin:0;background-color:rgba(0, 0, 0, 0.02);font-size:0.95em;overflow:auto;position:relative;padding:0;@apply --demo-snippet-code;}.code-container .code{padding:1.4em 2em;margin:0;overflow:auto;max-height:18.5em;@apply --demo-snippet-code;}.code-container .code > pre{margin:0;}.code-container button{position:absolute;top:0.5em;right:0.5em;text-transform:uppercase;border:none;border-radius:0.25em;cursor:pointer;background:rgba(0, 0, 0, 0.3);color:#fff;}.code-container button:focus,
-      .code-container button:hover{background:rgba(0, 0, 0, 0.6);}</style><prism-highlighter></prism-highlighter><div id="demo"><template is="dom-if" if="[[_isIframe]]" restamp=""><vaadin-demo-iframe-renderer src="[[iframeSrc]]" id="[[id]]" demo-components-root="[[demoComponentsRoot]]"><slot></slot></vaadin-demo-iframe-renderer></template><template is="dom-if" if="[[!_isIframe]]" restamp=""><vaadin-demo-shadow-dom-renderer id="[[id]]"><slot></slot></vaadin-demo-shadow-dom-renderer></template></div><div class="code-container"><marked-element markdown="[[_markdown]]" id="marked"><div class="code" slot="markdown-html"></div></marked-element><button id="copyButton" title="copy to clipboard" on-tap="_copyToClipboard">Copy</button></div></template><script>(function(){"use strict";var instanceIndex=0,VaadinDemoSnippet=function(_Vaadin$ThemableMixin){babelHelpers.inherits(VaadinDemoSnippet,_Vaadin$ThemableMixin);function VaadinDemoSnippet(){babelHelpers.classCallCheck(this,VaadinDemoSnippet);return babelHelpers.possibleConstructorReturn(this,(VaadinDemoSnippet.__proto__||Object.getPrototypeOf(VaadinDemoSnippet)).apply(this,arguments))}babelHelpers.createClass(VaadinDemoSnippet,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(VaadinDemoSnippet.prototype.__proto__||Object.getPrototypeOf(VaadinDemoSnippet.prototype),"ready",this).call(this);Vaadin.LightDomHelper.querySelectorAsync("template",this).then(function(template){try{var host=_this.getRootNode().host.getRootNode().host;_this.demoComponentsRoot="".concat(host.srcBaseHref,"/demo-elements")}catch(e){console.error("Unable to get the `baseHref` from the <vaadin-component-demo>")}_this._showDemo(template)}).catch(function(){throw new Error("vaadin-demo-snippet requires a <template> child")})}},{key:"_computeIsIframe",value:function _computeIsIframe(iframeSrc){return"string"===typeof iframeSrc&&""!==iframeSrc.trim()}},{key:"_showDemo",value:function _showDemo(template){var snippet=this.$.marked.unindent(template.innerHTML).replace(/window\.addDemoReadyListener\('[^{]+/g,"window.addEventListener('WebComponentsReady', function() ");snippet=snippet.replace(/`(\${Vaadin\.Demo\.componentsRoot})(.+)`/gi,"'$2'");snippet=snippet.replace(/(Vaadin\.Demo\.import\(')/gi,"import('.");Array.from(this.classList).forEach(function(e){return snippet=snippet.replace(new RegExp("\\s*"+e,"g"),"")});snippet=snippet.replace(/ class=""/g,"");snippet=snippet.replace(/=""/g,"");this._markdown="```html\n"+snippet.trim()+"```"}},{key:"_copyToClipboard",value:function _copyToClipboard(){var snipRange=document.createRange(),selectedSource=this.shadowRoot.querySelector("marked-element > .code");snipRange.selectNodeContents(selectedSource);var selection=window.getSelection();selection.removeAllRanges();selection.addRange(snipRange);var result=!1;try{result=document.execCommand("copy");this.$.copyButton.textContent="done"}catch(err){console.error(err);this.$.copyButton.textContent="error"}setTimeout(this._resetCopyButtonState.bind(this),1e3);selection.removeAllRanges();return result}},{key:"_resetCopyButtonState",value:function _resetCopyButtonState(){this.$.copyButton.textContent="copy"}}],[{key:"is",get:function get(){return"vaadin-demo-snippet"}},{key:"properties",get:function get(){return{id:{type:String,value:function value(){return"vaadin-demo-snippet-".concat(instanceIndex++)}},iframeSrc:String,demoComponentsRoot:String,_isIframe:{type:Boolean,value:!1,computed:"_computeIsIframe(iframeSrc)"},_markdown:String}}}]);return VaadinDemoSnippet}(Vaadin.ThemableMixin(Polymer.GestureEventListeners(Polymer.Element)));customElements.define(VaadinDemoSnippet.is,VaadinDemoSnippet)})();</script></dom-module><script>(function(){"use strict";var VaadinDemoIframeRendererOutlet=function(_HTMLElement){babelHelpers.inherits(VaadinDemoIframeRendererOutlet,_HTMLElement);function VaadinDemoIframeRendererOutlet(){var _this;babelHelpers.classCallCheck(this,VaadinDemoIframeRendererOutlet);_this=babelHelpers.possibleConstructorReturn(this,(VaadinDemoIframeRendererOutlet.__proto__||Object.getPrototypeOf(VaadinDemoIframeRendererOutlet)).call(this));_this.__windowMessageListener=_this._onWindowMessage.bind(babelHelpers.assertThisInitialized(_this));_this.__windowPopstateListener=_this._onWindowPopstate.bind(babelHelpers.assertThisInitialized(_this));_this.__webComponentsReady=new Promise(function(resolve){if(window.WebComponents.ready){resolve()}else{var onWebComponentsReady=function(){document.removeEventListener("WebComponentsReady",onWebComponentsReady);resolve()};document.addEventListener("WebComponentsReady",onWebComponentsReady)}});return _this}babelHelpers.createClass(VaadinDemoIframeRendererOutlet,[{key:"connectedCallback",value:function connectedCallback(){this.history=[window.location.pathname];this.historyIdx=0;this.historyIdxUpdated=!1;window.addEventListener("message",this.__windowMessageListener);window.addEventListener("popstate",this.__windowPopstateListener);this._postPopstateMessage()}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("message",this.__windowMessageListener);window.removeEventListener("popstate",this.__windowPopstateListener)}},{key:"_postMessage",value:function _postMessage(type,detail){window.parent.postMessage({type:type,id:window.frameElement.name,detail:detail},window.location.origin)}},{key:"_postPopstateMessage",value:function _postPopstateMessage(){this._postMessage("iframe-popstate",{pathname:window.location.pathname,hasBack:0<this.historyIdx,hasForward:this.historyIdx<this.history.length-1})}},{key:"_onWindowMessage",value:function _onWindowMessage(event){var _this2=this;if(event.origin===window.location.origin){switch(event.data.type){case"set-template":this.__webComponentsReady.then(function(){_this2._setDemoComponentsRoot();_this2.setInnerHtmlWithScripts(event.data.html);_this2.history=["/"];_this2._activateHistoryEntry(0)});break;case"set-url":this.history[this.historyIdx+1]=event.data.url;this.history.length=this.historyIdx+2;this._activateHistoryEntry(this.historyIdx+1);break;case"go-back":if(0<this.historyIdx){this._activateHistoryEntry(this.historyIdx-1)}break;case"go-forward":if(this.historyIdx<this.history.length-1){this._activateHistoryEntry(this.historyIdx+1)}break;default:}}}},{key:"_activateHistoryEntry",value:function _activateHistoryEntry(historyIdx){this.historyIdx=historyIdx;this.historyIdxUpdated=!0;window.history.pushState(null,document.title,this.history[historyIdx]);window.dispatchEvent(new PopStateEvent("popstate"))}},{key:"_onWindowPopstate",value:function _onWindowPopstate(){if(this.historyIdxUpdated){this.historyIdxUpdated=!1}else{this.historyIdx+=1;this.history[this.historyIdx]=window.location.pathname;this.history.length=this.historyIdx+1}this._postPopstateMessage()}},{key:"_setDemoComponentsRoot",value:function _setDemoComponentsRoot(){window.Vaadin=window.Vaadin||{};Vaadin.Demo=Vaadin.Demo||{};Vaadin.Demo.componentsRoot=window.frameElement.dataset.demoComponentsRoot}},{key:"setInnerHtmlWithScripts",value:function setInnerHtmlWithScripts(html){this.innerHTML=html;for(var scripts=this.querySelectorAll("script"),_loop=function(i){var script=document.createElement("script");["type","async","defer","noModule","text"].forEach(function(prop){return script[prop]=scripts[i][prop]});if(scripts[i].src){script.src=scripts[i].src}scripts[i].parentNode.insertBefore(script,scripts[i]);scripts[i].parentNode.removeChild(scripts[i])},i=0;i<scripts.length;i+=1){_loop(i)}}}]);return VaadinDemoIframeRendererOutlet}(HTMLElement);window.customElements.define("vaadin-demo-iframe-renderer-outlet",VaadinDemoIframeRendererOutlet)})();</script><script>(function(){window.Vaadin=window.Vaadin||{};Vaadin.Demo=Vaadin.Demo||{};Vaadin.Demo.moduleStorage=Vaadin.Demo.moduleStorage||[];Vaadin.Demo.import=function(url){return new Promise(function(resolve,reject){var script=document.createElement("script");script.src=url;script.onload=function(){document.body.removeChild(script);resolve(Vaadin.Demo.moduleStorage.pop())};script.onerror=function(){document.body.removeChild(script);reject(new Error("Failed to load module script with URL "+url))};document.body.appendChild(script)})}})();</script><script>ElementDemo=function ElementDemo(superClass){return function(_superClass){babelHelpers.inherits(_class,_superClass);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,(_class.__proto__||Object.getPrototypeOf(_class)).apply(this,arguments))}babelHelpers.createClass(_class,null,[{key:"properties",get:function get(){return{}}}]);return _class}(superClass)};</script><script>window.addEventListener("WebComponentsReady",function(){document.body.removeAttribute("unresolved")});</script><script>(function(){window.Vaadin=window.Vaadin||{};var Lumo=function(_HTMLElement){babelHelpers.inherits(Lumo,_HTMLElement);function Lumo(){babelHelpers.classCallCheck(this,Lumo);return babelHelpers.possibleConstructorReturn(this,(Lumo.__proto__||Object.getPrototypeOf(Lumo)).apply(this,arguments))}babelHelpers.createClass(Lumo,null,[{key:"version",get:function get(){return"1.2.0"}}]);return Lumo}(HTMLElement);customElements.define("vaadin-lumo-styles",Lumo);window.Vaadin.Lumo=Lumo})();</script><custom-style><style>html{--lumo-font-family:-apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--lumo-font-size-xxs:.75rem;--lumo-font-size-xs:.8125rem;--lumo-font-size-s:.875rem;--lumo-font-size-m:1rem;--lumo-font-size-l:1.125rem;--lumo-font-size-xl:1.375rem;--lumo-font-size-xxl:1.75rem;--lumo-font-size-xxxl:2.5rem;--lumo-line-height-xs:1.25;--lumo-line-height-s:1.375;--lumo-line-height-m:1.625;}</style></custom-style><dom-module id="lumo-typography" assetpath="../../vaadin-lumo-styles/"><template><style>html{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size, var(--lumo-font-size-m));line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size, var(--lumo-font-size-m));line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}small,
+      .code-container button:hover{background:rgba(0, 0, 0, 0.6);}</style><prism-highlighter></prism-highlighter><div id="demo"><template is="dom-if" if="[[_isIframe]]" restamp=""><vaadin-demo-iframe-renderer src="[[iframeSrc]]" id="[[id]]" demo-components-root="[[demoComponentsRoot]]"><slot></slot></vaadin-demo-iframe-renderer></template><template is="dom-if" if="[[!_isIframe]]" restamp=""><vaadin-demo-shadow-dom-renderer id="[[id]]"><slot></slot></vaadin-demo-shadow-dom-renderer></template></div><div class="code-container"><marked-element markdown="[[_markdown]]" id="marked"><div class="code" slot="markdown-html"></div></marked-element><button id="copyButton" title="copy to clipboard" on-tap="_copyToClipboard">Copy</button></div></template><script>(function(){"use strict";var instanceIndex=0,VaadinDemoSnippet=function(_Vaadin$ThemableMixin){babelHelpers.inherits(VaadinDemoSnippet,_Vaadin$ThemableMixin);function VaadinDemoSnippet(){babelHelpers.classCallCheck(this,VaadinDemoSnippet);return babelHelpers.possibleConstructorReturn(this,(VaadinDemoSnippet.__proto__||Object.getPrototypeOf(VaadinDemoSnippet)).apply(this,arguments))}babelHelpers.createClass(VaadinDemoSnippet,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(VaadinDemoSnippet.prototype.__proto__||Object.getPrototypeOf(VaadinDemoSnippet.prototype),"ready",this).call(this);Vaadin.LightDomHelper.querySelectorAsync("template",this).then(function(template){try{var host=_this.getRootNode().host.getRootNode().host;_this.demoComponentsRoot="".concat(host.srcBaseHref,"/demo-elements")}catch(e){console.error("Unable to get the `baseHref` from the <vaadin-component-demo>")}_this._showDemo(template)}).catch(function(){throw new Error("vaadin-demo-snippet requires a <template> child")})}},{key:"_computeIsIframe",value:function _computeIsIframe(iframeSrc){return"string"===typeof iframeSrc&&""!==iframeSrc.trim()}},{key:"_showDemo",value:function _showDemo(template){var snippet=this.$.marked.unindent(template.innerHTML).replace(/window\.addDemoReadyListener\('[^{]+/g,"window.addEventListener('WebComponentsReady', function() ");snippet=snippet.replace(/`(\${Vaadin\.Demo\.componentsRoot})(.+)`/gi,"'$2'");snippet=snippet.replace(/(Vaadin\.Demo\.import\(')/gi,"import('.");Array.from(this.classList).forEach(function(e){return snippet=snippet.replace(new RegExp("\\s*"+e,"g"),"")});snippet=snippet.replace(/ class=""/g,"");snippet=snippet.replace(/=""/g,"");this._markdown="```html\n"+snippet.trim()+"```"}},{key:"_copyToClipboard",value:function _copyToClipboard(){var snipRange=document.createRange(),selectedSource=this.shadowRoot.querySelector("marked-element > .code");snipRange.selectNodeContents(selectedSource);var selection=window.getSelection();selection.removeAllRanges();selection.addRange(snipRange);var result=!1;try{result=document.execCommand("copy");this.$.copyButton.textContent="done"}catch(err){console.error(err);this.$.copyButton.textContent="error"}setTimeout(this._resetCopyButtonState.bind(this),1e3);selection.removeAllRanges();return result}},{key:"_resetCopyButtonState",value:function _resetCopyButtonState(){this.$.copyButton.textContent="copy"}}],[{key:"is",get:function get(){return"vaadin-demo-snippet"}},{key:"properties",get:function get(){return{id:{type:String,value:function value(){return"vaadin-demo-snippet-".concat(instanceIndex++)}},iframeSrc:String,demoComponentsRoot:String,_isIframe:{type:Boolean,value:!1,computed:"_computeIsIframe(iframeSrc)"},_markdown:String}}}]);return VaadinDemoSnippet}(Vaadin.ThemableMixin(Polymer.GestureEventListeners(Polymer.Element)));customElements.define(VaadinDemoSnippet.is,VaadinDemoSnippet)})();</script></dom-module><script>(function(){"use strict";var VaadinDemoIframeRendererOutlet=function(_HTMLElement){babelHelpers.inherits(VaadinDemoIframeRendererOutlet,_HTMLElement);function VaadinDemoIframeRendererOutlet(){var _this;babelHelpers.classCallCheck(this,VaadinDemoIframeRendererOutlet);_this=babelHelpers.possibleConstructorReturn(this,(VaadinDemoIframeRendererOutlet.__proto__||Object.getPrototypeOf(VaadinDemoIframeRendererOutlet)).call(this));_this.__windowMessageListener=_this._onWindowMessage.bind(babelHelpers.assertThisInitialized(_this));_this.__windowPopstateListener=_this._onWindowPopstate.bind(babelHelpers.assertThisInitialized(_this));_this.__webComponentsReady=new Promise(function(resolve){if(window.WebComponents.ready){resolve()}else{var onWebComponentsReady=function(){document.removeEventListener("WebComponentsReady",onWebComponentsReady);resolve()};document.addEventListener("WebComponentsReady",onWebComponentsReady)}});return _this}babelHelpers.createClass(VaadinDemoIframeRendererOutlet,[{key:"connectedCallback",value:function connectedCallback(){this.history=[window.location.pathname];this.historyIdx=0;this.historyIdxUpdated=!1;window.addEventListener("message",this.__windowMessageListener);window.addEventListener("popstate",this.__windowPopstateListener);this._postPopstateMessage()}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("message",this.__windowMessageListener);window.removeEventListener("popstate",this.__windowPopstateListener)}},{key:"_postMessage",value:function _postMessage(type,detail){window.parent.postMessage({type:type,id:window.frameElement.name,detail:detail},window.location.origin)}},{key:"_postPopstateMessage",value:function _postPopstateMessage(){this._postMessage("iframe-popstate",{pathname:window.location.pathname,hasBack:0<this.historyIdx,hasForward:this.historyIdx<this.history.length-1})}},{key:"_onWindowMessage",value:function _onWindowMessage(event){var _this2=this;if(event.origin===window.location.origin){switch(event.data.type){case"set-template":this.__webComponentsReady.then(function(){_this2._setDemoComponentsRoot();_this2.setInnerHtmlWithScripts(event.data.html);_this2.history=["/"];_this2._activateHistoryEntry(0)});break;case"set-url":this.history[this.historyIdx+1]=event.data.url;this.history.length=this.historyIdx+2;this._activateHistoryEntry(this.historyIdx+1);break;case"go-back":if(0<this.historyIdx){this._activateHistoryEntry(this.historyIdx-1)}break;case"go-forward":if(this.historyIdx<this.history.length-1){this._activateHistoryEntry(this.historyIdx+1)}break;default:}}}},{key:"_activateHistoryEntry",value:function _activateHistoryEntry(historyIdx){this.historyIdx=historyIdx;this.historyIdxUpdated=!0;window.history.pushState(null,document.title,this.history[historyIdx]);window.dispatchEvent(new PopStateEvent("popstate"))}},{key:"_onWindowPopstate",value:function _onWindowPopstate(){if(this.historyIdxUpdated){this.historyIdxUpdated=!1}else{this.historyIdx+=1;this.history[this.historyIdx]=window.location.pathname;this.history.length=this.historyIdx+1}this._postPopstateMessage()}},{key:"_setDemoComponentsRoot",value:function _setDemoComponentsRoot(){window.Vaadin=window.Vaadin||{};Vaadin.Demo=Vaadin.Demo||{};Vaadin.Demo.componentsRoot=window.frameElement.dataset.demoComponentsRoot}},{key:"setInnerHtmlWithScripts",value:function setInnerHtmlWithScripts(html){this.innerHTML=html;for(var scripts=this.querySelectorAll("script"),_loop=function(i){var script=document.createElement("script");["type","async","defer","noModule","text"].forEach(function(prop){return script[prop]=scripts[i][prop]});if(scripts[i].src){script.src=scripts[i].src}scripts[i].parentNode.insertBefore(script,scripts[i]);scripts[i].parentNode.removeChild(scripts[i])},i=0;i<scripts.length;i+=1){_loop(i)}}}]);return VaadinDemoIframeRendererOutlet}(HTMLElement);window.customElements.define("vaadin-demo-iframe-renderer-outlet",VaadinDemoIframeRendererOutlet)})();</script><script>(function(){window.Vaadin=window.Vaadin||{};Vaadin.Demo=Vaadin.Demo||{};Vaadin.Demo.moduleStorage=Vaadin.Demo.moduleStorage||[];Vaadin.Demo.import=function(url){return new Promise(function(resolve,reject){var script=document.createElement("script");script.src=url;script.onload=function(){document.body.removeChild(script);resolve(Vaadin.Demo.moduleStorage.pop())};script.onerror=function(){document.body.removeChild(script);reject(new Error("Failed to load module script with URL "+url))};document.body.appendChild(script)})}})();</script><script>ElementDemo=function ElementDemo(superClass){return function(_superClass){babelHelpers.inherits(_class,_superClass);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,(_class.__proto__||Object.getPrototypeOf(_class)).apply(this,arguments))}babelHelpers.createClass(_class,null,[{key:"properties",get:function get(){return{}}}]);return _class}(superClass)};</script><script>window.addEventListener("WebComponentsReady",function(){document.body.removeAttribute("unresolved")});</script><script>(function(){window.Vaadin=window.Vaadin||{};var Lumo=function(_HTMLElement){babelHelpers.inherits(Lumo,_HTMLElement);function Lumo(){babelHelpers.classCallCheck(this,Lumo);return babelHelpers.possibleConstructorReturn(this,(Lumo.__proto__||Object.getPrototypeOf(Lumo)).apply(this,arguments))}babelHelpers.createClass(Lumo,null,[{key:"version",get:function get(){return"1.3.2"}}]);return Lumo}(HTMLElement);customElements.define("vaadin-lumo-styles",Lumo);window.Vaadin.Lumo=Lumo})();</script><custom-style><style>html{--lumo-font-family:-apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--lumo-font-size-xxs:.75rem;--lumo-font-size-xs:.8125rem;--lumo-font-size-s:.875rem;--lumo-font-size-m:1rem;--lumo-font-size-l:1.125rem;--lumo-font-size-xl:1.375rem;--lumo-font-size-xxl:1.75rem;--lumo-font-size-xxxl:2.5rem;--lumo-line-height-xs:1.25;--lumo-line-height-s:1.375;--lumo-line-height-m:1.625;}</style></custom-style><dom-module id="lumo-typography" assetpath="../../vaadin-lumo-styles/"><template><style>html{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size, var(--lumo-font-size-m));line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size, var(--lumo-font-size-m));line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}small,
       [theme~="font-size-s"]{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);}[theme~="font-size-xs"]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs);}h1,
       h2,
       h3,
       h4,
       h5,
-      h6{font-weight:600;line-height:var(--lumo-line-height-xs);margin-top:1.25em;}h1{font-size:var(--lumo-font-size-xxxl);margin-bottom:0.75em;}h2{font-size:var(--lumo-font-size-xxl);margin-bottom:0.5em;}h3{font-size:var(--lumo-font-size-xl);margin-bottom:0.5em;}h4{font-size:var(--lumo-font-size-l);margin-bottom:0.5em;}h5{font-size:var(--lumo-font-size-m);margin-bottom:0.25em;}h6{font-size:var(--lumo-font-size-xs);margin-bottom:0;text-transform:uppercase;letter-spacing:0.03em;}p{margin-top:0.5em;margin-bottom:0.75em;}a{text-decoration:none;}a:hover{text-decoration:underline;}hr{display:block;align-self:stretch;height:1px;border:0;padding:0;margin:var(--lumo-space-s) calc(var(--lumo-border-radius) / 2);background-color:var(--lumo-contrast-10pct);}</style></template></dom-module><custom-style><style>html{--lumo-base-color:#FFF;--lumo-tint-5pct:hsla(0, 0%, 100%, 0.3);--lumo-tint-10pct:hsla(0, 0%, 100%, 0.37);--lumo-tint-20pct:hsla(0, 0%, 100%, 0.44);--lumo-tint-30pct:hsla(0, 0%, 100%, 0.5);--lumo-tint-40pct:hsla(0, 0%, 100%, 0.57);--lumo-tint-50pct:hsla(0, 0%, 100%, 0.64);--lumo-tint-60pct:hsla(0, 0%, 100%, 0.7);--lumo-tint-70pct:hsla(0, 0%, 100%, 0.77);--lumo-tint-80pct:hsla(0, 0%, 100%, 0.84);--lumo-tint-90pct:hsla(0, 0%, 100%, 0.9);--lumo-tint:#FFF;--lumo-shade-5pct:hsla(214, 61%, 25%, 0.05);--lumo-shade-10pct:hsla(214, 57%, 24%, 0.1);--lumo-shade-20pct:hsla(214, 53%, 23%, 0.16);--lumo-shade-30pct:hsla(214, 50%, 22%, 0.26);--lumo-shade-40pct:hsla(214, 47%, 21%, 0.38);--lumo-shade-50pct:hsla(214, 45%, 20%, 0.5);--lumo-shade-60pct:hsla(214, 43%, 19%, 0.61);--lumo-shade-70pct:hsla(214, 42%, 18%, 0.72);--lumo-shade-80pct:hsla(214, 41%, 17%, 0.83);--lumo-shade-90pct:hsla(214, 40%, 16%, 0.94);--lumo-shade:hsl(214, 35%, 15%);--lumo-contrast-5pct:var(--lumo-shade-5pct);--lumo-contrast-10pct:var(--lumo-shade-10pct);--lumo-contrast-20pct:var(--lumo-shade-20pct);--lumo-contrast-30pct:var(--lumo-shade-30pct);--lumo-contrast-40pct:var(--lumo-shade-40pct);--lumo-contrast-50pct:var(--lumo-shade-50pct);--lumo-contrast-60pct:var(--lumo-shade-60pct);--lumo-contrast-70pct:var(--lumo-shade-70pct);--lumo-contrast-80pct:var(--lumo-shade-80pct);--lumo-contrast-90pct:var(--lumo-shade-90pct);--lumo-contrast:var(--lumo-shade);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:hsl(214, 90%, 52%);--lumo-primary-color-50pct:hsla(214, 90%, 52%, 0.5);--lumo-primary-color-10pct:hsla(214, 90%, 52%, 0.1);--lumo-primary-text-color:var(--lumo-primary-color);--lumo-primary-contrast-color:#FFF;--lumo-error-color:hsl(3, 100%, 61%);--lumo-error-color-50pct:hsla(3, 100%, 60%, 0.5);--lumo-error-color-10pct:hsla(3, 100%, 60%, 0.1);--lumo-error-text-color:hsl(3, 92%, 53%);--lumo-error-contrast-color:#FFF;--lumo-success-color:hsl(145, 80%, 42%);--lumo-success-color-50pct:hsla(145, 76%, 44%, 0.55);--lumo-success-color-10pct:hsla(145, 76%, 44%, 0.12);--lumo-success-text-color:hsl(145, 100%, 32%);--lumo-success-contrast-color:#FFF;}</style></custom-style><dom-module id="lumo-color" assetpath="../../vaadin-lumo-styles/"><template><style>[theme~="dark"]{--lumo-base-color:hsl(214, 35%, 21%);--lumo-tint-5pct:hsla(214, 65%, 85%, 0.06);--lumo-tint-10pct:hsla(214, 60%, 80%, 0.14);--lumo-tint-20pct:hsla(214, 64%, 82%, 0.23);--lumo-tint-30pct:hsla(214, 69%, 84%, 0.32);--lumo-tint-40pct:hsla(214, 73%, 86%, 0.41);--lumo-tint-50pct:hsla(214, 78%, 88%, 0.5);--lumo-tint-60pct:hsla(214, 82%, 90%, 0.6);--lumo-tint-70pct:hsla(214, 87%, 92%, 0.7);--lumo-tint-80pct:hsla(214, 91%, 94%, 0.8);--lumo-tint-90pct:hsla(214, 96%, 96%, 0.9);--lumo-tint:hsl(214, 100%, 98%);--lumo-shade-5pct:hsla(214, 0%, 0%, 0.07);--lumo-shade-10pct:hsla(214, 4%, 2%, 0.15);--lumo-shade-20pct:hsla(214, 8%, 4%, 0.23);--lumo-shade-30pct:hsla(214, 12%, 6%, 0.32);--lumo-shade-40pct:hsla(214, 16%, 8%, 0.41);--lumo-shade-50pct:hsla(214, 20%, 10%, 0.5);--lumo-shade-60pct:hsla(214, 24%, 12%, 0.6);--lumo-shade-70pct:hsla(214, 28%, 13%, 0.7);--lumo-shade-80pct:hsla(214, 32%, 13%, 0.8);--lumo-shade-90pct:hsla(214, 33%, 13%, 0.9);--lumo-shade:hsl(214, 33%, 13%);--lumo-contrast-5pct:var(--lumo-tint-5pct);--lumo-contrast-10pct:var(--lumo-tint-10pct);--lumo-contrast-20pct:var(--lumo-tint-20pct);--lumo-contrast-30pct:var(--lumo-tint-30pct);--lumo-contrast-40pct:var(--lumo-tint-40pct);--lumo-contrast-50pct:var(--lumo-tint-50pct);--lumo-contrast-60pct:var(--lumo-tint-60pct);--lumo-contrast-70pct:var(--lumo-tint-70pct);--lumo-contrast-80pct:var(--lumo-tint-80pct);--lumo-contrast-90pct:var(--lumo-tint-90pct);--lumo-contrast:var(--lumo-tint);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:hsl(214, 86%, 55%);--lumo-primary-color-50pct:hsla(214, 86%, 55%, 0.5);--lumo-primary-color-10pct:hsla(214, 90%, 63%, 0.1);--lumo-primary-text-color:hsl(214, 100%, 70%);--lumo-primary-contrast-color:#FFF;--lumo-error-color:hsl(3, 90%, 63%);--lumo-error-color-50pct:hsla(3, 90%, 63%, 0.5);--lumo-error-color-10pct:hsla(3, 90%, 63%, 0.1);--lumo-error-text-color:hsl(3, 100%, 67%);--lumo-success-color:hsl(145, 65%, 42%);--lumo-success-color-50pct:hsla(145, 65%, 42%, 0.5);--lumo-success-color-10pct:hsla(145, 65%, 42%, 0.1);--lumo-success-text-color:hsl(145, 85%, 47%);}html{color:var(--lumo-body-text-color);background-color:var(--lumo-base-color);}[theme~="dark"]{color:var(--lumo-body-text-color);background-color:var(--lumo-base-color);}h1,
+      h6{font-weight:600;line-height:var(--lumo-line-height-xs);margin-top:1.25em;}h1{font-size:var(--lumo-font-size-xxxl);margin-bottom:0.75em;}h2{font-size:var(--lumo-font-size-xxl);margin-bottom:0.5em;}h3{font-size:var(--lumo-font-size-xl);margin-bottom:0.5em;}h4{font-size:var(--lumo-font-size-l);margin-bottom:0.5em;}h5{font-size:var(--lumo-font-size-m);margin-bottom:0.25em;}h6{font-size:var(--lumo-font-size-xs);margin-bottom:0;text-transform:uppercase;letter-spacing:0.03em;}p,
+      blockquote{margin-top:0.5em;margin-bottom:0.75em;}a{text-decoration:none;}a:hover{text-decoration:underline;}hr{display:block;align-self:stretch;height:1px;border:0;padding:0;margin:var(--lumo-space-s) calc(var(--lumo-border-radius) / 2);background-color:var(--lumo-contrast-10pct);}blockquote{border-left:2px solid var(--lumo-contrast-30pct);}b,
+      strong{font-weight:600;}</style></template></dom-module><custom-style><style>html{--lumo-base-color:#FFF;--lumo-tint-5pct:hsla(0, 0%, 100%, 0.3);--lumo-tint-10pct:hsla(0, 0%, 100%, 0.37);--lumo-tint-20pct:hsla(0, 0%, 100%, 0.44);--lumo-tint-30pct:hsla(0, 0%, 100%, 0.5);--lumo-tint-40pct:hsla(0, 0%, 100%, 0.57);--lumo-tint-50pct:hsla(0, 0%, 100%, 0.64);--lumo-tint-60pct:hsla(0, 0%, 100%, 0.7);--lumo-tint-70pct:hsla(0, 0%, 100%, 0.77);--lumo-tint-80pct:hsla(0, 0%, 100%, 0.84);--lumo-tint-90pct:hsla(0, 0%, 100%, 0.9);--lumo-tint:#FFF;--lumo-shade-5pct:hsla(214, 61%, 25%, 0.05);--lumo-shade-10pct:hsla(214, 57%, 24%, 0.1);--lumo-shade-20pct:hsla(214, 53%, 23%, 0.16);--lumo-shade-30pct:hsla(214, 50%, 22%, 0.26);--lumo-shade-40pct:hsla(214, 47%, 21%, 0.38);--lumo-shade-50pct:hsla(214, 45%, 20%, 0.5);--lumo-shade-60pct:hsla(214, 43%, 19%, 0.61);--lumo-shade-70pct:hsla(214, 42%, 18%, 0.72);--lumo-shade-80pct:hsla(214, 41%, 17%, 0.83);--lumo-shade-90pct:hsla(214, 40%, 16%, 0.94);--lumo-shade:hsl(214, 35%, 15%);--lumo-contrast-5pct:var(--lumo-shade-5pct);--lumo-contrast-10pct:var(--lumo-shade-10pct);--lumo-contrast-20pct:var(--lumo-shade-20pct);--lumo-contrast-30pct:var(--lumo-shade-30pct);--lumo-contrast-40pct:var(--lumo-shade-40pct);--lumo-contrast-50pct:var(--lumo-shade-50pct);--lumo-contrast-60pct:var(--lumo-shade-60pct);--lumo-contrast-70pct:var(--lumo-shade-70pct);--lumo-contrast-80pct:var(--lumo-shade-80pct);--lumo-contrast-90pct:var(--lumo-shade-90pct);--lumo-contrast:var(--lumo-shade);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:hsl(214, 90%, 52%);--lumo-primary-color-50pct:hsla(214, 90%, 52%, 0.5);--lumo-primary-color-10pct:hsla(214, 90%, 52%, 0.1);--lumo-primary-text-color:var(--lumo-primary-color);--lumo-primary-contrast-color:#FFF;--lumo-error-color:hsl(3, 100%, 61%);--lumo-error-color-50pct:hsla(3, 100%, 60%, 0.5);--lumo-error-color-10pct:hsla(3, 100%, 60%, 0.1);--lumo-error-text-color:hsl(3, 92%, 53%);--lumo-error-contrast-color:#FFF;--lumo-success-color:hsl(145, 80%, 42%);--lumo-success-color-50pct:hsla(145, 76%, 44%, 0.55);--lumo-success-color-10pct:hsla(145, 76%, 44%, 0.12);--lumo-success-text-color:hsl(145, 100%, 32%);--lumo-success-contrast-color:#FFF;}</style></custom-style><dom-module id="lumo-color" assetpath="../../vaadin-lumo-styles/"><template><style>[theme~="dark"]{--lumo-base-color:hsl(214, 35%, 21%);--lumo-tint-5pct:hsla(214, 65%, 85%, 0.06);--lumo-tint-10pct:hsla(214, 60%, 80%, 0.14);--lumo-tint-20pct:hsla(214, 64%, 82%, 0.23);--lumo-tint-30pct:hsla(214, 69%, 84%, 0.32);--lumo-tint-40pct:hsla(214, 73%, 86%, 0.41);--lumo-tint-50pct:hsla(214, 78%, 88%, 0.5);--lumo-tint-60pct:hsla(214, 82%, 90%, 0.6);--lumo-tint-70pct:hsla(214, 87%, 92%, 0.7);--lumo-tint-80pct:hsla(214, 91%, 94%, 0.8);--lumo-tint-90pct:hsla(214, 96%, 96%, 0.9);--lumo-tint:hsl(214, 100%, 98%);--lumo-shade-5pct:hsla(214, 0%, 0%, 0.07);--lumo-shade-10pct:hsla(214, 4%, 2%, 0.15);--lumo-shade-20pct:hsla(214, 8%, 4%, 0.23);--lumo-shade-30pct:hsla(214, 12%, 6%, 0.32);--lumo-shade-40pct:hsla(214, 16%, 8%, 0.41);--lumo-shade-50pct:hsla(214, 20%, 10%, 0.5);--lumo-shade-60pct:hsla(214, 24%, 12%, 0.6);--lumo-shade-70pct:hsla(214, 28%, 13%, 0.7);--lumo-shade-80pct:hsla(214, 32%, 13%, 0.8);--lumo-shade-90pct:hsla(214, 33%, 13%, 0.9);--lumo-shade:hsl(214, 33%, 13%);--lumo-contrast-5pct:var(--lumo-tint-5pct);--lumo-contrast-10pct:var(--lumo-tint-10pct);--lumo-contrast-20pct:var(--lumo-tint-20pct);--lumo-contrast-30pct:var(--lumo-tint-30pct);--lumo-contrast-40pct:var(--lumo-tint-40pct);--lumo-contrast-50pct:var(--lumo-tint-50pct);--lumo-contrast-60pct:var(--lumo-tint-60pct);--lumo-contrast-70pct:var(--lumo-tint-70pct);--lumo-contrast-80pct:var(--lumo-tint-80pct);--lumo-contrast-90pct:var(--lumo-tint-90pct);--lumo-contrast:var(--lumo-tint);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:hsl(214, 86%, 55%);--lumo-primary-color-50pct:hsla(214, 86%, 55%, 0.5);--lumo-primary-color-10pct:hsla(214, 90%, 63%, 0.1);--lumo-primary-text-color:hsl(214, 100%, 70%);--lumo-primary-contrast-color:#FFF;--lumo-error-color:hsl(3, 90%, 63%);--lumo-error-color-50pct:hsla(3, 90%, 63%, 0.5);--lumo-error-color-10pct:hsla(3, 90%, 63%, 0.1);--lumo-error-text-color:hsl(3, 100%, 67%);--lumo-success-color:hsl(145, 65%, 42%);--lumo-success-color-50pct:hsla(145, 65%, 42%, 0.5);--lumo-success-color-10pct:hsla(145, 65%, 42%, 0.1);--lumo-success-text-color:hsl(145, 85%, 47%);}html{color:var(--lumo-body-text-color);background-color:var(--lumo-base-color);}[theme~="dark"]{color:var(--lumo-body-text-color);background-color:var(--lumo-base-color);}h1,
       h2,
       h3,
       h4,
       h5,
-      h6{color:var(--lumo-header-text-color);}a{color:var(--lumo-primary-text-color);}</style></template></dom-module><dom-module id="lumo-color-legacy" assetpath="../../vaadin-lumo-styles/"><template><style include="lumo-color">:host{color:var(--lumo-body-text-color) !important;background-color:var(--lumo-base-color) !important;}</style></template></dom-module><dom-module id="vaadin-router-demo-shared-styles"><template><style>.note{background-color:#24c0ea;padding:1em;color:white;border-radius:4px;}</style></template></dom-module><dom-module id="vaadin-router-demo-nested-styles"><template><style>:host{display:flex;flex-direction:column;background:#ddd;padding:5px;min-height:100vh;}main{margin-top:10px;padding:5px;background:#fff;flex:1 0 auto;min-height:80px;}</style></template></dom-module><script>(function(global,factory){"object"===("undefined"===typeof exports?"undefined":babelHelpers.typeof(exports))&&"undefined"!==typeof module?factory(exports):"function"===typeof define&&define.amd?define(["exports"],factory):factory(global.Vaadin=global.Vaadin||{})})(this,function(exports){"use strict";var _typeof="function"===typeof Symbol&&"symbol"===babelHelpers.typeof(Symbol.iterator)?function(obj){return babelHelpers.typeof(obj)}:function(obj){return obj&&"function"===typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":babelHelpers.typeof(obj)},classCallCheck=function(instance,Constructor){if(!babelHelpers.instanceof(instance,Constructor)){throw new TypeError("Cannot call a class as a function")}},createClass=function(){function defineProperties(target,props){for(var i=0,descriptor;i<props.length;i++){descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1;descriptor.configurable=!0;if("value"in descriptor)descriptor.writable=!0;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}(),get=function get(object,property,receiver){if(null===object)object=Function.prototype;var desc=Object.getOwnPropertyDescriptor(object,property);if(desc===void 0){var parent=Object.getPrototypeOf(object);if(null===parent){}else{return get(parent,property,receiver)}}else if("value"in desc){return desc.value}else{var getter=desc.get;if(getter===void 0){return}return getter.call(receiver)}},inherits=function(subClass,superClass){if("function"!==typeof superClass&&null!==superClass){throw new TypeError("Super expression must either be null or a function, not "+babelHelpers.typeof(superClass))}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass},possibleConstructorReturn=function(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&("object"===babelHelpers.typeof(call)||"function"===typeof call)?call:self},toConsumableArray=function(arr){if(Array.isArray(arr)){for(var i=0,arr2=Array(arr.length);i<arr.length;i++){arr2[i]=arr[i]}return arr2}else{return Array.from(arr)}};function toArray$1(objectOrArray){objectOrArray=objectOrArray||[];return Array.isArray(objectOrArray)?objectOrArray:[objectOrArray]}function log(msg){return"[Vaadin.Router] "+msg}function logValue(value){if("object"!==("undefined"===typeof value?"undefined":_typeof(value))){return value+""}var stringType=Object.prototype.toString.call(value).match(/ (.*)\]$/)[1];if("Object"===stringType||"Array"===stringType){return stringType+" "+JSON.stringify(value)}else{return stringType}}var MODULE="module",NOMODULE="nomodule",bundleKeys=[MODULE,NOMODULE];function ensureBundle(src){if(!src.match(/.+\.[m]?js$/)){throw new Error(log("Unsupported type for bundle \""+src+"\": .js or .mjs expected."))}}function ensureRoute(route){if(!route||!isString(route.path)){throw new Error(log("Expected route config to be an object with a \"path\" string property, or an array of such objects"))}var bundle=route.bundle,stringKeys=["component","redirect","bundle"];if(!isFunction(route.action)&&!Array.isArray(route.children)&&!isFunction(route.children)&&!isObject(bundle)&&!stringKeys.some(function(key){return isString(route[key])})){throw new Error(log("Expected route config \""+route.path+"\" to include either \""+stringKeys.join("\", \"")+"\" "+"or \"action\" function but none found."))}if(bundle){if(isString(bundle)){ensureBundle(bundle)}else if(!bundleKeys.some(function(key){return key in bundle})){throw new Error(log("Expected route bundle to include either \""+NOMODULE+"\" or \""+MODULE+"\" keys, or both"))}else{bundleKeys.forEach(function(key){return key in bundle&&ensureBundle(bundle[key])})}}if(route.redirect){["bundle","component"].forEach(function(overriddenProp){if(overriddenProp in route){console.warn(log("Route config \""+route.path+"\" has both \"redirect\" and \""+overriddenProp+"\" properties, "+("and \"redirect\" will always override the latter. Did you mean to only use \""+overriddenProp+"\"?")))}})}}function ensureRoutes(routes){toArray$1(routes).forEach(function(route){return ensureRoute(route)})}function loadScript(src,key){var script=document.head.querySelector("script[src=\""+src+"\"][async]");if(!script){script=document.createElement("script");script.setAttribute("src",src);if(key===MODULE){script.setAttribute("type",MODULE)}else if(key===NOMODULE){script.setAttribute(NOMODULE,"")}script.async=!0}return new Promise(function(resolve,reject){script.onreadystatechange=script.onload=function(e){script.__dynamicImportLoaded=!0;resolve(e)};script.onerror=function(e){if(script.parentNode){script.parentNode.removeChild(script)}reject(e)};if(null===script.parentNode){document.head.appendChild(script)}else if(script.__dynamicImportLoaded){resolve()}})}function loadBundle(bundle){if(isString(bundle)){return loadScript(bundle)}else{return Promise.race(bundleKeys.filter(function(key){return key in bundle}).map(function(key){return loadScript(bundle[key],key)}))}}function fireRouterEvent(type,detail){return!window.dispatchEvent(new CustomEvent("vaadin-router-"+type,{cancelable:"go"===type,detail:detail}))}function isObject(o){return"object"===("undefined"===typeof o?"undefined":_typeof(o))&&!!o}function isFunction(f){return"function"===typeof f}function isString(s){return"string"===typeof s}function getNotFoundError(context){var error=new Error(log("Page not found ("+context.pathname+")"));error.context=context;error.code=404;return error}var notFoundResult=new function NotFoundResult(){classCallCheck(this,NotFoundResult)};function getAnchorOrigin(anchor){var port=anchor.port,protocol=anchor.protocol,host="http:"===protocol&&"80"===port||"https:"===protocol&&"443"===port?anchor.hostname:anchor.host;return protocol+"//"+host}function vaadinRouterGlobalClickHandler(event){if(event.defaultPrevented){return}if(0!==event.button){return}if(event.shiftKey||event.ctrlKey||event.altKey||event.metaKey){return}for(var anchor=event.target,path=event.composedPath?event.composedPath():event.path||[],i=0,target;i<path.length;i++){target=path[i];if(target.nodeName&&"a"===target.nodeName.toLowerCase()){anchor=target;break}}while(anchor&&"a"!==anchor.nodeName.toLowerCase()){anchor=anchor.parentNode}if(!anchor||"a"!==anchor.nodeName.toLowerCase()){return}if(anchor.target&&"_self"!==anchor.target.toLowerCase()){return}if(anchor.hasAttribute("download")){return}if(anchor.pathname===window.location.pathname&&""!==anchor.hash){return}var origin=anchor.origin||getAnchorOrigin(anchor);if(origin!==window.location.origin){return}if(fireRouterEvent("go",{pathname:anchor.pathname})){event.preventDefault()}}var isIE=/Trident/.test(navigator.userAgent);if(isIE&&!isFunction(window.PopStateEvent)){window.PopStateEvent=function(inType,params){params=params||{};var e=document.createEvent("Event");e.initEvent(inType,!!params.bubbles,!!params.cancelable);e.state=params.state||null;return e};window.PopStateEvent.prototype=window.Event.prototype}function vaadinRouterGlobalPopstateHandler(event){if("vaadin-router-ignore"===event.state){return}fireRouterEvent("go",{pathname:window.location.pathname})}var pathToRegexp_1=pathToRegexp,DEFAULT_DELIMITER="/",DEFAULT_DELIMITERS="./",PATH_REGEXP=new RegExp(["(\\\\.)","(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?"].join("|"),"g");function parse(str,options){var tokens=[],key=0,index=0,path="",defaultDelimiter=options&&options.delimiter||DEFAULT_DELIMITER,delimiters=options&&options.delimiters||DEFAULT_DELIMITERS,pathEscaped=!1,res;while(null!==(res=PATH_REGEXP.exec(str))){var m=res[0],escaped=res[1],offset=res.index;path+=str.slice(index,offset);index=offset+m.length;if(escaped){path+=escaped[1];pathEscaped=!0;continue}var prev="",next=str[index],name=res[2],capture=res[3],group=res[4],modifier=res[5];if(!pathEscaped&&path.length){var k=path.length-1;if(-1<delimiters.indexOf(path[k])){prev=path[k];path=path.slice(0,k)}}if(path){tokens.push(path);path="";pathEscaped=!1}var partial=""!==prev&&next!==void 0&&next!==prev,delimiter=prev||defaultDelimiter,pattern=capture||group;tokens.push({name:name||key++,prefix:prev,delimiter:delimiter,optional:"?"===modifier||"*"===modifier,repeat:"+"===modifier||"*"===modifier,partial:partial,pattern:pattern?escapeGroup(pattern):"[^"+escapeString(delimiter)+"]+?"})}if(path||index<str.length){tokens.push(path+str.substr(index))}return tokens}function tokensToFunction(tokens){for(var matches=Array(tokens.length),i=0;i<tokens.length;i++){if("object"===_typeof(tokens[i])){matches[i]=new RegExp("^(?:"+tokens[i].pattern+")$")}}return function(data,options){for(var path="",encode=options&&options.encode||encodeURIComponent,i=0,token;i<tokens.length;i++){token=tokens[i];if("string"===typeof token){path+=token;continue}var value=data?data[token.name]:void 0,segment;if(Array.isArray(value)){if(!token.repeat){throw new TypeError("Expected \""+token.name+"\" to not repeat, but got array")}if(0===value.length){if(token.optional)continue;throw new TypeError("Expected \""+token.name+"\" to not be empty")}for(var j=0;j<value.length;j++){segment=encode(value[j],token);if(!matches[i].test(segment)){throw new TypeError("Expected all \""+token.name+"\" to match \""+token.pattern+"\"")}path+=(0===j?token.prefix:token.delimiter)+segment}continue}if("string"===typeof value||"number"===typeof value||"boolean"===typeof value){segment=encode(value+"",token);if(!matches[i].test(segment)){throw new TypeError("Expected \""+token.name+"\" to match \""+token.pattern+"\", but got \""+segment+"\"")}path+=token.prefix+segment;continue}if(token.optional){if(token.partial)path+=token.prefix;continue}throw new TypeError("Expected \""+token.name+"\" to be "+(token.repeat?"an array":"a string"))}return path}}function escapeString(str){return str.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1")}function escapeGroup(group){return group.replace(/([=!:$/()])/g,"\\$1")}function flags(options){return options&&options.sensitive?"":"i"}function regexpToRegexp(path,keys){if(!keys)return path;var groups=path.source.match(/\((?!\?)/g);if(groups){for(var i=0;i<groups.length;i++){keys.push({name:i,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,pattern:null})}}return path}function arrayToRegexp(path,keys,options){for(var parts=[],i=0;i<path.length;i++){parts.push(pathToRegexp(path[i],keys,options).source)}return new RegExp("(?:"+parts.join("|")+")",flags(options))}function stringToRegexp(path,keys,options){return tokensToRegExp(parse(path,options),keys,options)}function tokensToRegExp(tokens,keys,options){options=options||{};for(var strict=options.strict,end=!1!==options.end,delimiter=escapeString(options.delimiter||DEFAULT_DELIMITER),delimiters=options.delimiters||DEFAULT_DELIMITERS,endsWith=[].concat(options.endsWith||[]).map(escapeString).concat("$").join("|"),route="",isEndDelimited=0===tokens.length,i=0,token;i<tokens.length;i++){token=tokens[i];if("string"===typeof token){route+=escapeString(token);isEndDelimited=i===tokens.length-1&&-1<delimiters.indexOf(token[token.length-1])}else{var prefix=escapeString(token.prefix),capture=token.repeat?"(?:"+token.pattern+")(?:"+prefix+"(?:"+token.pattern+"))*":token.pattern;if(keys)keys.push(token);if(token.optional){if(token.partial){route+=prefix+"("+capture+")?"}else{route+="(?:"+prefix+"("+capture+"))?"}}else{route+=prefix+"("+capture+")"}}}if(end){if(!strict)route+="(?:"+delimiter+")?";route+="$"===endsWith?"$":"(?="+endsWith+")"}else{if(!strict)route+="(?:"+delimiter+"(?="+endsWith+"))?";if(!isEndDelimited)route+="(?="+delimiter+"|"+endsWith+")"}return new RegExp("^"+route,flags(options))}function pathToRegexp(path,keys,options){if(babelHelpers.instanceof(path,RegExp)){return regexpToRegexp(path,keys)}if(Array.isArray(path)){return arrayToRegexp(path,keys,options)}return stringToRegexp(path,keys,options)}pathToRegexp_1.parse=parse;pathToRegexp_1.compile=function(str,options){return tokensToFunction(parse(str,options))};pathToRegexp_1.tokensToFunction=tokensToFunction;pathToRegexp_1.tokensToRegExp=tokensToRegExp;var hasOwnProperty=Object.prototype.hasOwnProperty,cache=new Map;cache.set("|false",{keys:[],pattern:/(?:)/});function decodeParam(val){try{return decodeURIComponent(val)}catch(err){return val}}function matchPath(routepath,path,exact,parentKeys,parentParams){exact=!!exact;var cacheKey=routepath+"|"+exact,regexp=cache.get(cacheKey);if(!regexp){var keys=[];regexp={keys:keys,pattern:pathToRegexp_1(routepath,keys,{end:exact,strict:""===routepath})};cache.set(cacheKey,regexp)}var m=regexp.pattern.exec(path);if(!m){return null}for(var params=Object.assign({},parentParams),i=1;i<m.length;i++){var key=regexp.keys[i-1],prop=key.name,value=m[i];if(value!==void 0||!hasOwnProperty.call(params,prop)){if(key.repeat){params[prop]=value?value.split(key.delimiter).map(decodeParam):[]}else{params[prop]=value?decodeParam(value):value}}}return{path:m[0],keys:(parentKeys||[]).concat(regexp.keys),params:params}}function matchRoute(route,pathname,ignoreLeadingSlash,parentKeys,parentParams){var match,childMatches=void 0,childIndex=0,routepath=route.path||"";if("/"===routepath.charAt(0)){if(ignoreLeadingSlash){routepath=routepath.substr(1)}ignoreLeadingSlash=!0}return{next:function(routeToSkip){if(route===routeToSkip){return{done:!0}}var children=route.__children=route.__children||route.children;if(!match){match=matchPath(routepath,pathname,!children,parentKeys,parentParams);if(match){return{done:!1,value:{route:route,keys:match.keys,params:match.params,path:match.path}}}}if(match&&children){while(childIndex<children.length){if(!childMatches){var childRoute=children[childIndex];childRoute.parent=route;var matchedLength=match.path.length;if(0<matchedLength&&"/"===pathname.charAt(matchedLength)){matchedLength+=1}childMatches=matchRoute(childRoute,pathname.substr(matchedLength),ignoreLeadingSlash,match.keys,match.params)}var childMatch=childMatches.next(routeToSkip);if(!childMatch.done){return{done:!1,value:childMatch.value}}childMatches=null;childIndex++}}return{done:!0}}}}function resolveRoute(context){if(isFunction(context.route.action)){return context.route.action(context)}}function isChildRoute(parentRoute,childRoute){var route=childRoute;while(route){route=route.parent;if(route===parentRoute){return!0}}return!1}function generateErrorMessage(currentContext){var errorMessage="Path '"+currentContext.pathname+"' is not properly resolved due to an error.",routePath=(currentContext.route||{}).path;if(routePath){errorMessage+=" Resolution had failed on route: '"+routePath+"'"}return errorMessage}function addRouteToChain(context,match){var route=match.route,path=match.path;function shouldDiscardOldChain(oldChain,route){return!route.parent||!oldChain||!oldChain.length||oldChain[oldChain.length-1].route!==route.parent}if(route&&!route.__synthetic){var item={path:path,route:route};if(shouldDiscardOldChain(context.chain,route)){context.chain=[item]}else{context.chain.push(item)}}}var Resolver=function(){function Resolver(routes){var options=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};classCallCheck(this,Resolver);if(Object(routes)!==routes){throw new TypeError("Invalid routes")}this.baseUrl=options.baseUrl||"";this.errorHandler=options.errorHandler;this.resolveRoute=options.resolveRoute||resolveRoute;this.context=Object.assign({resolver:this},options.context);this.root=Array.isArray(routes)?{path:"",__children:routes,parent:null,__synthetic:!0}:routes;this.root.parent=null}createClass(Resolver,[{key:"getRoutes",value:function(){return[].concat(toConsumableArray(this.root.__children))}},{key:"setRoutes",value:function(routes){ensureRoutes(routes);var newRoutes=[].concat(toConsumableArray(toArray$1(routes)));this.root.__children=newRoutes}},{key:"addRoutes",value:function(routes){var _root$__children;ensureRoutes(routes);(_root$__children=this.root.__children).push.apply(_root$__children,toConsumableArray(toArray$1(routes)));return this.getRoutes()}},{key:"removeRoutes",value:function(){this.setRoutes([])}},{key:"resolve",value:function resolve(pathnameOrContext){var _this=this,context=Object.assign({},this.context,isString(pathnameOrContext)?{pathname:pathnameOrContext}:pathnameOrContext),match=matchRoute(this.root,this.__normalizePathname(context.pathname),this.baseUrl),resolve=this.resolveRoute,matches=null,nextMatches=null,currentContext=context;function next(resume){var parent=1<arguments.length&&arguments[1]!==void 0?arguments[1]:matches.value.route,prevResult=arguments[2],routeToSkip=null===prevResult&&matches.value.route;matches=nextMatches||match.next(routeToSkip);nextMatches=null;if(!resume){if(matches.done||!isChildRoute(parent,matches.value.route)){nextMatches=matches;return Promise.resolve(notFoundResult)}}if(matches.done){return Promise.reject(getNotFoundError(context))}addRouteToChain(context,matches.value);currentContext=Object.assign({},context,matches.value);return Promise.resolve(resolve(currentContext)).then(function(resolution){if(null!==resolution&&resolution!==void 0&&resolution!==notFoundResult){currentContext.result=resolution.result||resolution;return currentContext}return next(resume,parent,resolution)})}context.next=next;return Promise.resolve().then(function(){return next(!0,_this.root)}).catch(function(error){var errorMessage=generateErrorMessage(currentContext);if(!error){error=new Error(errorMessage)}else{console.warn(errorMessage)}error.context=error.context||currentContext;if(!babelHelpers.instanceof(error,DOMException)){error.code=error.code||500}if(_this.errorHandler){currentContext.result=_this.errorHandler(error);return currentContext}throw error})}},{key:"__normalizePathname",value:function(pathname){if(!this.baseUrl){return pathname}var base=this.__effectiveBaseUrl,normalizedUrl=this.constructor.__createUrl(pathname,base).href;if(normalizedUrl.slice(0,base.length)===base){return normalizedUrl.slice(base.length)}}},{key:"__effectiveBaseUrl",get:function(){return this.baseUrl?this.constructor.__createUrl(this.baseUrl,document.baseURI||document.URL).href.replace(/[^\/]*$/,""):""}}],[{key:"__createUrl",value:function(url,base){return new URL(url,base)}}]);return Resolver}();Resolver.pathToRegexp=pathToRegexp_1;var pathToRegexp$1=Resolver.pathToRegexp,cache$1=new Map;function cacheRoutes(routesByName,route,routes){if(routesByName.has(route.name)){throw new Error("Duplicate route name for name \""+route.name+"\"")}else if(routesByName.has(route.component)){throw new Error("Duplicate route name for component <"+route.component+">")}var name=route.name||route.component;if(name){routesByName.set(name,route)}if(Array.isArray(routes)){for(var i=0,childRoute;i<routes.length;i++){childRoute=routes[i];childRoute.parent=route;cacheRoutes(routesByName,childRoute,childRoute.__children||childRoute.children)}}}function getRoutePath(route){var path=route.path;path=Array.isArray(path)?path[0]:path;return path!==void 0?path:""}function generateUrls(router){var options=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};if(!babelHelpers.instanceof(router,Resolver)){throw new TypeError("An instance of Resolver is expected")}var routesByName=new Map;return function(routeName,params){var route=routesByName.get(routeName);if(!route){routesByName.clear();cacheRoutes(routesByName,router.root,router.root.__children);route=routesByName.get(routeName);if(!route){throw new Error("Route \""+routeName+"\" not found")}}var regexp=cache$1.get(route.fullPath);if(!regexp){var fullPath=getRoutePath(route),rt=route.parent;while(rt){var path=getRoutePath(rt);if(path){fullPath=path.replace(/\/$/,"")+"/"+fullPath.replace(/^\//,"")}rt=rt.parent}for(var tokens=pathToRegexp$1.parse(fullPath),toPath=pathToRegexp$1.tokensToFunction(tokens),keys=Object.create(null),i=0;i<tokens.length;i++){if(!isString(tokens[i])){keys[tokens[i].name]=!0}}regexp={toPath:toPath,keys:keys};cache$1.set(fullPath,regexp);route.fullPath=fullPath}var url=regexp.toPath(params,options)||"/";if(options.stringifyQueryParams&&params){for(var queryParams={},_keys=Object.keys(params),_i=0,key;_i<_keys.length;_i++){key=_keys[_i];if(!regexp.keys[key]){queryParams[key]=params[key]}}var query=options.stringifyQueryParams(queryParams);if(query){url+="?"===query.charAt(0)?query:"?"+query}}return url}}var triggers=[];function setNavigationTriggers(newTriggers){triggers.forEach(function(trigger){return trigger.inactivate()});newTriggers.forEach(function(trigger){return trigger.activate()});triggers=newTriggers}var willAnimate=function(elem){var name=getComputedStyle(elem).getPropertyValue("animation-name");return name&&"none"!==name},waitForAnimation=function(elem,cb){elem.addEventListener("animationend",function listener(){elem.removeEventListener("animationend",listener);cb()})};function animate(elem,className){elem.classList.add(className);return new Promise(function(resolve){if(willAnimate(elem)){var rect=elem.getBoundingClientRect(),size="height: "+(rect.bottom-rect.top)+"px; width: "+(rect.right-rect.left)+"px";elem.setAttribute("style","position: absolute; "+size);waitForAnimation(elem,function(){elem.classList.remove(className);elem.removeAttribute("style");resolve()})}else{elem.classList.remove(className);resolve()}})}function isResultNotEmpty(result){return null!==result&&result!==void 0}function copyContextWithoutNext(context){var copy=Object.assign({},context);delete copy.next;return copy}function createLocation(_ref,route){var _ref$pathname=_ref.pathname,pathname=_ref$pathname===void 0?"":_ref$pathname,_ref$chain=_ref.chain,chain=_ref$chain===void 0?[]:_ref$chain,_ref$params=_ref.params,params=_ref$params===void 0?{}:_ref$params,redirectFrom=_ref.redirectFrom,resolver=_ref.resolver,routes=chain.map(function(item){return item.route});return{baseUrl:resolver&&resolver.baseUrl||"",pathname:pathname,routes:routes,route:route||routes.length&&routes[routes.length-1]||null,params:params,redirectFrom:redirectFrom,getUrl:function(){var userParams=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return getPathnameForRouter(Router.pathToRegexp.compile(getMatchedPath(routes))(Object.assign({},params,userParams)),resolver)}}}function createRedirect(context,pathname){var params=Object.assign({},context.params);return{redirect:{pathname:pathname,from:context.pathname,params:params}}}function renderComponent(context,component){var element=document.createElement(component);element.location=createLocation(context);var index=context.chain.map(function(item){return item.route}).indexOf(context.route);context.chain[index].element=element;return element}function runCallbackIfPossible(callback,args,thisArg){if(isFunction(callback)){return callback.apply(thisArg,args)}}function amend(amendmentFunction,args,element){return function(amendmentResult){if(amendmentResult&&(amendmentResult.cancel||amendmentResult.redirect)){return amendmentResult}if(element){return runCallbackIfPossible(element[amendmentFunction],args,element)}}}function processNewChildren(newChildren,route){if(!Array.isArray(newChildren)&&!isObject(newChildren)){throw new Error(log("Incorrect \"children\" value for the route "+route.path+": expected array or object, but got "+newChildren))}route.__children=[];for(var childRoutes=toArray$1(newChildren),i=0;i<childRoutes.length;i++){ensureRoute(childRoutes[i]);route.__children.push(childRoutes[i])}}function removeDomNodes(nodes){if(nodes&&nodes.length){for(var parent=nodes[0].parentNode,i=0;i<nodes.length;i++){parent.removeChild(nodes[i])}}}function getPathnameForRouter(pathname,router){var base=router.__effectiveBaseUrl;return base?router.constructor.__createUrl(pathname.replace(/^\//,""),base).pathname:pathname}function getMatchedPath(chain){return chain.map(function(item){return item.path}).reduce(function(a,b){if(b.length){return a.replace(/\/$/,"")+"/"+b.replace(/^\//,"")}return a})}var Router=function(_Resolver){inherits(Router,_Resolver);function Router(outlet,options){classCallCheck(this,Router);var baseElement=document.head.querySelector("base"),_this=possibleConstructorReturn(this,(Router.__proto__||Object.getPrototypeOf(Router)).call(this,[],Object.assign({baseUrl:baseElement&&baseElement.getAttribute("href")},options)));_this.resolveRoute=function(context){return _this.__resolveRoute(context)};var triggers=Router.NavigationTrigger;Router.setTriggers.apply(Router,Object.keys(triggers).map(function(key){return triggers[key]}));_this.baseUrl;_this.ready;_this.ready=Promise.resolve(outlet);_this.location;_this.location=createLocation({resolver:_this});_this.__lastStartedRenderId=0;_this.__navigationEventHandler=_this.__onNavigationEvent.bind(_this);_this.setOutlet(outlet);_this.subscribe();return _this}createClass(Router,[{key:"__resolveRoute",value:function(context){var route=context.route,callbacks=Promise.resolve();if(isFunction(route.children)){callbacks=callbacks.then(function(){return route.children(copyContextWithoutNext(context))}).then(function(children){if(!isResultNotEmpty(children)&&!isFunction(route.children)){children=route.children}processNewChildren(children,route)})}var commands={redirect:function(path){return createRedirect(context,path)},component:function(_component){return renderComponent(context,_component)}};return callbacks.then(function(){return runCallbackIfPossible(route.action,[context,commands],route)}).then(function(result){if(isResultNotEmpty(result)){if(babelHelpers.instanceof(result,HTMLElement)||result.redirect||result===notFoundResult){return result}}if(isString(route.redirect)){return commands.redirect(route.redirect)}if(route.bundle){return loadBundle(route.bundle).then(function(){},function(){throw new Error(log("Bundle not found: "+route.bundle+". Check if the file name is correct"))})}}).then(function(result){if(isResultNotEmpty(result)){return result}if(isString(route.component)){return commands.component(route.component)}})}},{key:"setOutlet",value:function(outlet){if(outlet){this.__ensureOutlet(outlet)}this.__outlet=outlet}},{key:"getOutlet",value:function(){return this.__outlet}},{key:"setRoutes",value:function(routes){this.__urlForName=void 0;get(Router.prototype.__proto__||Object.getPrototypeOf(Router.prototype),"setRoutes",this).call(this,routes);this.__onNavigationEvent()}},{key:"render",value:function(pathnameOrContext,shouldUpdateHistory){var _this2=this,renderId=++this.__lastStartedRenderId,pathname=pathnameOrContext.pathname||pathnameOrContext;this.ready=this.resolve(pathnameOrContext).then(function(context){return _this2.__fullyResolveChain(context)}).then(function(context){if(renderId===_this2.__lastStartedRenderId){var previousContext=_this2.__previousContext;if(context===previousContext){return _this2.location}if(shouldUpdateHistory){_this2.__updateBrowserHistory(context.pathname,context.redirectFrom)}_this2.__addAppearingContent(context,previousContext);var animationDone=_this2.__animateIfNeeded(context);_this2.__runOnAfterEnterCallbacks(context);_this2.__runOnAfterLeaveCallbacks(context,previousContext);return animationDone.then(function(){if(renderId===_this2.__lastStartedRenderId){_this2.__removeDisappearingContent();_this2.__previousContext=context;_this2.location=createLocation(context);fireRouterEvent("location-changed",{router:_this2,location:_this2.location});return _this2.location}})}}).catch(function(error){if(renderId===_this2.__lastStartedRenderId){if(shouldUpdateHistory){_this2.__updateBrowserHistory(pathname)}removeDomNodes(_this2.__outlet&&_this2.__outlet.children);_this2.location=createLocation({pathname:pathname,resolver:_this2});fireRouterEvent("error",{router:_this2,error:error,pathname:pathname});throw error}});return this.ready}},{key:"__fullyResolveChain",value:function(originalContext){var _this3=this,currentContext=1<arguments.length&&arguments[1]!==void 0?arguments[1]:originalContext;return this.__amendWithResolutionResult(currentContext).then(function(amendedContext){var initialContext=amendedContext!==currentContext?amendedContext:originalContext;return amendedContext.next().then(function(nextContext){if(null===nextContext||nextContext===notFoundResult){var matchedPath=getPathnameForRouter(getMatchedPath(amendedContext.chain),amendedContext.resolver);if(matchedPath!==amendedContext.pathname){throw getNotFoundError(initialContext)}}return nextContext&&nextContext!==notFoundResult?_this3.__fullyResolveChain(initialContext,nextContext):_this3.__amendWithOnBeforeCallbacks(initialContext)})})}},{key:"__amendWithResolutionResult",value:function(context){var _this4=this,result=context.result;if(babelHelpers.instanceof(result,HTMLElement)){return Promise.resolve(context)}else if(result.redirect){return this.__redirect(result.redirect,context.__redirectCount).then(function(context){return _this4.__amendWithResolutionResult(context)})}else if(babelHelpers.instanceof(result,Error)){return Promise.reject(result)}else{return Promise.reject(new Error(log("Invalid route resolution result for path \""+context.pathname+"\". "+("Expected redirect object or HTML element, but got: \""+logValue(result)+"\". ")+"Double check the action return value for the route.")))}}},{key:"__amendWithOnBeforeCallbacks",value:function(contextWithFullChain){var _this5=this;return this.__runOnBeforeCallbacks(contextWithFullChain).then(function(amendedContext){if(amendedContext===_this5.__previousContext||amendedContext===contextWithFullChain){return amendedContext}return _this5.__fullyResolveChain(amendedContext)})}},{key:"__runOnBeforeCallbacks",value:function(newContext){var _this6=this,previousContext=this.__previousContext||{},previousChain=previousContext.chain||[],newChain=newContext.chain,callbacks=Promise.resolve(),prevent=function(){return{cancel:!0}},redirect=function(pathname){return createRedirect(newContext,pathname)};newContext.__divergedChainIndex=0;if(previousChain.length){for(var i=0;i<Math.min(previousChain.length,newChain.length);i=++newContext.__divergedChainIndex){if(previousChain[i].route!==newChain[i].route||previousChain[i].path!==newChain[i].path||(previousChain[i].element&&previousChain[i].element.localName)!==(newChain[i].element&&newChain[i].element.localName)){break}}for(var _i=previousChain.length-1,location;_i>=newContext.__divergedChainIndex;_i--){location=createLocation(newContext);callbacks=callbacks.then(amend("onBeforeLeave",[location,{prevent:prevent},this],previousChain[_i].element)).then(function(result){if(!(result||{}).redirect){return result}})}}for(var _i2=newContext.__divergedChainIndex,_location;_i2<newChain.length;_i2++){_location=createLocation(newContext,newChain[_i2].route);callbacks=callbacks.then(amend("onBeforeEnter",[_location,{prevent:prevent,redirect:redirect},this],newChain[_i2].element))}return callbacks.then(function(amendmentResult){if(amendmentResult){if(amendmentResult.cancel){return _this6.__previousContext}if(amendmentResult.redirect){return _this6.__redirect(amendmentResult.redirect,newContext.__redirectCount)}}return newContext})}},{key:"__redirect",value:function(redirectData,counter){if(counter>256){throw new Error(log("Too many redirects when rendering "+redirectData.from))}return this.resolve({pathname:this.urlForPath(redirectData.pathname,redirectData.params),redirectFrom:redirectData.from,__redirectCount:(counter||0)+1})}},{key:"__ensureOutlet",value:function(){var outlet=0<arguments.length&&arguments[0]!==void 0?arguments[0]:this.__outlet;if(!babelHelpers.instanceof(outlet,Node)){throw new TypeError(log("Expected router outlet to be a valid DOM Node (but got "+outlet+")"))}}},{key:"__updateBrowserHistory",value:function(pathname,replace){if(window.location.pathname!==pathname){var changeState=replace?"replaceState":"pushState";window.history[changeState](null,document.title,pathname);window.dispatchEvent(new PopStateEvent("popstate",{state:"vaadin-router-ignore"}))}}},{key:"__addAppearingContent",value:function(context,previousContext){this.__ensureOutlet();this.__removeAppearingContent();for(var deepestCommonParent=this.__outlet,i=0,unchangedElement;i<context.__divergedChainIndex;i++){unchangedElement=previousContext&&previousContext.chain[i].element;if(unchangedElement){if(unchangedElement.parentNode===deepestCommonParent){context.chain[i].element=unchangedElement;deepestCommonParent=unchangedElement}else{break}}}this.__disappearingContent=Array.from(deepestCommonParent.children);this.__appearingContent=[];for(var parentElement=deepestCommonParent,_i3=context.__divergedChainIndex,elementToAdd;_i3<context.chain.length;_i3++){elementToAdd=context.chain[_i3].element;if(elementToAdd){parentElement.appendChild(elementToAdd);if(parentElement===deepestCommonParent){this.__appearingContent.push(elementToAdd)}parentElement=elementToAdd}}}},{key:"__removeDisappearingContent",value:function(){if(this.__disappearingContent){removeDomNodes(this.__disappearingContent)}this.__disappearingContent=null;this.__appearingContent=null}},{key:"__removeAppearingContent",value:function(){if(this.__disappearingContent&&this.__appearingContent){removeDomNodes(this.__appearingContent);this.__disappearingContent=null;this.__appearingContent=null}}},{key:"__runOnAfterLeaveCallbacks",value:function(currentContext,targetContext){if(!targetContext){return}for(var i=targetContext.chain.length-1,currentComponent;i>=currentContext.__divergedChainIndex;i--){currentComponent=targetContext.chain[i].element;if(!currentComponent){continue}try{var location=createLocation(currentContext);runCallbackIfPossible(currentComponent.onAfterLeave,[location,{},targetContext.resolver],currentComponent)}finally{removeDomNodes(currentComponent.children)}}}},{key:"__runOnAfterEnterCallbacks",value:function(currentContext){for(var i=currentContext.__divergedChainIndex;i<currentContext.chain.length;i++){var currentComponent=currentContext.chain[i].element||{},location=createLocation(currentContext,currentContext.chain[i].route);runCallbackIfPossible(currentComponent.onAfterEnter,[location,{},currentContext.resolver],currentComponent)}}},{key:"__animateIfNeeded",value:function(context){for(var from=(this.__disappearingContent||[])[0],to=(this.__appearingContent||[])[0],promises=[],chain=context.chain,config=void 0,i=chain.length;0<i;i--){if(chain[i-1].route.animate){config=chain[i-1].route.animate;break}}if(from&&to&&config){var leave=isObject(config)&&config.leave||"leaving",enter=isObject(config)&&config.enter||"entering";promises.push(animate(from,leave));promises.push(animate(to,enter))}return Promise.all(promises).then(function(){return context})}},{key:"subscribe",value:function(){window.addEventListener("vaadin-router-go",this.__navigationEventHandler)}},{key:"unsubscribe",value:function(){window.removeEventListener("vaadin-router-go",this.__navigationEventHandler)}},{key:"__onNavigationEvent",value:function(event){var pathname=event?event.detail.pathname:window.location.pathname;if(isString(this.__normalizePathname(pathname))){if(event&&event.preventDefault){event.preventDefault()}this.render(pathname,!0)}}},{key:"urlForName",value:function(name,parameters){if(!this.__urlForName){this.__urlForName=generateUrls(this)}return getPathnameForRouter(this.__urlForName(name,parameters),this)}},{key:"urlForPath",value:function(path,parameters){return getPathnameForRouter(Router.pathToRegexp.compile(path)(parameters),this)}}],[{key:"setTriggers",value:function(){for(var _len=arguments.length,triggers=Array(_len),_key=0;_key<_len;_key++){triggers[_key]=arguments[_key]}setNavigationTriggers(triggers)}},{key:"go",value:function(pathname){return fireRouterEvent("go",{pathname:pathname})}}]);return Router}(Resolver),DEV_MODE_CODE_REGEXP=/\/\*\*\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i;function isMinified(){return uncommentAndRun(function(){return!0})}function isDevelopmentMode(){try{return isForcedDevelopmentMode()||isLocalhost()&&!isMinified()&&!isFlowProductionMode()}catch(e){return!1}}function isForcedDevelopmentMode(){return localStorage.getItem("vaadin.developmentmode.force")}function isLocalhost(){return 0<=["localhost","127.0.0.1"].indexOf(window.location.hostname)}function isFlowProductionMode(){if(window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients){var productionModeApps=Object.keys(window.Vaadin.Flow.clients).map(function(key){return window.Vaadin.Flow.clients[key]}).filter(function(client){return client.productionMode});if(0<productionModeApps.length){return!0}}return!1}function uncommentAndRun(callback,args){if("function"!==typeof callback){return}var match=DEV_MODE_CODE_REGEXP.exec(callback.toString());if(match){try{callback=new Function(match[1])}catch(e){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",e)}}return callback(args)}window.Vaadin=window.Vaadin||{};var runIfDevelopmentMode=function(callback,args){if(window.Vaadin.developmentMode){return uncommentAndRun(callback,args)}};if(window.Vaadin.developmentMode===void 0){window.Vaadin.developmentMode=isDevelopmentMode()}function maybeGatherAndSendStats(){}window.Vaadin=window.Vaadin||{};window.Vaadin.registrations=window.Vaadin.registrations||[];window.Vaadin.registrations.push({is:"@vaadin/router",version:"1.2.0-pre.2"});(function(){if("function"===typeof runIfDevelopmentMode){return runIfDevelopmentMode(maybeGatherAndSendStats)}})();Router.NavigationTrigger={POPSTATE:{activate:function(){window.addEventListener("popstate",vaadinRouterGlobalPopstateHandler)},inactivate:function(){window.removeEventListener("popstate",vaadinRouterGlobalPopstateHandler)}},CLICK:{activate:function(){window.document.addEventListener("click",vaadinRouterGlobalClickHandler)},inactivate:function(){window.document.removeEventListener("click",vaadinRouterGlobalClickHandler)}}};var isUrlAvailable,urlDocument,urlBase,urlAnchor;Resolver.__ensureUrlAvailableOrPolyfilled=function(){if(isUrlAvailable===void 0){try{var url=new URL("b","http://a");url.pathname="c";isUrlAvailable="http://a/c"===url.href}catch(e){isUrlAvailable=!1}if(!isUrlAvailable){urlDocument=document.implementation.createHTMLDocument("url");urlBase=urlDocument.createElement("base");urlDocument.head.appendChild(urlBase);urlAnchor=urlDocument.createElement("a");if(!urlAnchor.origin){Object.defineProperty(urlAnchor,"origin",{get:function(){var port=urlAnchor.port,protocol=urlAnchor.protocol,host="http:"===protocol&&"80"===port||"https:"===protocol&&"443"===port?urlAnchor.hostname:urlAnchor.host;return protocol+"//"+host}})}}}};Resolver.__createUrl=function(path,base){Resolver.__ensureUrlAvailableOrPolyfilled();if(isUrlAvailable){return new URL(path,base)}urlBase.href=base;urlAnchor.href=path.replace(/ /g,"%20");return urlAnchor};exports.Router=Router;exports.Resolver=Resolver;Object.defineProperty(exports,"__esModule",{value:!0})});</script><script>window.Router=window.Vaadin.Router;</script><dom-module id="x-home-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>Home</h1></template><script>(function(){var XHomeView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XHomeView,_Vaadin$ThemableMixin);function XHomeView(){babelHelpers.classCallCheck(this,XHomeView);return babelHelpers.possibleConstructorReturn(this,(XHomeView.__proto__||Object.getPrototypeOf(XHomeView)).apply(this,arguments))}babelHelpers.createClass(XHomeView,null,[{key:"is",get:function get(){return"x-home-view"}},{key:"properties",get:function get(){return{}}}]);return XHomeView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XHomeView.is,XHomeView)})();</script></dom-module><dom-module id="x-image-view" assetpath="demo-elements/"><template preserve-content=""><style>div{background:hotpink;}</style><div style$="height: [[location.params.size]]px; width: [[location.params.size]]px; background: [[location.params.color]];"></div></template><script>var XImageView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XImageView,_Vaadin$ThemableMixin);function XImageView(){babelHelpers.classCallCheck(this,XImageView);return babelHelpers.possibleConstructorReturn(this,(XImageView.__proto__||Object.getPrototypeOf(XImageView)).apply(this,arguments))}babelHelpers.createClass(XImageView,null,[{key:"is",get:function get(){return"x-image-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XImageView}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XImageView.is,XImageView);</script></dom-module><dom-module id="x-knowledge-base" assetpath="demo-elements/"><template preserve-content="">Knowledge base path: '[[location.params.path]]'</template><script>var XKnowledgeBase=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XKnowledgeBase,_Vaadin$ThemableMixin);function XKnowledgeBase(){babelHelpers.classCallCheck(this,XKnowledgeBase);return babelHelpers.possibleConstructorReturn(this,(XKnowledgeBase.__proto__||Object.getPrototypeOf(XKnowledgeBase)).apply(this,arguments))}babelHelpers.createClass(XKnowledgeBase,null,[{key:"is",get:function get(){return"x-knowledge-base"}},{key:"properties",get:function get(){return{location:Object}}}]);return XKnowledgeBase}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XKnowledgeBase.is,XKnowledgeBase);</script></dom-module><dom-module id="x-user-list" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>Users</h1><ul><li><a href="/users/kim">Kim</a></li><li><a href="/users/jane">Jane</a></li><li><a href="/users/sam">Sam</a></li></ul></template><script>(function(){var XUserList=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserList,_Vaadin$ThemableMixin);function XUserList(){babelHelpers.classCallCheck(this,XUserList);return babelHelpers.possibleConstructorReturn(this,(XUserList.__proto__||Object.getPrototypeOf(XUserList)).apply(this,arguments))}babelHelpers.createClass(XUserList,null,[{key:"is",get:function get(){return"x-user-list"}},{key:"properties",get:function get(){return{}}}]);return XUserList}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserList.is,XUserList)})();</script></dom-module><dom-module id="x-user-profile" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>User Profile</h1><p>Name: [[location.params.user]]</p></template><script>(function(){var XUserProfile=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserProfile,_Vaadin$ThemableMixin);function XUserProfile(){babelHelpers.classCallCheck(this,XUserProfile);return babelHelpers.possibleConstructorReturn(this,(XUserProfile.__proto__||Object.getPrototypeOf(XUserProfile)).apply(this,arguments))}babelHelpers.createClass(XUserProfile,null,[{key:"is",get:function get(){return"x-user-profile"}},{key:"properties",get:function get(){return{location:Object}}}]);return XUserProfile}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserProfile.is,XUserProfile)})();</script></dom-module><dom-module id="x-not-found-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>404</h1><p>View not found</p></template><script>(function(){var XNotFoundView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XNotFoundView,_Vaadin$ThemableMixin);function XNotFoundView(){babelHelpers.classCallCheck(this,XNotFoundView);return babelHelpers.possibleConstructorReturn(this,(XNotFoundView.__proto__||Object.getPrototypeOf(XNotFoundView)).apply(this,arguments))}babelHelpers.createClass(XNotFoundView,null,[{key:"is",get:function get(){return"x-not-found-view"}}]);return XNotFoundView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XNotFoundView.is,XNotFoundView)})();</script></dom-module><dom-module id="x-profile-view" assetpath="demo-elements/"><template preserve-content="">User ID: [[location.params.id]]<br><code>/user</code> or <code>/users</code>: [[location.params.0]]</template><script>var XProfileView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XProfileView,_Vaadin$ThemableMixin);function XProfileView(){babelHelpers.classCallCheck(this,XProfileView);return babelHelpers.possibleConstructorReturn(this,(XProfileView.__proto__||Object.getPrototypeOf(XProfileView)).apply(this,arguments))}babelHelpers.createClass(XProfileView,null,[{key:"is",get:function get(){return"x-profile-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XProfileView}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XProfileView.is,XProfileView);</script></dom-module><dom-module id="x-user-numeric-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>User Profile</h1><p>ID: [[location.params.0]]</p></template><script>(function(){var XUserNumericView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserNumericView,_Vaadin$ThemableMixin);function XUserNumericView(){babelHelpers.classCallCheck(this,XUserNumericView);return babelHelpers.possibleConstructorReturn(this,(XUserNumericView.__proto__||Object.getPrototypeOf(XUserNumericView)).apply(this,arguments))}babelHelpers.createClass(XUserNumericView,null,[{key:"is",get:function get(){return"x-user-numeric-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XUserNumericView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserNumericView.is,XUserNumericView)})();</script></dom-module><dom-module id="x-user-not-found-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>The princess is in another castle</h1><p>You've come to <code>[[location.pathname]]</code>, but alas, there is nothing there.</p></template><script>(function(){var XUserNotFoundView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserNotFoundView,_Vaadin$ThemableMixin);function XUserNotFoundView(){babelHelpers.classCallCheck(this,XUserNotFoundView);return babelHelpers.possibleConstructorReturn(this,(XUserNotFoundView.__proto__||Object.getPrototypeOf(XUserNotFoundView)).apply(this,arguments))}babelHelpers.createClass(XUserNotFoundView,null,[{key:"is",get:function get(){return"x-user-not-found-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XUserNotFoundView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserNotFoundView.is,XUserNotFoundView)})();</script></dom-module><dom-module id="x-login-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>Login Form</h1><button on-click="login">Login with OAuth</button></template><script>(function(){var XHomeView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XHomeView,_Vaadin$ThemableMixin);function XHomeView(){babelHelpers.classCallCheck(this,XHomeView);return babelHelpers.possibleConstructorReturn(this,(XHomeView.__proto__||Object.getPrototypeOf(XHomeView)).apply(this,arguments))}babelHelpers.createClass(XHomeView,[{key:"login",value:function login(){window.authorized=!0;window.dispatchEvent(new CustomEvent("vaadin-router-go",{detail:{pathname:this.location.params.to||"/"}}))}}],[{key:"is",get:function get(){return"x-login-view"}}]);return XHomeView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XHomeView.is,XHomeView)})();</script></dom-module><dom-module id="x-breadcrumbs" assetpath="demo-elements/"><template preserve-content=""><style>:host{display:block;}</style>Location:<dom-repeat items="[[items]]"><template><a href$="[[item.href]]">[[item.title]]</a><dom-if if="[[__isNotLastIndexOf(items, index)]]"><template><span class="delimiter">&gt;</span></template></dom-if></template></dom-repeat></template><script>var XBreadcrumbs=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XBreadcrumbs,_Vaadin$ThemableMixin);function XBreadcrumbs(){babelHelpers.classCallCheck(this,XBreadcrumbs);return babelHelpers.possibleConstructorReturn(this,(XBreadcrumbs.__proto__||Object.getPrototypeOf(XBreadcrumbs)).apply(this,arguments))}babelHelpers.createClass(XBreadcrumbs,[{key:"__isNotLastIndexOf",value:function __isNotLastIndexOf(items,i){return i<items.length-1}}],[{key:"is",get:function get(){return"x-breadcrumbs"}},{key:"properties",get:function get(){return{items:Array}}}]);return XBreadcrumbs}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XBreadcrumbs.is,XBreadcrumbs);</script></dom-module></div></body></html>
\ No newline at end of file
+      h6{color:var(--lumo-header-text-color);}a{color:var(--lumo-primary-text-color);}blockquote{color:var(--lumo-secondary-text-color);}code,
+      pre{background-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius);}</style></template></dom-module><dom-module id="lumo-color-legacy" assetpath="../../vaadin-lumo-styles/"><template><style include="lumo-color">:host{color:var(--lumo-body-text-color) !important;background-color:var(--lumo-base-color) !important;}</style></template></dom-module><dom-module id="vaadin-router-demo-shared-styles"><template><style>.note{background-color:#24c0ea;padding:1em;color:white;border-radius:4px;}</style></template></dom-module><dom-module id="vaadin-router-demo-nested-styles"><template><style>:host{display:flex;flex-direction:column;background:#ddd;padding:5px;min-height:100vh;}main{margin-top:10px;padding:5px;background:#fff;flex:1 0 auto;min-height:80px;}</style></template></dom-module><script>(function(global,factory){"object"===("undefined"===typeof exports?"undefined":babelHelpers.typeof(exports))&&"undefined"!==typeof module?factory(exports):"function"===typeof define&&define.amd?define(["exports"],factory):factory(global.Vaadin=global.Vaadin||{})})(this,function(exports){"use strict";var _typeof="function"===typeof Symbol&&"symbol"===babelHelpers.typeof(Symbol.iterator)?function(obj){return babelHelpers.typeof(obj)}:function(obj){return obj&&"function"===typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":babelHelpers.typeof(obj)},classCallCheck=function(instance,Constructor){if(!babelHelpers.instanceof(instance,Constructor)){throw new TypeError("Cannot call a class as a function")}},createClass=function(){function defineProperties(target,props){for(var i=0,descriptor;i<props.length;i++){descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1;descriptor.configurable=!0;if("value"in descriptor)descriptor.writable=!0;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}(),get=function get(object,property,receiver){if(null===object)object=Function.prototype;var desc=Object.getOwnPropertyDescriptor(object,property);if(desc===void 0){var parent=Object.getPrototypeOf(object);if(null===parent){}else{return get(parent,property,receiver)}}else if("value"in desc){return desc.value}else{var getter=desc.get;if(getter===void 0){return}return getter.call(receiver)}},inherits=function(subClass,superClass){if("function"!==typeof superClass&&null!==superClass){throw new TypeError("Super expression must either be null or a function, not "+babelHelpers.typeof(superClass))}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass},possibleConstructorReturn=function(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&("object"===babelHelpers.typeof(call)||"function"===typeof call)?call:self},toConsumableArray=function(arr){if(Array.isArray(arr)){for(var i=0,arr2=Array(arr.length);i<arr.length;i++){arr2[i]=arr[i]}return arr2}else{return Array.from(arr)}};function toArray$1(objectOrArray){objectOrArray=objectOrArray||[];return Array.isArray(objectOrArray)?objectOrArray:[objectOrArray]}function log(msg){return"[Vaadin.Router] "+msg}function logValue(value){if("object"!==("undefined"===typeof value?"undefined":_typeof(value))){return value+""}var stringType=Object.prototype.toString.call(value).match(/ (.*)\]$/)[1];if("Object"===stringType||"Array"===stringType){return stringType+" "+JSON.stringify(value)}else{return stringType}}var MODULE="module",NOMODULE="nomodule",bundleKeys=[MODULE,NOMODULE];function ensureBundle(src){if(!src.match(/.+\.[m]?js$/)){throw new Error(log("Unsupported type for bundle \""+src+"\": .js or .mjs expected."))}}function ensureRoute(route){if(!route||!isString(route.path)){throw new Error(log("Expected route config to be an object with a \"path\" string property, or an array of such objects"))}var bundle=route.bundle,stringKeys=["component","redirect","bundle"];if(!isFunction(route.action)&&!Array.isArray(route.children)&&!isFunction(route.children)&&!isObject(bundle)&&!stringKeys.some(function(key){return isString(route[key])})){throw new Error(log("Expected route config \""+route.path+"\" to include either \""+stringKeys.join("\", \"")+"\" "+"or \"action\" function but none found."))}if(bundle){if(isString(bundle)){ensureBundle(bundle)}else if(!bundleKeys.some(function(key){return key in bundle})){throw new Error(log("Expected route bundle to include either \""+NOMODULE+"\" or \""+MODULE+"\" keys, or both"))}else{bundleKeys.forEach(function(key){return key in bundle&&ensureBundle(bundle[key])})}}if(route.redirect){["bundle","component"].forEach(function(overriddenProp){if(overriddenProp in route){console.warn(log("Route config \""+route.path+"\" has both \"redirect\" and \""+overriddenProp+"\" properties, "+("and \"redirect\" will always override the latter. Did you mean to only use \""+overriddenProp+"\"?")))}})}}function ensureRoutes(routes){toArray$1(routes).forEach(function(route){return ensureRoute(route)})}function loadScript(src,key){var script=document.head.querySelector("script[src=\""+src+"\"][async]");if(!script){script=document.createElement("script");script.setAttribute("src",src);if(key===MODULE){script.setAttribute("type",MODULE)}else if(key===NOMODULE){script.setAttribute(NOMODULE,"")}script.async=!0}return new Promise(function(resolve,reject){script.onreadystatechange=script.onload=function(e){script.__dynamicImportLoaded=!0;resolve(e)};script.onerror=function(e){if(script.parentNode){script.parentNode.removeChild(script)}reject(e)};if(null===script.parentNode){document.head.appendChild(script)}else if(script.__dynamicImportLoaded){resolve()}})}function loadBundle(bundle){if(isString(bundle)){return loadScript(bundle)}else{return Promise.race(bundleKeys.filter(function(key){return key in bundle}).map(function(key){return loadScript(bundle[key],key)}))}}function fireRouterEvent(type,detail){return!window.dispatchEvent(new CustomEvent("vaadin-router-"+type,{cancelable:"go"===type,detail:detail}))}function isObject(o){return"object"===("undefined"===typeof o?"undefined":_typeof(o))&&!!o}function isFunction(f){return"function"===typeof f}function isString(s){return"string"===typeof s}function getNotFoundError(context){var error=new Error(log("Page not found ("+context.pathname+")"));error.context=context;error.code=404;return error}var notFoundResult=new function NotFoundResult(){classCallCheck(this,NotFoundResult)};function getAnchorOrigin(anchor){var port=anchor.port,protocol=anchor.protocol,host="http:"===protocol&&"80"===port||"https:"===protocol&&"443"===port?anchor.hostname:anchor.host;return protocol+"//"+host}function vaadinRouterGlobalClickHandler(event){if(event.defaultPrevented){return}if(0!==event.button){return}if(event.shiftKey||event.ctrlKey||event.altKey||event.metaKey){return}for(var anchor=event.target,path=event.composedPath?event.composedPath():event.path||[],i=0,target;i<path.length;i++){target=path[i];if(target.nodeName&&"a"===target.nodeName.toLowerCase()){anchor=target;break}}while(anchor&&"a"!==anchor.nodeName.toLowerCase()){anchor=anchor.parentNode}if(!anchor||"a"!==anchor.nodeName.toLowerCase()){return}if(anchor.target&&"_self"!==anchor.target.toLowerCase()){return}if(anchor.hasAttribute("download")){return}if(anchor.pathname===window.location.pathname&&""!==anchor.hash){return}var origin=anchor.origin||getAnchorOrigin(anchor);if(origin!==window.location.origin){return}if(fireRouterEvent("go",{pathname:anchor.pathname})){event.preventDefault()}}var isIE=/Trident/.test(navigator.userAgent);if(isIE&&!isFunction(window.PopStateEvent)){window.PopStateEvent=function(inType,params){params=params||{};var e=document.createEvent("Event");e.initEvent(inType,!!params.bubbles,!!params.cancelable);e.state=params.state||null;return e};window.PopStateEvent.prototype=window.Event.prototype}function vaadinRouterGlobalPopstateHandler(event){if("vaadin-router-ignore"===event.state){return}fireRouterEvent("go",{pathname:window.location.pathname})}var pathToRegexp_1=pathToRegexp,DEFAULT_DELIMITER="/",DEFAULT_DELIMITERS="./",PATH_REGEXP=new RegExp(["(\\\\.)","(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?"].join("|"),"g");function parse(str,options){var tokens=[],key=0,index=0,path="",defaultDelimiter=options&&options.delimiter||DEFAULT_DELIMITER,delimiters=options&&options.delimiters||DEFAULT_DELIMITERS,pathEscaped=!1,res;while(null!==(res=PATH_REGEXP.exec(str))){var m=res[0],escaped=res[1],offset=res.index;path+=str.slice(index,offset);index=offset+m.length;if(escaped){path+=escaped[1];pathEscaped=!0;continue}var prev="",next=str[index],name=res[2],capture=res[3],group=res[4],modifier=res[5];if(!pathEscaped&&path.length){var k=path.length-1;if(-1<delimiters.indexOf(path[k])){prev=path[k];path=path.slice(0,k)}}if(path){tokens.push(path);path="";pathEscaped=!1}var partial=""!==prev&&next!==void 0&&next!==prev,delimiter=prev||defaultDelimiter,pattern=capture||group;tokens.push({name:name||key++,prefix:prev,delimiter:delimiter,optional:"?"===modifier||"*"===modifier,repeat:"+"===modifier||"*"===modifier,partial:partial,pattern:pattern?escapeGroup(pattern):"[^"+escapeString(delimiter)+"]+?"})}if(path||index<str.length){tokens.push(path+str.substr(index))}return tokens}function tokensToFunction(tokens){for(var matches=Array(tokens.length),i=0;i<tokens.length;i++){if("object"===_typeof(tokens[i])){matches[i]=new RegExp("^(?:"+tokens[i].pattern+")$")}}return function(data,options){for(var path="",encode=options&&options.encode||encodeURIComponent,i=0,token;i<tokens.length;i++){token=tokens[i];if("string"===typeof token){path+=token;continue}var value=data?data[token.name]:void 0,segment;if(Array.isArray(value)){if(!token.repeat){throw new TypeError("Expected \""+token.name+"\" to not repeat, but got array")}if(0===value.length){if(token.optional)continue;throw new TypeError("Expected \""+token.name+"\" to not be empty")}for(var j=0;j<value.length;j++){segment=encode(value[j],token);if(!matches[i].test(segment)){throw new TypeError("Expected all \""+token.name+"\" to match \""+token.pattern+"\"")}path+=(0===j?token.prefix:token.delimiter)+segment}continue}if("string"===typeof value||"number"===typeof value||"boolean"===typeof value){segment=encode(value+"",token);if(!matches[i].test(segment)){throw new TypeError("Expected \""+token.name+"\" to match \""+token.pattern+"\", but got \""+segment+"\"")}path+=token.prefix+segment;continue}if(token.optional){if(token.partial)path+=token.prefix;continue}throw new TypeError("Expected \""+token.name+"\" to be "+(token.repeat?"an array":"a string"))}return path}}function escapeString(str){return str.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1")}function escapeGroup(group){return group.replace(/([=!:$/()])/g,"\\$1")}function flags(options){return options&&options.sensitive?"":"i"}function regexpToRegexp(path,keys){if(!keys)return path;var groups=path.source.match(/\((?!\?)/g);if(groups){for(var i=0;i<groups.length;i++){keys.push({name:i,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,pattern:null})}}return path}function arrayToRegexp(path,keys,options){for(var parts=[],i=0;i<path.length;i++){parts.push(pathToRegexp(path[i],keys,options).source)}return new RegExp("(?:"+parts.join("|")+")",flags(options))}function stringToRegexp(path,keys,options){return tokensToRegExp(parse(path,options),keys,options)}function tokensToRegExp(tokens,keys,options){options=options||{};for(var strict=options.strict,end=!1!==options.end,delimiter=escapeString(options.delimiter||DEFAULT_DELIMITER),delimiters=options.delimiters||DEFAULT_DELIMITERS,endsWith=[].concat(options.endsWith||[]).map(escapeString).concat("$").join("|"),route="",isEndDelimited=0===tokens.length,i=0,token;i<tokens.length;i++){token=tokens[i];if("string"===typeof token){route+=escapeString(token);isEndDelimited=i===tokens.length-1&&-1<delimiters.indexOf(token[token.length-1])}else{var prefix=escapeString(token.prefix),capture=token.repeat?"(?:"+token.pattern+")(?:"+prefix+"(?:"+token.pattern+"))*":token.pattern;if(keys)keys.push(token);if(token.optional){if(token.partial){route+=prefix+"("+capture+")?"}else{route+="(?:"+prefix+"("+capture+"))?"}}else{route+=prefix+"("+capture+")"}}}if(end){if(!strict)route+="(?:"+delimiter+")?";route+="$"===endsWith?"$":"(?="+endsWith+")"}else{if(!strict)route+="(?:"+delimiter+"(?="+endsWith+"))?";if(!isEndDelimited)route+="(?="+delimiter+"|"+endsWith+")"}return new RegExp("^"+route,flags(options))}function pathToRegexp(path,keys,options){if(babelHelpers.instanceof(path,RegExp)){return regexpToRegexp(path,keys)}if(Array.isArray(path)){return arrayToRegexp(path,keys,options)}return stringToRegexp(path,keys,options)}pathToRegexp_1.parse=parse;pathToRegexp_1.compile=function(str,options){return tokensToFunction(parse(str,options))};pathToRegexp_1.tokensToFunction=tokensToFunction;pathToRegexp_1.tokensToRegExp=tokensToRegExp;var hasOwnProperty=Object.prototype.hasOwnProperty,cache=new Map;cache.set("|false",{keys:[],pattern:/(?:)/});function decodeParam(val){try{return decodeURIComponent(val)}catch(err){return val}}function matchPath(routepath,path,exact,parentKeys,parentParams){exact=!!exact;var cacheKey=routepath+"|"+exact,regexp=cache.get(cacheKey);if(!regexp){var keys=[];regexp={keys:keys,pattern:pathToRegexp_1(routepath,keys,{end:exact,strict:""===routepath})};cache.set(cacheKey,regexp)}var m=regexp.pattern.exec(path);if(!m){return null}for(var params=Object.assign({},parentParams),i=1;i<m.length;i++){var key=regexp.keys[i-1],prop=key.name,value=m[i];if(value!==void 0||!hasOwnProperty.call(params,prop)){if(key.repeat){params[prop]=value?value.split(key.delimiter).map(decodeParam):[]}else{params[prop]=value?decodeParam(value):value}}}return{path:m[0],keys:(parentKeys||[]).concat(regexp.keys),params:params}}function matchRoute(route,pathname,ignoreLeadingSlash,parentKeys,parentParams){var match,childMatches=void 0,childIndex=0,routepath=route.path||"";if("/"===routepath.charAt(0)){if(ignoreLeadingSlash){routepath=routepath.substr(1)}ignoreLeadingSlash=!0}return{next:function(routeToSkip){if(route===routeToSkip){return{done:!0}}var children=route.__children=route.__children||route.children;if(!match){match=matchPath(routepath,pathname,!children,parentKeys,parentParams);if(match){return{done:!1,value:{route:route,keys:match.keys,params:match.params,path:match.path}}}}if(match&&children){while(childIndex<children.length){if(!childMatches){var childRoute=children[childIndex];childRoute.parent=route;var matchedLength=match.path.length;if(0<matchedLength&&"/"===pathname.charAt(matchedLength)){matchedLength+=1}childMatches=matchRoute(childRoute,pathname.substr(matchedLength),ignoreLeadingSlash,match.keys,match.params)}var childMatch=childMatches.next(routeToSkip);if(!childMatch.done){return{done:!1,value:childMatch.value}}childMatches=null;childIndex++}}return{done:!0}}}}function resolveRoute(context){if(isFunction(context.route.action)){return context.route.action(context)}}function isChildRoute(parentRoute,childRoute){var route=childRoute;while(route){route=route.parent;if(route===parentRoute){return!0}}return!1}function generateErrorMessage(currentContext){var errorMessage="Path '"+currentContext.pathname+"' is not properly resolved due to an error.",routePath=(currentContext.route||{}).path;if(routePath){errorMessage+=" Resolution had failed on route: '"+routePath+"'"}return errorMessage}function addRouteToChain(context,match){var route=match.route,path=match.path;function shouldDiscardOldChain(oldChain,route){return!route.parent||!oldChain||!oldChain.length||oldChain[oldChain.length-1].route!==route.parent}if(route&&!route.__synthetic){var item={path:path,route:route};if(shouldDiscardOldChain(context.chain,route)){context.chain=[item]}else{context.chain.push(item)}}}var Resolver=function(){function Resolver(routes){var options=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};classCallCheck(this,Resolver);if(Object(routes)!==routes){throw new TypeError("Invalid routes")}this.baseUrl=options.baseUrl||"";this.errorHandler=options.errorHandler;this.resolveRoute=options.resolveRoute||resolveRoute;this.context=Object.assign({resolver:this},options.context);this.root=Array.isArray(routes)?{path:"",__children:routes,parent:null,__synthetic:!0}:routes;this.root.parent=null}createClass(Resolver,[{key:"getRoutes",value:function(){return[].concat(toConsumableArray(this.root.__children))}},{key:"setRoutes",value:function(routes){ensureRoutes(routes);var newRoutes=[].concat(toConsumableArray(toArray$1(routes)));this.root.__children=newRoutes}},{key:"addRoutes",value:function(routes){var _root$__children;ensureRoutes(routes);(_root$__children=this.root.__children).push.apply(_root$__children,toConsumableArray(toArray$1(routes)));return this.getRoutes()}},{key:"removeRoutes",value:function(){this.setRoutes([])}},{key:"resolve",value:function resolve(pathnameOrContext){var _this=this,context=Object.assign({},this.context,isString(pathnameOrContext)?{pathname:pathnameOrContext}:pathnameOrContext),match=matchRoute(this.root,this.__normalizePathname(context.pathname),this.baseUrl),resolve=this.resolveRoute,matches=null,nextMatches=null,currentContext=context;function next(resume){var parent=1<arguments.length&&arguments[1]!==void 0?arguments[1]:matches.value.route,prevResult=arguments[2],routeToSkip=null===prevResult&&matches.value.route;matches=nextMatches||match.next(routeToSkip);nextMatches=null;if(!resume){if(matches.done||!isChildRoute(parent,matches.value.route)){nextMatches=matches;return Promise.resolve(notFoundResult)}}if(matches.done){return Promise.reject(getNotFoundError(context))}addRouteToChain(context,matches.value);currentContext=Object.assign({},context,matches.value);return Promise.resolve(resolve(currentContext)).then(function(resolution){if(null!==resolution&&resolution!==void 0&&resolution!==notFoundResult){currentContext.result=resolution.result||resolution;return currentContext}return next(resume,parent,resolution)})}context.next=next;return Promise.resolve().then(function(){return next(!0,_this.root)}).catch(function(error){var errorMessage=generateErrorMessage(currentContext);if(!error){error=new Error(errorMessage)}else{console.warn(errorMessage)}error.context=error.context||currentContext;if(!babelHelpers.instanceof(error,DOMException)){error.code=error.code||500}if(_this.errorHandler){currentContext.result=_this.errorHandler(error);return currentContext}throw error})}},{key:"__normalizePathname",value:function(pathname){if(!this.baseUrl){return pathname}var base=this.__effectiveBaseUrl,normalizedUrl=this.constructor.__createUrl(pathname,base).href;if(normalizedUrl.slice(0,base.length)===base){return normalizedUrl.slice(base.length)}}},{key:"__effectiveBaseUrl",get:function(){return this.baseUrl?this.constructor.__createUrl(this.baseUrl,document.baseURI||document.URL).href.replace(/[^\/]*$/,""):""}}],[{key:"__createUrl",value:function(url,base){return new URL(url,base)}}]);return Resolver}();Resolver.pathToRegexp=pathToRegexp_1;var pathToRegexp$1=Resolver.pathToRegexp,cache$1=new Map;function cacheRoutes(routesByName,route,routes){if(routesByName.has(route.name)){throw new Error("Duplicate route name for name \""+route.name+"\"")}else if(routesByName.has(route.component)){throw new Error("Duplicate route name for component <"+route.component+">")}var name=route.name||route.component;if(name){routesByName.set(name,route)}if(Array.isArray(routes)){for(var i=0,childRoute;i<routes.length;i++){childRoute=routes[i];childRoute.parent=route;cacheRoutes(routesByName,childRoute,childRoute.__children||childRoute.children)}}}function getRoutePath(route){var path=route.path;path=Array.isArray(path)?path[0]:path;return path!==void 0?path:""}function generateUrls(router){var options=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};if(!babelHelpers.instanceof(router,Resolver)){throw new TypeError("An instance of Resolver is expected")}var routesByName=new Map;return function(routeName,params){var route=routesByName.get(routeName);if(!route){routesByName.clear();cacheRoutes(routesByName,router.root,router.root.__children);route=routesByName.get(routeName);if(!route){throw new Error("Route \""+routeName+"\" not found")}}var regexp=cache$1.get(route.fullPath);if(!regexp){var fullPath=getRoutePath(route),rt=route.parent;while(rt){var path=getRoutePath(rt);if(path){fullPath=path.replace(/\/$/,"")+"/"+fullPath.replace(/^\//,"")}rt=rt.parent}for(var tokens=pathToRegexp$1.parse(fullPath),toPath=pathToRegexp$1.tokensToFunction(tokens),keys=Object.create(null),i=0;i<tokens.length;i++){if(!isString(tokens[i])){keys[tokens[i].name]=!0}}regexp={toPath:toPath,keys:keys};cache$1.set(fullPath,regexp);route.fullPath=fullPath}var url=regexp.toPath(params,options)||"/";if(options.stringifyQueryParams&&params){for(var queryParams={},_keys=Object.keys(params),_i=0,key;_i<_keys.length;_i++){key=_keys[_i];if(!regexp.keys[key]){queryParams[key]=params[key]}}var query=options.stringifyQueryParams(queryParams);if(query){url+="?"===query.charAt(0)?query:"?"+query}}return url}}var triggers=[];function setNavigationTriggers(newTriggers){triggers.forEach(function(trigger){return trigger.inactivate()});newTriggers.forEach(function(trigger){return trigger.activate()});triggers=newTriggers}var willAnimate=function(elem){var name=getComputedStyle(elem).getPropertyValue("animation-name");return name&&"none"!==name},waitForAnimation=function(elem,cb){elem.addEventListener("animationend",function listener(){elem.removeEventListener("animationend",listener);cb()})};function animate(elem,className){elem.classList.add(className);return new Promise(function(resolve){if(willAnimate(elem)){var rect=elem.getBoundingClientRect(),size="height: "+(rect.bottom-rect.top)+"px; width: "+(rect.right-rect.left)+"px";elem.setAttribute("style","position: absolute; "+size);waitForAnimation(elem,function(){elem.classList.remove(className);elem.removeAttribute("style");resolve()})}else{elem.classList.remove(className);resolve()}})}function isResultNotEmpty(result){return null!==result&&result!==void 0}function copyContextWithoutNext(context){var copy=Object.assign({},context);delete copy.next;return copy}function createLocation(_ref,route){var _ref$pathname=_ref.pathname,pathname=_ref$pathname===void 0?"":_ref$pathname,_ref$chain=_ref.chain,chain=_ref$chain===void 0?[]:_ref$chain,_ref$params=_ref.params,params=_ref$params===void 0?{}:_ref$params,redirectFrom=_ref.redirectFrom,resolver=_ref.resolver,routes=chain.map(function(item){return item.route});return{baseUrl:resolver&&resolver.baseUrl||"",pathname:pathname,routes:routes,route:route||routes.length&&routes[routes.length-1]||null,params:params,redirectFrom:redirectFrom,getUrl:function(){var userParams=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return getPathnameForRouter(Router.pathToRegexp.compile(getMatchedPath(routes))(Object.assign({},params,userParams)),resolver)}}}function createRedirect(context,pathname){var params=Object.assign({},context.params);return{redirect:{pathname:pathname,from:context.pathname,params:params}}}function renderComponent(context,component){var element=document.createElement(component);element.location=createLocation(context);var index=context.chain.map(function(item){return item.route}).indexOf(context.route);context.chain[index].element=element;return element}function runCallbackIfPossible(callback,args,thisArg){if(isFunction(callback)){return callback.apply(thisArg,args)}}function amend(amendmentFunction,args,element){return function(amendmentResult){if(amendmentResult&&(amendmentResult.cancel||amendmentResult.redirect)){return amendmentResult}if(element){return runCallbackIfPossible(element[amendmentFunction],args,element)}}}function processNewChildren(newChildren,route){if(!Array.isArray(newChildren)&&!isObject(newChildren)){throw new Error(log("Incorrect \"children\" value for the route "+route.path+": expected array or object, but got "+newChildren))}route.__children=[];for(var childRoutes=toArray$1(newChildren),i=0;i<childRoutes.length;i++){ensureRoute(childRoutes[i]);route.__children.push(childRoutes[i])}}function removeDomNodes(nodes){if(nodes&&nodes.length){for(var parent=nodes[0].parentNode,i=0;i<nodes.length;i++){parent.removeChild(nodes[i])}}}function getPathnameForRouter(pathname,router){var base=router.__effectiveBaseUrl;return base?router.constructor.__createUrl(pathname.replace(/^\//,""),base).pathname:pathname}function getMatchedPath(chain){return chain.map(function(item){return item.path}).reduce(function(a,b){if(b.length){return a.replace(/\/$/,"")+"/"+b.replace(/^\//,"")}return a})}var Router=function(_Resolver){inherits(Router,_Resolver);function Router(outlet,options){classCallCheck(this,Router);var baseElement=document.head.querySelector("base"),_this=possibleConstructorReturn(this,(Router.__proto__||Object.getPrototypeOf(Router)).call(this,[],Object.assign({baseUrl:baseElement&&baseElement.getAttribute("href")},options)));_this.resolveRoute=function(context){return _this.__resolveRoute(context)};var triggers=Router.NavigationTrigger;Router.setTriggers.apply(Router,Object.keys(triggers).map(function(key){return triggers[key]}));_this.baseUrl;_this.ready;_this.ready=Promise.resolve(outlet);_this.location;_this.location=createLocation({resolver:_this});_this.__lastStartedRenderId=0;_this.__navigationEventHandler=_this.__onNavigationEvent.bind(_this);_this.setOutlet(outlet);_this.subscribe();return _this}createClass(Router,[{key:"__resolveRoute",value:function(context){var route=context.route,callbacks=Promise.resolve();if(isFunction(route.children)){callbacks=callbacks.then(function(){return route.children(copyContextWithoutNext(context))}).then(function(children){if(!isResultNotEmpty(children)&&!isFunction(route.children)){children=route.children}processNewChildren(children,route)})}var commands={redirect:function(path){return createRedirect(context,path)},component:function(_component){return renderComponent(context,_component)}};return callbacks.then(function(){return runCallbackIfPossible(route.action,[context,commands],route)}).then(function(result){if(isResultNotEmpty(result)){if(babelHelpers.instanceof(result,HTMLElement)||result.redirect||result===notFoundResult){return result}}if(isString(route.redirect)){return commands.redirect(route.redirect)}if(route.bundle){return loadBundle(route.bundle).then(function(){},function(){throw new Error(log("Bundle not found: "+route.bundle+". Check if the file name is correct"))})}}).then(function(result){if(isResultNotEmpty(result)){return result}if(isString(route.component)){return commands.component(route.component)}})}},{key:"setOutlet",value:function(outlet){if(outlet){this.__ensureOutlet(outlet)}this.__outlet=outlet}},{key:"getOutlet",value:function(){return this.__outlet}},{key:"setRoutes",value:function(routes){this.__urlForName=void 0;get(Router.prototype.__proto__||Object.getPrototypeOf(Router.prototype),"setRoutes",this).call(this,routes);this.__onNavigationEvent()}},{key:"render",value:function(pathnameOrContext,shouldUpdateHistory){var _this2=this,renderId=++this.__lastStartedRenderId,pathname=pathnameOrContext.pathname||pathnameOrContext;this.ready=this.resolve(pathnameOrContext).then(function(context){return _this2.__fullyResolveChain(context)}).then(function(context){if(renderId===_this2.__lastStartedRenderId){var previousContext=_this2.__previousContext;if(context===previousContext){return _this2.location}if(shouldUpdateHistory){_this2.__updateBrowserHistory(context.pathname,context.redirectFrom)}_this2.__addAppearingContent(context,previousContext);var animationDone=_this2.__animateIfNeeded(context);_this2.__runOnAfterEnterCallbacks(context);_this2.__runOnAfterLeaveCallbacks(context,previousContext);return animationDone.then(function(){if(renderId===_this2.__lastStartedRenderId){_this2.__removeDisappearingContent();_this2.__previousContext=context;_this2.location=createLocation(context);fireRouterEvent("location-changed",{router:_this2,location:_this2.location});return _this2.location}})}}).catch(function(error){if(renderId===_this2.__lastStartedRenderId){if(shouldUpdateHistory){_this2.__updateBrowserHistory(pathname)}removeDomNodes(_this2.__outlet&&_this2.__outlet.children);_this2.location=createLocation({pathname:pathname,resolver:_this2});fireRouterEvent("error",{router:_this2,error:error,pathname:pathname});throw error}});return this.ready}},{key:"__fullyResolveChain",value:function(originalContext){var _this3=this,currentContext=1<arguments.length&&arguments[1]!==void 0?arguments[1]:originalContext;return this.__amendWithResolutionResult(currentContext).then(function(amendedContext){var initialContext=amendedContext!==currentContext?amendedContext:originalContext;return amendedContext.next().then(function(nextContext){if(null===nextContext||nextContext===notFoundResult){var matchedPath=getPathnameForRouter(getMatchedPath(amendedContext.chain),amendedContext.resolver);if(matchedPath!==amendedContext.pathname){throw getNotFoundError(initialContext)}}return nextContext&&nextContext!==notFoundResult?_this3.__fullyResolveChain(initialContext,nextContext):_this3.__amendWithOnBeforeCallbacks(initialContext)})})}},{key:"__amendWithResolutionResult",value:function(context){var _this4=this,result=context.result;if(babelHelpers.instanceof(result,HTMLElement)){return Promise.resolve(context)}else if(result.redirect){return this.__redirect(result.redirect,context.__redirectCount).then(function(context){return _this4.__amendWithResolutionResult(context)})}else if(babelHelpers.instanceof(result,Error)){return Promise.reject(result)}else{return Promise.reject(new Error(log("Invalid route resolution result for path \""+context.pathname+"\". "+("Expected redirect object or HTML element, but got: \""+logValue(result)+"\". ")+"Double check the action return value for the route.")))}}},{key:"__amendWithOnBeforeCallbacks",value:function(contextWithFullChain){var _this5=this;return this.__runOnBeforeCallbacks(contextWithFullChain).then(function(amendedContext){if(amendedContext===_this5.__previousContext||amendedContext===contextWithFullChain){return amendedContext}return _this5.__fullyResolveChain(amendedContext)})}},{key:"__runOnBeforeCallbacks",value:function(newContext){var _this6=this,previousContext=this.__previousContext||{},previousChain=previousContext.chain||[],newChain=newContext.chain,callbacks=Promise.resolve(),prevent=function(){return{cancel:!0}},redirect=function(pathname){return createRedirect(newContext,pathname)};newContext.__divergedChainIndex=0;if(previousChain.length){for(var i=0;i<Math.min(previousChain.length,newChain.length);i=++newContext.__divergedChainIndex){if(previousChain[i].route!==newChain[i].route||previousChain[i].path!==newChain[i].path||(previousChain[i].element&&previousChain[i].element.localName)!==(newChain[i].element&&newChain[i].element.localName)){break}}for(var _i=previousChain.length-1,location;_i>=newContext.__divergedChainIndex;_i--){location=createLocation(newContext);callbacks=callbacks.then(amend("onBeforeLeave",[location,{prevent:prevent},this],previousChain[_i].element)).then(function(result){if(!(result||{}).redirect){return result}})}}for(var _i2=newContext.__divergedChainIndex,_location;_i2<newChain.length;_i2++){_location=createLocation(newContext,newChain[_i2].route);callbacks=callbacks.then(amend("onBeforeEnter",[_location,{prevent:prevent,redirect:redirect},this],newChain[_i2].element))}return callbacks.then(function(amendmentResult){if(amendmentResult){if(amendmentResult.cancel){return _this6.__previousContext}if(amendmentResult.redirect){return _this6.__redirect(amendmentResult.redirect,newContext.__redirectCount)}}return newContext})}},{key:"__redirect",value:function(redirectData,counter){if(counter>256){throw new Error(log("Too many redirects when rendering "+redirectData.from))}return this.resolve({pathname:this.urlForPath(redirectData.pathname,redirectData.params),redirectFrom:redirectData.from,__redirectCount:(counter||0)+1})}},{key:"__ensureOutlet",value:function(){var outlet=0<arguments.length&&arguments[0]!==void 0?arguments[0]:this.__outlet;if(!babelHelpers.instanceof(outlet,Node)){throw new TypeError(log("Expected router outlet to be a valid DOM Node (but got "+outlet+")"))}}},{key:"__updateBrowserHistory",value:function(pathname,replace){if(window.location.pathname!==pathname){var changeState=replace?"replaceState":"pushState";window.history[changeState](null,document.title,pathname);window.dispatchEvent(new PopStateEvent("popstate",{state:"vaadin-router-ignore"}))}}},{key:"__addAppearingContent",value:function(context,previousContext){this.__ensureOutlet();this.__removeAppearingContent();for(var deepestCommonParent=this.__outlet,i=0,unchangedElement;i<context.__divergedChainIndex;i++){unchangedElement=previousContext&&previousContext.chain[i].element;if(unchangedElement){if(unchangedElement.parentNode===deepestCommonParent){context.chain[i].element=unchangedElement;deepestCommonParent=unchangedElement}else{break}}}this.__disappearingContent=Array.from(deepestCommonParent.children);this.__appearingContent=[];for(var parentElement=deepestCommonParent,_i3=context.__divergedChainIndex,elementToAdd;_i3<context.chain.length;_i3++){elementToAdd=context.chain[_i3].element;if(elementToAdd){parentElement.appendChild(elementToAdd);if(parentElement===deepestCommonParent){this.__appearingContent.push(elementToAdd)}parentElement=elementToAdd}}}},{key:"__removeDisappearingContent",value:function(){if(this.__disappearingContent){removeDomNodes(this.__disappearingContent)}this.__disappearingContent=null;this.__appearingContent=null}},{key:"__removeAppearingContent",value:function(){if(this.__disappearingContent&&this.__appearingContent){removeDomNodes(this.__appearingContent);this.__disappearingContent=null;this.__appearingContent=null}}},{key:"__runOnAfterLeaveCallbacks",value:function(currentContext,targetContext){if(!targetContext){return}for(var i=targetContext.chain.length-1,currentComponent;i>=currentContext.__divergedChainIndex;i--){currentComponent=targetContext.chain[i].element;if(!currentComponent){continue}try{var location=createLocation(currentContext);runCallbackIfPossible(currentComponent.onAfterLeave,[location,{},targetContext.resolver],currentComponent)}finally{removeDomNodes(currentComponent.children)}}}},{key:"__runOnAfterEnterCallbacks",value:function(currentContext){for(var i=currentContext.__divergedChainIndex;i<currentContext.chain.length;i++){var currentComponent=currentContext.chain[i].element||{},location=createLocation(currentContext,currentContext.chain[i].route);runCallbackIfPossible(currentComponent.onAfterEnter,[location,{},currentContext.resolver],currentComponent)}}},{key:"__animateIfNeeded",value:function(context){for(var from=(this.__disappearingContent||[])[0],to=(this.__appearingContent||[])[0],promises=[],chain=context.chain,config=void 0,i=chain.length;0<i;i--){if(chain[i-1].route.animate){config=chain[i-1].route.animate;break}}if(from&&to&&config){var leave=isObject(config)&&config.leave||"leaving",enter=isObject(config)&&config.enter||"entering";promises.push(animate(from,leave));promises.push(animate(to,enter))}return Promise.all(promises).then(function(){return context})}},{key:"subscribe",value:function(){window.addEventListener("vaadin-router-go",this.__navigationEventHandler)}},{key:"unsubscribe",value:function(){window.removeEventListener("vaadin-router-go",this.__navigationEventHandler)}},{key:"__onNavigationEvent",value:function(event){var pathname=event?event.detail.pathname:window.location.pathname;if(isString(this.__normalizePathname(pathname))){if(event&&event.preventDefault){event.preventDefault()}this.render(pathname,!0)}}},{key:"urlForName",value:function(name,parameters){if(!this.__urlForName){this.__urlForName=generateUrls(this)}return getPathnameForRouter(this.__urlForName(name,parameters),this)}},{key:"urlForPath",value:function(path,parameters){return getPathnameForRouter(Router.pathToRegexp.compile(path)(parameters),this)}}],[{key:"setTriggers",value:function(){for(var _len=arguments.length,triggers=Array(_len),_key=0;_key<_len;_key++){triggers[_key]=arguments[_key]}setNavigationTriggers(triggers)}},{key:"go",value:function(pathname){return fireRouterEvent("go",{pathname:pathname})}}]);return Router}(Resolver),DEV_MODE_CODE_REGEXP=/\/\*\*\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i;function isMinified(){return uncommentAndRun(function(){return!0})}function isDevelopmentMode(){try{return isForcedDevelopmentMode()||isLocalhost()&&!isMinified()&&!isFlowProductionMode()}catch(e){return!1}}function isForcedDevelopmentMode(){return localStorage.getItem("vaadin.developmentmode.force")}function isLocalhost(){return 0<=["localhost","127.0.0.1"].indexOf(window.location.hostname)}function isFlowProductionMode(){if(window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients){var productionModeApps=Object.keys(window.Vaadin.Flow.clients).map(function(key){return window.Vaadin.Flow.clients[key]}).filter(function(client){return client.productionMode});if(0<productionModeApps.length){return!0}}return!1}function uncommentAndRun(callback,args){if("function"!==typeof callback){return}var match=DEV_MODE_CODE_REGEXP.exec(callback.toString());if(match){try{callback=new Function(match[1])}catch(e){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",e)}}return callback(args)}window.Vaadin=window.Vaadin||{};var runIfDevelopmentMode=function(callback,args){if(window.Vaadin.developmentMode){return uncommentAndRun(callback,args)}};if(window.Vaadin.developmentMode===void 0){window.Vaadin.developmentMode=isDevelopmentMode()}function maybeGatherAndSendStats(){}window.Vaadin=window.Vaadin||{};window.Vaadin.registrations=window.Vaadin.registrations||[];window.Vaadin.registrations.push({is:"@vaadin/router",version:"1.2.0-pre.3"});(function(){if("function"===typeof runIfDevelopmentMode){return runIfDevelopmentMode(maybeGatherAndSendStats)}})();Router.NavigationTrigger={POPSTATE:{activate:function(){window.addEventListener("popstate",vaadinRouterGlobalPopstateHandler)},inactivate:function(){window.removeEventListener("popstate",vaadinRouterGlobalPopstateHandler)}},CLICK:{activate:function(){window.document.addEventListener("click",vaadinRouterGlobalClickHandler)},inactivate:function(){window.document.removeEventListener("click",vaadinRouterGlobalClickHandler)}}};var isUrlAvailable,urlDocument,urlBase,urlAnchor;Resolver.__ensureUrlAvailableOrPolyfilled=function(){if(isUrlAvailable===void 0){try{var url=new URL("b","http://a");url.pathname="c";isUrlAvailable="http://a/c"===url.href}catch(e){isUrlAvailable=!1}if(!isUrlAvailable){urlDocument=document.implementation.createHTMLDocument("url");urlBase=urlDocument.createElement("base");urlDocument.head.appendChild(urlBase);urlAnchor=urlDocument.createElement("a");if(!urlAnchor.origin){Object.defineProperty(urlAnchor,"origin",{get:function(){var port=urlAnchor.port,protocol=urlAnchor.protocol,host="http:"===protocol&&"80"===port||"https:"===protocol&&"443"===port?urlAnchor.hostname:urlAnchor.host;return protocol+"//"+host}})}}}};Resolver.__createUrl=function(path,base){Resolver.__ensureUrlAvailableOrPolyfilled();if(isUrlAvailable){return new URL(path,base)}urlBase.href=base;urlAnchor.href=path.replace(/ /g,"%20");return urlAnchor};exports.Router=Router;exports.Resolver=Resolver;Object.defineProperty(exports,"__esModule",{value:!0})});</script><script>window.Router=window.Vaadin.Router;</script><dom-module id="x-home-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>Home</h1></template><script>(function(){var XHomeView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XHomeView,_Vaadin$ThemableMixin);function XHomeView(){babelHelpers.classCallCheck(this,XHomeView);return babelHelpers.possibleConstructorReturn(this,(XHomeView.__proto__||Object.getPrototypeOf(XHomeView)).apply(this,arguments))}babelHelpers.createClass(XHomeView,null,[{key:"is",get:function get(){return"x-home-view"}},{key:"properties",get:function get(){return{}}}]);return XHomeView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XHomeView.is,XHomeView)})();</script></dom-module><dom-module id="x-image-view" assetpath="demo-elements/"><template preserve-content=""><style>div{background:hotpink;}</style><div style$="height: [[location.params.size]]px; width: [[location.params.size]]px; background: [[location.params.color]];"></div></template><script>var XImageView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XImageView,_Vaadin$ThemableMixin);function XImageView(){babelHelpers.classCallCheck(this,XImageView);return babelHelpers.possibleConstructorReturn(this,(XImageView.__proto__||Object.getPrototypeOf(XImageView)).apply(this,arguments))}babelHelpers.createClass(XImageView,null,[{key:"is",get:function get(){return"x-image-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XImageView}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XImageView.is,XImageView);</script></dom-module><dom-module id="x-knowledge-base" assetpath="demo-elements/"><template preserve-content="">Knowledge base path: '[[location.params.path]]'</template><script>var XKnowledgeBase=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XKnowledgeBase,_Vaadin$ThemableMixin);function XKnowledgeBase(){babelHelpers.classCallCheck(this,XKnowledgeBase);return babelHelpers.possibleConstructorReturn(this,(XKnowledgeBase.__proto__||Object.getPrototypeOf(XKnowledgeBase)).apply(this,arguments))}babelHelpers.createClass(XKnowledgeBase,null,[{key:"is",get:function get(){return"x-knowledge-base"}},{key:"properties",get:function get(){return{location:Object}}}]);return XKnowledgeBase}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XKnowledgeBase.is,XKnowledgeBase);</script></dom-module><dom-module id="x-user-list" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>Users</h1><ul><li><a href="/users/kim">Kim</a></li><li><a href="/users/jane">Jane</a></li><li><a href="/users/sam">Sam</a></li></ul></template><script>(function(){var XUserList=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserList,_Vaadin$ThemableMixin);function XUserList(){babelHelpers.classCallCheck(this,XUserList);return babelHelpers.possibleConstructorReturn(this,(XUserList.__proto__||Object.getPrototypeOf(XUserList)).apply(this,arguments))}babelHelpers.createClass(XUserList,null,[{key:"is",get:function get(){return"x-user-list"}},{key:"properties",get:function get(){return{}}}]);return XUserList}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserList.is,XUserList)})();</script></dom-module><dom-module id="x-user-profile" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>User Profile</h1><p>Name: [[location.params.user]]</p></template><script>(function(){var XUserProfile=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserProfile,_Vaadin$ThemableMixin);function XUserProfile(){babelHelpers.classCallCheck(this,XUserProfile);return babelHelpers.possibleConstructorReturn(this,(XUserProfile.__proto__||Object.getPrototypeOf(XUserProfile)).apply(this,arguments))}babelHelpers.createClass(XUserProfile,null,[{key:"is",get:function get(){return"x-user-profile"}},{key:"properties",get:function get(){return{location:Object}}}]);return XUserProfile}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserProfile.is,XUserProfile)})();</script></dom-module><dom-module id="x-not-found-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>404</h1><p>View not found</p></template><script>(function(){var XNotFoundView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XNotFoundView,_Vaadin$ThemableMixin);function XNotFoundView(){babelHelpers.classCallCheck(this,XNotFoundView);return babelHelpers.possibleConstructorReturn(this,(XNotFoundView.__proto__||Object.getPrototypeOf(XNotFoundView)).apply(this,arguments))}babelHelpers.createClass(XNotFoundView,null,[{key:"is",get:function get(){return"x-not-found-view"}}]);return XNotFoundView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XNotFoundView.is,XNotFoundView)})();</script></dom-module><dom-module id="x-profile-view" assetpath="demo-elements/"><template preserve-content="">User ID: [[location.params.id]]<br><code>/user</code> or <code>/users</code>: [[location.params.0]]</template><script>var XProfileView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XProfileView,_Vaadin$ThemableMixin);function XProfileView(){babelHelpers.classCallCheck(this,XProfileView);return babelHelpers.possibleConstructorReturn(this,(XProfileView.__proto__||Object.getPrototypeOf(XProfileView)).apply(this,arguments))}babelHelpers.createClass(XProfileView,null,[{key:"is",get:function get(){return"x-profile-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XProfileView}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XProfileView.is,XProfileView);</script></dom-module><dom-module id="x-user-numeric-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>User Profile</h1><p>ID: [[location.params.0]]</p></template><script>(function(){var XUserNumericView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserNumericView,_Vaadin$ThemableMixin);function XUserNumericView(){babelHelpers.classCallCheck(this,XUserNumericView);return babelHelpers.possibleConstructorReturn(this,(XUserNumericView.__proto__||Object.getPrototypeOf(XUserNumericView)).apply(this,arguments))}babelHelpers.createClass(XUserNumericView,null,[{key:"is",get:function get(){return"x-user-numeric-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XUserNumericView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserNumericView.is,XUserNumericView)})();</script></dom-module><dom-module id="x-user-not-found-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>The princess is in another castle</h1><p>You've come to <code>[[location.pathname]]</code>, but alas, there is nothing there.</p></template><script>(function(){var XUserNotFoundView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XUserNotFoundView,_Vaadin$ThemableMixin);function XUserNotFoundView(){babelHelpers.classCallCheck(this,XUserNotFoundView);return babelHelpers.possibleConstructorReturn(this,(XUserNotFoundView.__proto__||Object.getPrototypeOf(XUserNotFoundView)).apply(this,arguments))}babelHelpers.createClass(XUserNotFoundView,null,[{key:"is",get:function get(){return"x-user-not-found-view"}},{key:"properties",get:function get(){return{location:Object}}}]);return XUserNotFoundView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XUserNotFoundView.is,XUserNotFoundView)})();</script></dom-module><dom-module id="x-login-view" assetpath="demo-elements/"><template><style>:host{display:block;}</style><h1>Login Form</h1><button on-click="login">Login with OAuth</button></template><script>(function(){var XHomeView=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XHomeView,_Vaadin$ThemableMixin);function XHomeView(){babelHelpers.classCallCheck(this,XHomeView);return babelHelpers.possibleConstructorReturn(this,(XHomeView.__proto__||Object.getPrototypeOf(XHomeView)).apply(this,arguments))}babelHelpers.createClass(XHomeView,[{key:"login",value:function login(){window.authorized=!0;window.dispatchEvent(new CustomEvent("vaadin-router-go",{detail:{pathname:this.location.params.to||"/"}}))}}],[{key:"is",get:function get(){return"x-login-view"}}]);return XHomeView}(Vaadin.ThemableMixin(Polymer.Element));customElements.define(XHomeView.is,XHomeView)})();</script></dom-module><dom-module id="x-breadcrumbs" assetpath="demo-elements/"><template preserve-content=""><style>:host{display:block;}</style>Location:<dom-repeat items="[[items]]"><template><a href$="[[item.href]]">[[item.title]]</a><dom-if if="[[__isNotLastIndexOf(items, index)]]"><template><span class="delimiter">&gt;</span></template></dom-if></template></dom-repeat></template><script>var XBreadcrumbs=function(_Vaadin$ThemableMixin){babelHelpers.inherits(XBreadcrumbs,_Vaadin$ThemableMixin);function XBreadcrumbs(){babelHelpers.classCallCheck(this,XBreadcrumbs);return babelHelpers.possibleConstructorReturn(this,(XBreadcrumbs.__proto__||Object.getPrototypeOf(XBreadcrumbs)).apply(this,arguments))}babelHelpers.createClass(XBreadcrumbs,[{key:"__isNotLastIndexOf",value:function __isNotLastIndexOf(items,i){return i<items.length-1}}],[{key:"is",get:function get(){return"x-breadcrumbs"}},{key:"properties",get:function get(){return{items:Array}}}]);return XBreadcrumbs}(Vaadin.ThemableMixin(Polymer.Element));window.customElements.define(XBreadcrumbs.is,XBreadcrumbs);</script></dom-module></div></body></html>
\ No newline at end of file
diff --git a/package.json b/package.json
index 4c9a749b..9775f830 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/router",
-  "version": "1.2.0-pre.2",
+  "version": "1.2.0-pre.3",
   "description": "Small and powerful client-side router for Web Components. Framework-agnostic.",
   "main": "dist/vaadin-router.js",
   "repository": "vaadin/vaadin-router",
diff --git a/src/router-meta.js b/src/router-meta.js
index 4d7adc51..8ed8dbc9 100644
--- a/src/router-meta.js
+++ b/src/router-meta.js
@@ -5,7 +5,7 @@ window.Vaadin.registrations = window.Vaadin.registrations || [];
 
 window.Vaadin.registrations.push({
   is: '@vaadin/router',
-  version: '1.2.0-pre.2',
+  version: '1.2.0-pre.3',
 });
 
 usageStatistics();