diff --git a/index.html b/index.html
index 1f44be7..88ce878 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,8 @@
Qgis navigation component demo
-
-
+
+
diff --git a/index.js b/index.js
index d0f954b..6e22315 100644
--- a/index.js
+++ b/index.js
@@ -6,13 +6,13 @@ var pe=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var G=(n,e,t)=>(pe(n
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
- */const{is:Le,defineProperty:ze,getOwnPropertyDescriptor:Ie,getOwnPropertyNames:De,getOwnPropertySymbols:qe,getPrototypeOf:Be}=Object,A=globalThis,me=A.trustedTypes,je=me?me.emptyScript:"",se=A.reactiveElementPolyfillSupport,B=(n,e)=>n,X={toAttribute(n,e){switch(e){case Boolean:n=n?je:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,e){let t=n;switch(e){case Boolean:t=n!==null;break;case Number:t=n===null?null:Number(n);break;case Object:case Array:try{t=JSON.parse(n)}catch{t=null}}return t}},ue=(n,e)=>!Le(n,e),ve={attribute:!0,type:String,converter:X,reflect:!1,hasChanged:ue};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),A.litPropertyMetadata??(A.litPropertyMetadata=new WeakMap);class O extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=ve){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(e,i,t);r!==void 0&&ze(this.prototype,e,r)}}static getPropertyDescriptor(e,t,i){const{get:r,set:s}=Ie(this.prototype,e)??{get(){return this[t]},set(o){this[t]=o}};return{get(){return r==null?void 0:r.call(this)},set(o){const l=r==null?void 0:r.call(this);s.call(this,o),this.requestUpdate(e,l,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ve}static _$Ei(){if(this.hasOwnProperty(B("elementProperties")))return;const e=Be(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(B("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(B("properties"))){const t=this.properties,i=[...De(t),...qe(t)];for(const r of i)this.createProperty(r,t[r])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[i,r]of t)this.elementProperties.set(i,r)}this._$Eh=new Map;for(const[t,i]of this.elementProperties){const r=this._$Eu(t,i);r!==void 0&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const r of i)t.unshift(ge(r))}else e!==void 0&&t.push(ge(e));return t}static _$Eu(e,t){const i=t.attribute;return i===!1?void 0:typeof i=="string"?i:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$Eg=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$ES(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$E_??(this._$E_=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$E_)==null||t.delete(e)}_$ES(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return He(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$E_)==null||e.forEach(t=>{var i;return(i=t.hostConnected)==null?void 0:i.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$E_)==null||e.forEach(t=>{var i;return(i=t.hostDisconnected)==null?void 0:i.call(t)})}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$EO(e,t){var s;const i=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,i);if(r!==void 0&&i.reflect===!0){const o=(((s=i.converter)==null?void 0:s.toAttribute)!==void 0?i.converter:X).toAttribute(t,i.type);this._$Em=e,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(e,t){var s;const i=this.constructor,r=i._$Eh.get(e);if(r!==void 0&&this._$Em!==r){const o=i.getPropertyOptions(r),l=typeof o.converter=="function"?{fromAttribute:o.converter}:((s=o.converter)==null?void 0:s.fromAttribute)!==void 0?o.converter:X;this._$Em=r,this[r]=l.fromAttribute(t,o.type),this._$Em=null}}requestUpdate(e,t,i,r=!1,s){if(e!==void 0){if(i??(i=this.constructor.getPropertyOptions(e)),!(i.hasChanged??ue)(r?s:this[e],t))return;this.C(e,t,i)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(e,t,i){this._$AL.has(e)||this._$AL.set(e,t),i.reflect===!0&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,o]of this._$Ep)this[s]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[s,o]of r)o.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.C(s,this[s],o)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(i=this._$E_)==null||i.forEach(r=>{var s;return(s=r.hostUpdate)==null?void 0:s.call(r)}),this.update(t)):this._$ET()}catch(r){throw e=!1,this._$ET(),r}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$E_)==null||t.forEach(i=>{var r;return(r=i.hostUpdated)==null?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(t=>this._$EO(t,this[t]))),this._$ET()}updated(e){}firstUpdated(e){}}O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[B("elementProperties")]=new Map,O[B("finalized")]=new Map,se==null||se({ReactiveElement:O}),(A.reactiveElementVersions??(A.reactiveElementVersions=[])).push("2.0.2");/**
+ */const{is:Le,defineProperty:qe,getOwnPropertyDescriptor:ze,getOwnPropertyNames:Ie,getOwnPropertySymbols:De,getPrototypeOf:Be}=Object,A=globalThis,me=A.trustedTypes,je=me?me.emptyScript:"",se=A.reactiveElementPolyfillSupport,B=(n,e)=>n,X={toAttribute(n,e){switch(e){case Boolean:n=n?je:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,e){let t=n;switch(e){case Boolean:t=n!==null;break;case Number:t=n===null?null:Number(n);break;case Object:case Array:try{t=JSON.parse(n)}catch{t=null}}return t}},ue=(n,e)=>!Le(n,e),ve={attribute:!0,type:String,converter:X,reflect:!1,hasChanged:ue};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),A.litPropertyMetadata??(A.litPropertyMetadata=new WeakMap);class O extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=ve){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(e,i,t);r!==void 0&&qe(this.prototype,e,r)}}static getPropertyDescriptor(e,t,i){const{get:r,set:s}=ze(this.prototype,e)??{get(){return this[t]},set(o){this[t]=o}};return{get(){return r==null?void 0:r.call(this)},set(o){const l=r==null?void 0:r.call(this);s.call(this,o),this.requestUpdate(e,l,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ve}static _$Ei(){if(this.hasOwnProperty(B("elementProperties")))return;const e=Be(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(B("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(B("properties"))){const t=this.properties,i=[...Ie(t),...De(t)];for(const r of i)this.createProperty(r,t[r])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[i,r]of t)this.elementProperties.set(i,r)}this._$Eh=new Map;for(const[t,i]of this.elementProperties){const r=this._$Eu(t,i);r!==void 0&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const r of i)t.unshift(ge(r))}else e!==void 0&&t.push(ge(e));return t}static _$Eu(e,t){const i=t.attribute;return i===!1?void 0:typeof i=="string"?i:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$Eg=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$ES(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$E_??(this._$E_=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$E_)==null||t.delete(e)}_$ES(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return He(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$E_)==null||e.forEach(t=>{var i;return(i=t.hostConnected)==null?void 0:i.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$E_)==null||e.forEach(t=>{var i;return(i=t.hostDisconnected)==null?void 0:i.call(t)})}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$EO(e,t){var s;const i=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,i);if(r!==void 0&&i.reflect===!0){const o=(((s=i.converter)==null?void 0:s.toAttribute)!==void 0?i.converter:X).toAttribute(t,i.type);this._$Em=e,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(e,t){var s;const i=this.constructor,r=i._$Eh.get(e);if(r!==void 0&&this._$Em!==r){const o=i.getPropertyOptions(r),l=typeof o.converter=="function"?{fromAttribute:o.converter}:((s=o.converter)==null?void 0:s.fromAttribute)!==void 0?o.converter:X;this._$Em=r,this[r]=l.fromAttribute(t,o.type),this._$Em=null}}requestUpdate(e,t,i,r=!1,s){if(e!==void 0){if(i??(i=this.constructor.getPropertyOptions(e)),!(i.hasChanged??ue)(r?s:this[e],t))return;this.C(e,t,i)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(e,t,i){this._$AL.has(e)||this._$AL.set(e,t),i.reflect===!0&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,o]of this._$Ep)this[s]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[s,o]of r)o.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.C(s,this[s],o)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(i=this._$E_)==null||i.forEach(r=>{var s;return(s=r.hostUpdate)==null?void 0:s.call(r)}),this.update(t)):this._$ET()}catch(r){throw e=!1,this._$ET(),r}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$E_)==null||t.forEach(i=>{var r;return(r=i.hostUpdated)==null?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(t=>this._$EO(t,this[t]))),this._$ET()}updated(e){}firstUpdated(e){}}O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[B("elementProperties")]=new Map,O[B("finalized")]=new Map,se==null||se({ReactiveElement:O}),(A.reactiveElementVersions??(A.reactiveElementVersions=[])).push("2.0.2");/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const j=globalThis,ee=j.trustedTypes,$e=ee?ee.createPolicy("lit-html",{createHTML:n=>n}):void 0,Pe="$lit$",y=`lit$${(Math.random()+"").slice(9)}$`,ke="?"+y,We=`<${ke}>`,k=document,V=()=>k.createComment(""),F=n=>n===null||typeof n!="object"&&typeof n!="function",Te=Array.isArray,Ve=n=>Te(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",oe=`[
-\f\r]`,q=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,be=/-->/g,_e=/>/g,C=RegExp(`>|${oe}(?:([^\\s"'>=/]+)(${oe}*=${oe}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`,"g"),ye=/'/g,Ae=/"/g,Re=/^(?:script|style|textarea|title)$/i,Fe=n=>(e,...t)=>({_$litType$:n,strings:e,values:t}),_=Fe(1),T=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),we=new WeakMap,P=k.createTreeWalker(k,129);function Me(n,e){if(!Array.isArray(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return $e!==void 0?$e.createHTML(e):e}const Ke=(n,e)=>{const t=n.length-1,i=[];let r,s=e===2?"":"",o=q;for(let l=0;l"?(o=r??q,d=-1):c[1]===void 0?d=-2:(d=o.lastIndex-c[2].length,h=c[1],o=c[3]===void 0?C:c[3]==='"'?Ae:ye):o===Ae||o===ye?o=C:o===be||o===_e?o=q:(o=C,r=void 0);const p=o===C&&n[l+1].startsWith("/>")?" ":"";s+=o===q?a+We:d>=0?(i.push(h),a.slice(0,d)+Pe+a.slice(d)+y+p):a+y+(d===-2?l:p)}return[Me(n,s+(n[t]||">")+(e===2?" ":"")),i]};class K{constructor({strings:e,_$litType$:t},i){let r;this.parts=[];let s=0,o=0;const l=e.length-1,a=this.parts,[h,c]=Ke(e,t);if(this.el=K.createElement(h,i),P.currentNode=this.el.content,t===2){const d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(r=P.nextNode())!==null&&a.length0){r.textContent=ee?ee.emptyScript:"";for(let p=0;p2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=g}_$AI(e,t=this,i,r){const s=this.strings;let o=!1;if(s===void 0)e=z(this,e,t,0),o=!F(e)||e!==this._$AH&&e!==T,o&&(this._$AH=e);else{const l=e;let a,h;for(e=s[0],a=0;a{const i=(t==null?void 0:t.renderBefore)??e;let r=i._$litPart$;if(r===void 0){const s=(t==null?void 0:t.renderBefore)??null;i._$litPart$=r=new Y(e.insertBefore(V(),s),s,void 0,t??{})}return r._$AI(n),r};/**
+\f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,be=/-->/g,_e=/>/g,C=RegExp(`>|${oe}(?:([^\\s"'>=/]+)(${oe}*=${oe}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`,"g"),ye=/'/g,Ae=/"/g,Re=/^(?:script|style|textarea|title)$/i,Fe=n=>(e,...t)=>({_$litType$:n,strings:e,values:t}),_=Fe(1),T=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),we=new WeakMap,P=k.createTreeWalker(k,129);function Me(n,e){if(!Array.isArray(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return $e!==void 0?$e.createHTML(e):e}const Ke=(n,e)=>{const t=n.length-1,i=[];let r,s=e===2?"":"",o=D;for(let l=0;l"?(o=r??D,d=-1):c[1]===void 0?d=-2:(d=o.lastIndex-c[2].length,h=c[1],o=c[3]===void 0?C:c[3]==='"'?Ae:ye):o===Ae||o===ye?o=C:o===be||o===_e?o=D:(o=C,r=void 0);const p=o===C&&n[l+1].startsWith("/>")?" ":"";s+=o===D?a+We:d>=0?(i.push(h),a.slice(0,d)+Pe+a.slice(d)+y+p):a+y+(d===-2?l:p)}return[Me(n,s+(n[t]||">")+(e===2?" ":"")),i]};class K{constructor({strings:e,_$litType$:t},i){let r;this.parts=[];let s=0,o=0;const l=e.length-1,a=this.parts,[h,c]=Ke(e,t);if(this.el=K.createElement(h,i),P.currentNode=this.el.content,t===2){const d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(r=P.nextNode())!==null&&a.length0){r.textContent=ee?ee.emptyScript:"";for(let p=0;p2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=g}_$AI(e,t=this,i,r){const s=this.strings;let o=!1;if(s===void 0)e=q(this,e,t,0),o=!F(e)||e!==this._$AH&&e!==T,o&&(this._$AH=e);else{const l=e;let a,h;for(e=s[0],a=0;a{const i=(t==null?void 0:t.renderBefore)??e;let r=i._$litPart$;if(r===void 0){const s=(t==null?void 0:t.renderBefore)??null;i._$litPart$=r=new Y(e.insertBefore(V(),s),s,void 0,t??{})}return r._$AI(n),r};/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
@@ -36,7 +36,7 @@ var pe=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var G=(n,e,t)=>(pe(n
* @license
* Copyright 2018 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
- */const xe=st(class extends ot{constructor(n){var e;if(super(n),n.type!==nt.ATTRIBUTE||n.name!=="class"||((e=n.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(n){return" "+Object.keys(n).filter(e=>n[e]).join(" ")+" "}update(n,[e]){var i,r;if(this.it===void 0){this.it=new Set,n.strings!==void 0&&(this.st=new Set(n.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!((i=this.st)!=null&&i.has(s))&&this.it.add(s);return this.render(e)}const t=n.element.classList;for(const s of this.it)s in e||(t.remove(s),this.it.delete(s));for(const s in e){const o=!!e[s];o===this.it.has(s)||(r=this.st)!=null&&r.has(s)||(o?(t.add(s),this.it.add(s)):(t.remove(s),this.it.delete(s)))}return T}});function at(n){for(var e=[],t=0;t=48&&o<=57||o>=65&&o<=90||o>=97&&o<=122||o===95){r+=n[s++];continue}break}if(!r)throw new TypeError("Missing parameter name at ".concat(t));e.push({type:"NAME",index:t,value:r}),t=s;continue}if(i==="("){var l=1,a="",s=t+1;if(n[s]==="?")throw new TypeError('Pattern cannot start with "?" at '.concat(s));for(;s)?(?!\?)/g,i=0,r=t.exec(n.source);r;)e.push({name:r[1]||i++,prefix:"",suffix:"",modifier:"",pattern:""}),r=t.exec(n.source);return n}function ut(n,e,t){var i=n.map(function(r){return Ue(r,e,t).source});return new RegExp("(?:".concat(i.join("|"),")"),Oe(t))}function pt(n,e,t){return ft(lt(n,t),e,t)}function ft(n,e,t){t===void 0&&(t={});for(var i=t.strict,r=i===void 0?!1:i,s=t.start,o=s===void 0?!0:s,l=t.end,a=l===void 0?!0:l,h=t.encode,c=h===void 0?function(ne){return ne}:h,d=t.delimiter,f=d===void 0?"/#?":d,p=t.endsWith,$=p===void 0?"":p,M="[".concat(U($),"]|$"),b="[".concat(U(f),"]"),m=o?"^":"",I=0,D=n;I-1:E===void 0;r||(m+="(?:".concat(b,"(?=").concat(M,"))?")),re||(m+="(?=".concat(b,"|").concat(M,")"))}return new RegExp(m,Oe(t))}function Ue(n,e,t){return n instanceof RegExp?dt(n,e):Array.isArray(n)?ut(n,e,t):pt(n,e,t)}var gt=Object.defineProperty,mt=Object.getOwnPropertyDescriptor,J=(n,e,t,i)=>{for(var r=i>1?void 0:i?mt(e,t):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(i?o(e,t,r):o(r))||r);return i&&r&>(e,t,r),r};async function vt(n){return fetch(n).then(e=>e.json())}var N,H,L,Se;let R=(Se=class extends W{constructor(){super(...arguments);Q(this,N,void 0);Q(this,H,void 0);Q(this,L,void 0);S(this,N,"https://konturio.github.io/qgis-uni-navigation/nav-config.json"),S(this,H,1024),S(this,L,""),this.config=null,this.logo=null}get src(){return G(this,N)}set src(e){S(this,N,e)}get breakpoint(){return G(this,H)}set breakpoint(e){S(this,H,e)}get locationPrefix(){return G(this,L)}set locationPrefix(e){S(this,L,e)}async connectedCallback(){super.connectedCallback();const e=await vt(this.src);this.config=e,this.getAttribute("data-screen")!=="mobile"&&(this.handleWindowResize(),window.addEventListener("resize",this.handleWindowResize.bind(this)))}disconnectedCallback(){window.removeEventListener("resize",this.handleWindowResize.bind(this)),super.disconnectedCallback()}handleWindowResize(){if(!this.breakpoint)return;window.innerWidth
`:""}checkActive(e){return e?!!ct(e,{decode:decodeURIComponent})(window.location.pathname):!1}drawMenu(e=[],t=!0){return e?_`${e.map(i=>{switch(i.type){case"link":const r=i.settings.href.startsWith("https"),s=xe({link:!0,active:this.checkActive(i.settings.activeTest),external:r});if(r)return _`${i.settings.name} `;const o=this.locationPrefix+i.settings.href;return _`${i.settings.name} `;case"menu":const l=xe({menu:!0,"top-level":t});return _``;case"button":const a=this.locationPrefix+i.settings.href;return _`${i.settings.name} `;default:return""}})}`:_``}_handleBurgerClick(e){var s;const t=e.currentTarget,i=t.getAttribute("aria-expanded")==="true";t.setAttribute("aria-expanded",(!i).toString()),t.classList.toggle("active");const r=(s=this.shadowRoot)==null?void 0:s.querySelector("#mobile-menu");r&&(r.classList.toggle("active"),i&&this._handleCloseMobileSubMenus())}_handleCloseMobileMenu(){var i,r;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("#mobile-menu");if(!e)return;e.classList.remove("active");const t=(r=this.shadowRoot)==null?void 0:r.querySelector("#burger");t&&(t.classList.remove("active"),t.setAttribute("aria-expanded","false"))}_handleClickMobileSubMenu(e){e.stopPropagation();const t=e.currentTarget,i=t.getAttribute("aria-expanded")==="true";t.setAttribute("aria-expanded",(!i).toString());const r=t.querySelector(".dropdown");if(!r)return;const s=r.getAttribute("data-expanded")==="true";r.setAttribute("data-expanded",(!s).toString())}_handleCloseMobileSubMenus(){var i,r;const e=(i=this.shadowRoot)==null?void 0:i.querySelectorAll(".mobile .menu");e==null||e.forEach(s=>s.setAttribute("aria-expanded","false"));const t=(r=this.shadowRoot)==null?void 0:r.querySelectorAll(".mobile .dropdown");t==null||t.forEach(s=>s.setAttribute("data-expanded","false"))}drawBurger(){return _` `}drawMobileMenu(){var t;const e=(t=this.config)==null?void 0:t.navigation;return _``}drawHeader(){var t;const e=(t=this.config)==null?void 0:t.navigation;return e?_`${this.drawLogo()}${this.drawMenu(e)}
${this.drawBurger()} `:""}render(){return _``}},N=new WeakMap,H=new WeakMap,L=new WeakMap,Se);R.styles=Ne`
+ */const xe=st(class extends ot{constructor(n){var e;if(super(n),n.type!==nt.ATTRIBUTE||n.name!=="class"||((e=n.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(n){return" "+Object.keys(n).filter(e=>n[e]).join(" ")+" "}update(n,[e]){var i,r;if(this.it===void 0){this.it=new Set,n.strings!==void 0&&(this.st=new Set(n.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!((i=this.st)!=null&&i.has(s))&&this.it.add(s);return this.render(e)}const t=n.element.classList;for(const s of this.it)s in e||(t.remove(s),this.it.delete(s));for(const s in e){const o=!!e[s];o===this.it.has(s)||(r=this.st)!=null&&r.has(s)||(o?(t.add(s),this.it.add(s)):(t.remove(s),this.it.delete(s)))}return T}});function at(n){for(var e=[],t=0;t=48&&o<=57||o>=65&&o<=90||o>=97&&o<=122||o===95){r+=n[s++];continue}break}if(!r)throw new TypeError("Missing parameter name at ".concat(t));e.push({type:"NAME",index:t,value:r}),t=s;continue}if(i==="("){var l=1,a="",s=t+1;if(n[s]==="?")throw new TypeError('Pattern cannot start with "?" at '.concat(s));for(;s)?(?!\?)/g,i=0,r=t.exec(n.source);r;)e.push({name:r[1]||i++,prefix:"",suffix:"",modifier:"",pattern:""}),r=t.exec(n.source);return n}function ut(n,e,t){var i=n.map(function(r){return Ue(r,e,t).source});return new RegExp("(?:".concat(i.join("|"),")"),Oe(t))}function pt(n,e,t){return ft(lt(n,t),e,t)}function ft(n,e,t){t===void 0&&(t={});for(var i=t.strict,r=i===void 0?!1:i,s=t.start,o=s===void 0?!0:s,l=t.end,a=l===void 0?!0:l,h=t.encode,c=h===void 0?function(ne){return ne}:h,d=t.delimiter,f=d===void 0?"/#?":d,p=t.endsWith,$=p===void 0?"":p,M="[".concat(U($),"]|$"),b="[".concat(U(f),"]"),m=o?"^":"",z=0,I=n;z-1:E===void 0;r||(m+="(?:".concat(b,"(?=").concat(M,"))?")),re||(m+="(?=".concat(b,"|").concat(M,")"))}return new RegExp(m,Oe(t))}function Ue(n,e,t){return n instanceof RegExp?dt(n,e):Array.isArray(n)?ut(n,e,t):pt(n,e,t)}var gt=Object.defineProperty,mt=Object.getOwnPropertyDescriptor,J=(n,e,t,i)=>{for(var r=i>1?void 0:i?mt(e,t):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(i?o(e,t,r):o(r))||r);return i&&r&>(e,t,r),r};async function vt(n){return fetch(n).then(e=>e.json())}var N,H,L,Se;let R=(Se=class extends W{constructor(){super(...arguments);Q(this,N,void 0);Q(this,H,void 0);Q(this,L,void 0);S(this,N,"https://qgis.github.io/qgis-uni-navigation/nav-config.json"),S(this,H,1024),S(this,L,""),this.config=null,this.logo=null}get src(){return G(this,N)}set src(e){S(this,N,e)}get breakpoint(){return G(this,H)}set breakpoint(e){S(this,H,e)}get locationPrefix(){return G(this,L)}set locationPrefix(e){S(this,L,e)}async connectedCallback(){super.connectedCallback();const e=await vt(this.src);this.config=e,this.getAttribute("data-screen")!=="mobile"&&(this.handleWindowResize(),window.addEventListener("resize",this.handleWindowResize.bind(this)))}disconnectedCallback(){window.removeEventListener("resize",this.handleWindowResize.bind(this)),super.disconnectedCallback()}handleWindowResize(){if(!this.breakpoint)return;window.innerWidth
`:""}checkActive(e){return e?!!ct(e,{decode:decodeURIComponent})(window.location.pathname):!1}drawMenu(e=[],t=!0){return e?_`${e.map(i=>{switch(i.type){case"link":const r=i.settings.href.startsWith("https"),s=xe({link:!0,active:this.checkActive(i.settings.activeTest),external:r});if(r)return _`${i.settings.name} `;const o=this.locationPrefix+i.settings.href;return _`${i.settings.name} `;case"menu":const l=xe({menu:!0,"top-level":t});return _``;case"button":const a=this.locationPrefix+i.settings.href;return _`${i.settings.name} `;default:return""}})}`:_``}_handleBurgerClick(e){var s;const t=e.currentTarget,i=t.getAttribute("aria-expanded")==="true";t.setAttribute("aria-expanded",(!i).toString()),t.classList.toggle("active");const r=(s=this.shadowRoot)==null?void 0:s.querySelector("#mobile-menu");r&&(r.classList.toggle("active"),i&&this._handleCloseMobileSubMenus())}_handleCloseMobileMenu(){var i,r;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("#mobile-menu");if(!e)return;e.classList.remove("active");const t=(r=this.shadowRoot)==null?void 0:r.querySelector("#burger");t&&(t.classList.remove("active"),t.setAttribute("aria-expanded","false"))}_handleClickMobileSubMenu(e){e.stopPropagation();const t=e.currentTarget,i=t.getAttribute("aria-expanded")==="true";t.setAttribute("aria-expanded",(!i).toString());const r=t.querySelector(".dropdown");if(!r)return;const s=r.getAttribute("data-expanded")==="true";r.setAttribute("data-expanded",(!s).toString())}_handleCloseMobileSubMenus(){var i,r;const e=(i=this.shadowRoot)==null?void 0:i.querySelectorAll(".mobile .menu");e==null||e.forEach(s=>s.setAttribute("aria-expanded","false"));const t=(r=this.shadowRoot)==null?void 0:r.querySelectorAll(".mobile .dropdown");t==null||t.forEach(s=>s.setAttribute("data-expanded","false"))}drawBurger(){return _` `}drawMobileMenu(){var t;const e=(t=this.config)==null?void 0:t.navigation;return _``}drawHeader(){var t;const e=(t=this.config)==null?void 0:t.navigation;return e?_`${this.drawLogo()}${this.drawMenu(e)}
${this.drawBurger()} `:""}render(){return _``}},N=new WeakMap,H=new WeakMap,L=new WeakMap,Se);R.styles=Ne`
:host {
display: flex;
flex-flow: column nowrap;
@@ -126,7 +126,7 @@ var pe=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var G=(n,e,t)=>(pe(n
.link.external::after {
content: '';
- mask: url('${ce("https://konturio.github.io/qgis-uni-navigation/")}external.svg') no-repeat 50% 50%;
+ mask: url('${ce("https://qgis.github.io/qgis-uni-navigation/")}external.svg') no-repeat 50% 50%;
mask-size: cover;
width: 1rem;
height: 1rem;
@@ -143,7 +143,7 @@ var pe=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var G=(n,e,t)=>(pe(n
.menu > .link::after {
content: '';
- mask: url('${ce("https://konturio.github.io/qgis-uni-navigation/")}arrow.svg') no-repeat 50% 50%;
+ mask: url('${ce("https://qgis.github.io/qgis-uni-navigation/")}arrow.svg') no-repeat 50% 50%;
mask-size: cover;
width: 1rem;
height: 1rem;
diff --git a/nav-config.json b/nav-config.json
index 5fddd35..7e4399b 100644
--- a/nav-config.json
+++ b/nav-config.json
@@ -7,22 +7,22 @@
{
"type": "menu",
"settings": {
- "name": "Product",
+ "name": "Project",
"children": [
{
"type": "link",
"settings": {
"name": "Overview",
- "href": "/product/overview",
- "activeTest": "/product/overview"
+ "href": "/project/overview",
+ "activeTest": "/project/overview"
}
},
{
"type": "link",
"settings": {
"name": "Case studies",
- "href": "/product/case-studies",
- "activeTest": "/product/case-studies"
+ "href": "/project/case-studies",
+ "activeTest": "/project/case-studies"
}
},
{
@@ -36,8 +36,8 @@
"type": "link",
"settings": {
"name": "Visual Changelogs",
- "href": "/product/visual-changelogs",
- "activeTest": "/product/visual-changelogs"
+ "href": "/project/visual-changelogs",
+ "activeTest": "/project/visual-changelogs"
}
}
]