@visma-swno/vsn-navigation 1.3.0-beta.1 → 1.3.0-beta.2

package/dist/assets/vsn-navigation.js

@@ -1,9 +1,9 @@
 import { LitElement as e, css as t, html as n, nothing as r, svg as i, unsafeCSS as a } from "lit";
 import { customElement as o, property as s, query as c, state as l } from "lit/decorators.js";
-import { when as u } from "lit/directives/when.js";
-import { map as d } from "lit/directives/map.js";
-import { classMap as f } from "lit/directives/class-map.js";
+import { map as u } from "lit/directives/map.js";
+import { classMap as d } from "lit/directives/class-map.js";
 import { ifDefined as ee } from "lit/directives/if-defined.js";
+import { when as f } from "lit/directives/when.js";
 //#region \0rolldown/runtime.js
 var te = Object.defineProperty, p = (e, t) => {
 	let n = {};
@@ -192,38 +192,38 @@ function g(e) {
 function _(e) {
 	return "items" in e;
 }
-var v = class e extends Error {
+var de = class e extends Error {
 	constructor(t) {
 		super(t), this.name = "SearchError", Object.setPrototypeOf(this, e.prototype);
 	}
-}, de = ie("activeId"), fe = ie(Symbol("focus-manager")), y = "lit-localize-status", b = (e, ...t) => ({
+}, fe = ie("activeId"), pe = ie(Symbol("focus-manager")), me = "lit-localize-status", v = (e, ...t) => ({
 	strTag: !0,
 	strings: e,
 	values: t
-}), pe = (e) => typeof e != "string" && "strTag" in e, me = (e, t, n) => {
+}), he = (e) => typeof e != "string" && "strTag" in e, ge = (e, t, n) => {
 	let r = e[0];
 	for (let i = 1; i < e.length; i++) r += t[n ? n[i - 1] : i - 1], r += e[i];
 	return r;
-}, he = ((e) => pe(e) ? me(e.strings, e.values) : e), x = he, ge = !1;
-function _e(e) {
-	if (ge) throw Error("lit-localize can only be configured once");
-	x = e, ge = !0;
+}, _e = ((e) => he(e) ? ge(e.strings, e.values) : e), y = _e, ve = !1;
+function ye(e) {
+	if (ve) throw Error("lit-localize can only be configured once");
+	y = e, ve = !0;
 }
 //#endregion
 //#region node_modules/@lit/localize/internal/localized-controller.js
-var ve = class {
+var be = class {
 	constructor(e) {
 		this.__litLocalizeEventHandler = (e) => {
 			e.detail.status === "ready" && this.host.requestUpdate();
 		}, this.host = e;
 	}
 	hostConnected() {
-		window.addEventListener(y, this.__litLocalizeEventHandler);
+		window.addEventListener(me, this.__litLocalizeEventHandler);
 	}
 	hostDisconnected() {
-		window.removeEventListener(y, this.__litLocalizeEventHandler);
+		window.removeEventListener(me, this.__litLocalizeEventHandler);
 	}
-}, ye = (e) => e.addController(new ve(e)), S = () => (e, t) => (e.addInitializer(ye), e), be = class {
+}, xe = (e) => e.addController(new be(e)), b = () => (e, t) => (e.addInitializer(xe), e), Se = class {
 	constructor() {
 		this.settled = !1, this.promise = new Promise((e, t) => {
 			this._resolve = e, this._reject = t;
@@ -235,80 +235,80 @@ var ve = class {
 	reject(e) {
 		this.settled = !0, this._reject(e);
 	}
-}, C = [];
-for (let e = 0; e < 256; e++) C[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function xe(e) {
+}, x = [];
+for (let e = 0; e < 256; e++) x[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
+function Ce(e) {
 	let t = 0, n = 8997, r = 0, i = 33826, a = 0, o = 40164, s = 0, c = 52210;
 	for (let l = 0; l < e.length; l++) n ^= e.charCodeAt(l), t = n * 435, r = i * 435, a = o * 435, s = c * 435, a += n << 8, s += i << 8, r += t >>> 16, n = t & 65535, a += r >>> 16, i = r & 65535, c = s + (a >>> 16) & 65535, o = a & 65535;
-	return C[c >> 8] + C[c & 255] + C[o >> 8] + C[o & 255] + C[i >> 8] + C[i & 255] + C[n >> 8] + C[n & 255];
+	return x[c >> 8] + x[c & 255] + x[o >> 8] + x[o & 255] + x[i >> 8] + x[i & 255] + x[n >> 8] + x[n & 255];
 }
-var Se = "h", Ce = "s";
-function we(e, t) {
-	return (t ? Se : Ce) + xe(typeof e == "string" ? e : e.join(""));
+var we = "h", Te = "s";
+function Ee(e, t) {
+	return (t ? we : Te) + Ce(typeof e == "string" ? e : e.join(""));
 }
 //#endregion
 //#region node_modules/@lit/localize/internal/runtime-msg.js
-var Te = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new Map();
-function De(e, t, n) {
+var De = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new Map();
+function ke(e, t, n) {
 	if (e) {
-		let r = e[n?.id ?? Oe(t)];
+		let r = e[n?.id ?? Ae(t)];
 		if (r) {
 			if (typeof r == "string") return r;
-			if ("strTag" in r) return me(r.strings, t.values, r.values);
+			if ("strTag" in r) return ge(r.strings, t.values, r.values);
 			{
-				let e = Te.get(r);
-				return e === void 0 && (e = r.values, Te.set(r, e)), {
+				let e = De.get(r);
+				return e === void 0 && (e = r.values, De.set(r, e)), {
 					...r,
 					values: e.map((e) => t.values[e])
 				};
 			}
 		}
 	}
-	return he(t);
+	return _e(t);
 }
-function Oe(e) {
-	let t = typeof e == "string" ? e : e.strings, n = Ee.get(t);
-	return n === void 0 && (n = we(t, typeof e != "string" && !("strTag" in e)), Ee.set(t, n)), n;
+function Ae(e) {
+	let t = typeof e == "string" ? e : e.strings, n = Oe.get(t);
+	return n === void 0 && (n = Ee(t, typeof e != "string" && !("strTag" in e)), Oe.set(t, n)), n;
 }
 //#endregion
 //#region node_modules/@lit/localize/init/runtime.js
-function w(e) {
-	window.dispatchEvent(new CustomEvent(y, { detail: e }));
+function S(e) {
+	window.dispatchEvent(new CustomEvent(me, { detail: e }));
 }
-var T = "", E, ke, D, Ae, je, O = new be();
-O.resolve();
-var k = 0, Me = (e) => (_e(((e, t) => De(je, e, t))), T = ke = e.sourceLocale, D = new Set(e.targetLocales), D.add(e.sourceLocale), Ae = e.loadLocale, {
-	getLocale: Ne,
-	setLocale: Pe
-}), Ne = () => T, Pe = (e) => {
-	if (e === (E ?? T)) return O.promise;
-	if (!D || !Ae) throw Error("Internal error");
-	if (!D.has(e)) throw Error("Invalid locale code");
-	k++;
-	let t = k;
-	return E = e, O.settled && (O = new be()), w({
+var C = "", w, je, T, E, Me, D = new Se();
+D.resolve();
+var O = 0, Ne = (e) => (ye(((e, t) => ke(Me, e, t))), C = je = e.sourceLocale, T = new Set(e.targetLocales), T.add(e.sourceLocale), E = e.loadLocale, {
+	getLocale: Pe,
+	setLocale: Fe
+}), Pe = () => C, Fe = (e) => {
+	if (e === (w ?? C)) return D.promise;
+	if (!T || !E) throw Error("Internal error");
+	if (!T.has(e)) throw Error("Invalid locale code");
+	O++;
+	let t = O;
+	return w = e, D.settled && (D = new Se()), S({
 		status: "loading",
 		loadingLocale: e
-	}), (e === ke ? Promise.resolve({ templates: void 0 }) : Ae(e)).then((n) => {
-		k === t && (T = e, E = void 0, je = n.templates, w({
+	}), (e === je ? Promise.resolve({ templates: void 0 }) : E(e)).then((n) => {
+		O === t && (C = e, w = void 0, Me = n.templates, S({
 			status: "ready",
 			readyLocale: e
-		}), O.resolve());
+		}), D.resolve());
 	}, (n) => {
-		k === t && (w({
+		O === t && (S({
 			status: "error",
 			errorLocale: e,
 			errorMessage: n.toString()
-		}), O.reject(n));
-	}), O.promise;
-}, Fe = () => {
+		}), D.reject(n));
+	}), D.promise;
+}, Ie = () => {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
 	return /mac/i.test(e);
-}, Ie = (e) => !e.shiftKey && !e.altKey && (Fe() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), A = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, j = (e) => !A(e), Le = () => x("Choose a service"), Re = () => x("Search"), ze = () => Fe() ? "Cmd+K" : "CTRL+K", Be = (e) => x(b`Type at least ${e} characters to search`), Ve = () => x("Menu items"), He = () => x("Load more"), Ue = () => x("VSN"), We = "survicate-sdk", Ge = "ui-components-feedback", Ke = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
+}, Le = (e) => !e.shiftKey && !e.altKey && (Ie() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), k = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, A = (e) => !k(e), Re = () => y("Choose a service"), ze = () => y("Search"), Be = () => Ie() ? "Cmd+K" : "CTRL+K", Ve = (e) => y(v`Type at least ${e} characters to search`), He = () => y("Menu items"), Ue = () => y("Load more"), We = () => y("VSN"), Ge = "survicate-sdk", Ke = "ui-components-feedback", qe = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
 //#endregion
 //#region src/shared/icons.ts
-function M(e, t = 24, r) {
+function j(e, t = 24, r) {
 	return n`<svg
       xmlns="http://www.w3.org/2000/svg"
       width="${t}"
@@ -323,23 +323,23 @@ function M(e, t = 24, r) {
       class=${r ?? ""}
   >${e}</svg>`;
 }
-var qe = i``, Je = i`
+var Je = i``, Ye = i`
   <path d="M4 5h16"/>
   <path d="M4 12h16"/>
   <path d="M4 19h16"/>
-`, Ye = i`
+`, Xe = i`
   <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/>
   <path d="M20 2v4"/>
   <path d="M22 4h-4"/>
   <circle cx="4" cy="20" r="2"/>
-`, Xe = i`
+`, Ze = i`
   <path d="M10.268 21a2 2 0 0 0 3.464 0"/>
   <path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/>
-`, Ze = i`
+`, Qe = i`
   <path d="M10.268 21a2 2 0 0 0 3.464 0"/>
   <path d="M11.68 2.009A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673c-.824-.85-1.678-1.731-2.21-3.348"/>
   <circle cx="18" cy="5" r="3"/>
-`, Qe = i`
+`, $e = i`
   <path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/>
   <path d="M7 10v12"/>
 `;
@@ -350,14 +350,14 @@ i`
   <path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"/>
   <path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"/>
 `;
-var $e = i`
+var et = i`
   <path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/>
   <path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
-`, et = i`
+`, tt = i`
   <circle cx="12" cy="12" r="10"/>
   <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
   <path d="M12 17h.01"/>
-`, tt = i`
+`, nt = i`
   <circle cx="12" cy="8" r="5"/>
   <path d="M20 21a8 8 0 0 0-16 0"/>
 `;
@@ -368,11 +368,11 @@ i`
   <path d="M12 17v5"/>
   <path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"/>
 `;
-var nt = i`
+var rt = i`
   <path d="m16 17 5-5-5-5"/>
   <path d="M21 12H9"/>
   <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-`, rt = i`
+`, it = i`
   <path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/>
   <path d="m21 3-9 9"/>
   <path d="M15 3h6v6"/>
@@ -381,17 +381,17 @@ i`
   <circle cx="12" cy="12" r="10"/>
   <circle cx="12" cy="12" r="1"/>
 `;
-var it = i`
+var at = i`
   <path d="m7 15 5 5 5-5"/>
   <path d="m7 9 5-5 5 5"/>
-`, at = i`
+`, ot = i`
   <path d="m18 15-6-6-6 6"/>
-`, N = i`
+`, M = i`
   <path d="m6 9 6 6 6-6"/>
-`, ot = i`
+`, st = i`
   <circle cx="11" cy="11" r="8"/>
   <path d="m21 21-4.3-4.3"/>
-`, st = i`
+`, ct = i`
   <circle cx="12" cy="12" r="10"/>
   <path d="m15 9-6 6"/>
   <path d="m9 9 6 6"/>
@@ -401,7 +401,7 @@ i`
   <line x1="12" x2="12" y1="8" y2="12"/>
   <line x1="12" x2="12.01" y1="16" y2="16"/>
 `;
-var ct = i`
+var lt = i`
   <path d="M12 16h.01"/>
   <path d="M12 8v4"/>
   <path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/>
@@ -412,12 +412,12 @@ i`
 `, i`
   <path fill-rule="evenodd" clip-rule="evenodd" d="M2.60982 1.03843C2.99778 0.96126 3.39992 1.00087 3.76537 1.15224C4.13082 1.30362 4.44318 1.55996 4.66294 1.88886C4.8827 2.21776 5 2.60444 5 3V4H7V3C7 2.60444 7.1173 2.21776 7.33706 1.88886C7.55682 1.55996 7.86918 1.30362 8.23463 1.15224C8.60009 1.00087 9.00222 0.96126 9.39018 1.03843C9.77814 1.1156 10.1345 1.30608 10.4142 1.58579C10.6939 1.86549 10.8844 2.22186 10.9616 2.60982C11.0387 2.99778 10.9991 3.39992 10.8478 3.76537C10.6964 4.13082 10.44 4.44318 10.1111 4.66294C9.78224 4.8827 9.39556 5 9 5H8V7H9C9.39556 7 9.78224 7.1173 10.1111 7.33706C10.44 7.55682 10.6964 7.86918 10.8478 8.23463C10.9991 8.60009 11.0387 9.00222 10.9616 9.39018C10.8844 9.77814 10.6939 10.1345 10.4142 10.4142C10.1345 10.6939 9.77814 10.8844 9.39018 10.9616C9.00222 11.0387 8.60009 10.9991 8.23463 10.8478C7.86918 10.6964 7.55682 10.44 7.33706 10.1111C7.1173 9.78224 7 9.39556 7 9V8H5V9C5 9.39556 4.8827 9.78224 4.66294 10.1111C4.44318 10.44 4.13082 10.6964 3.76537 10.8478C3.39992 10.9991 2.99778 11.0387 2.60982 10.9616C2.22186 10.8844 1.86549 10.6939 1.58579 10.4142C1.30608 10.1345 1.1156 9.77814 1.03843 9.39018C0.96126 9.00222 1.00087 8.60009 1.15224 8.23463C1.30362 7.86918 1.55996 7.55682 1.88886 7.33706C2.21776 7.1173 2.60444 7 3 7H4V5H3C2.60444 5 2.21776 4.8827 1.88886 4.66294C1.55996 4.44318 1.30362 4.13082 1.15224 3.76537C1.00087 3.39992 0.96126 2.99778 1.03843 2.60982C1.1156 2.22186 1.30608 1.86549 1.58579 1.58579C1.86549 1.30608 2.22186 1.1156 2.60982 1.03843ZM4 4V3C4 2.80222 3.94135 2.60888 3.83147 2.44443C3.72159 2.27998 3.56541 2.15181 3.38268 2.07612C3.19996 2.00043 2.99889 1.98063 2.80491 2.01922C2.61093 2.0578 2.43275 2.15304 2.29289 2.29289C2.15304 2.43275 2.0578 2.61093 2.01922 2.80491C1.98063 2.99889 2.00043 3.19996 2.07612 3.38268C2.15181 3.56541 2.27998 3.72159 2.44443 3.83147C2.60888 3.94135 2.80222 4 3 4H4ZM5 5V7H7V5H5ZM4 8H3C2.80222 8 2.60888 8.05865 2.44443 8.16853C2.27998 8.27841 2.15181 8.43459 2.07612 8.61732C2.00043 8.80004 1.98063 9.00111 2.01922 9.19509C2.0578 9.38907 2.15304 9.56726 2.29289 9.70711C2.43275 9.84696 2.61093 9.9422 2.80491 9.98079C2.99889 10.0194 3.19996 9.99957 3.38268 9.92388C3.56541 9.84819 3.72159 9.72002 3.83147 9.55557C3.94135 9.39112 4 9.19778 4 9V8ZM8 8V9C8 9.19778 8.05865 9.39112 8.16853 9.55557C8.27841 9.72002 8.43459 9.84819 8.61732 9.92388C8.80004 9.99957 9.00111 10.0194 9.19509 9.98079C9.38907 9.9422 9.56726 9.84696 9.70711 9.70711C9.84696 9.56726 9.9422 9.38907 9.98079 9.19509C10.0194 9.00111 9.99957 8.80004 9.92388 8.61732C9.84819 8.43459 9.72002 8.27841 9.55557 8.16853C9.39112 8.05865 9.19778 8 9 8H8ZM8 4H9C9.19778 4 9.39112 3.94135 9.55557 3.83147C9.72002 3.72159 9.84819 3.56541 9.92388 3.38268C9.99957 3.19996 10.0194 2.99889 9.98079 2.80491C9.9422 2.61093 9.84696 2.43275 9.70711 2.29289C9.56726 2.15304 9.38907 2.0578 9.19509 2.01922C9.00111 1.98063 8.80004 2.00043 8.61732 2.07612C8.43459 2.15181 8.27841 2.27998 8.16853 2.44443C8.05865 2.60888 8 2.80222 8 3V4Z"/>
 `;
-var lt = i`
+var ut = i`
   <path d="m9 18 6-6-6-6"/>
 `;
 //#endregion
 //#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
-function P(e, t, n, r) {
+function N(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -425,9 +425,9 @@ function P(e, t, n, r) {
 }
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-item.ts
-var F, I = class extends e {
+var P, F = class extends e {
 	static {
-		F = this;
+		P = this;
 	}
 	static {
 		this._idCounter = 0;
@@ -461,8 +461,8 @@ var F, I = class extends e {
 			this._showTooltip = !1;
 		}, this._onKeyDown = (e) => {
 			let t = this.tree;
-			if (t !== void 0 && !(e.defaultPrevented || A(e))) {
-				if (F.menuShortcuts.includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "ArrowUp") {
+			if (t !== void 0 && !(e.defaultPrevented || k(e))) {
+				if (P.menuShortcuts.includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "ArrowUp") {
 					this._focusManager?.focusPrev(this);
 					return;
 				}
@@ -472,20 +472,25 @@ var F, I = class extends e {
 				}
 				_(t) ? this.handleKeyForParent(e.key) : this.handleKeyForLeaf(e.key);
 			}
-		}, this._tooltipId = `vsn-side-menu-item-tooltip-${F._idCounter++}`;
+		};
+		let e = P._idCounter++;
+		this._tooltipId = `vsn-side-menu-item-tooltip-${e}`, this._childListId = `vsn-side-menu-item-list-${e}`;
 	}
 	focusSelf() {
-		this.querySelector("a.ga-side-navigation__item, div.ga-side-navigation__item[tabindex=\"0\"]")?.focus();
+		this.querySelector("a.ga-side-navigation__item, button.ga-side-navigation__item")?.focus();
 	}
 	willUpdate(e) {
 		let t = this.tree;
 		t !== void 0 && e.has("_currentActiveId") && (this._isActive = this._currentActiveId === t.id, _(t) && (this._isExpanded = this.isActiveNode(t) !== null));
 	}
 	render() {
-		let e = this.tree && _(this.tree) ? this.tree.items : [];
+		let e = this.tree !== void 0 && _(this.tree), t = this.tree && _(this.tree) ? this.tree.items : [];
 		return n`
       ${this.menuItemMarkup()}
-      ${u(this._isExpanded && e.length > 0, () => d(e, (e) => this.menuItem(e, this.level + 1)))}
+      ${e ? n`
+        <ul class="vsn-menu__list" id="${this._childListId}" ?hidden=${!this._isExpanded}>
+          ${this._isExpanded ? u(t, (e) => n`<li class="vsn-menu__item">${this.menuItem(e, this.level + 1)}</li>`) : r}
+        </ul>` : r}
     `;
 	}
 	menuItemMarkup() {
@@ -500,17 +505,18 @@ var F, I = class extends e {
         <div class="ga-tooltip ga-tooltip--right-center w-34 max-w-135">${this.tree?.label}</div>
       </div>
       <span class="ga-side-navigation__item-icon">
-			  ${e ? this._isExpanded ? M(N, 16) : M(lt, 16) : ""}
+			  ${e ? this._isExpanded ? j(M, 16) : j(ut, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${this.tree?.label}</div>
       </div>
     `;
 		return e ? n`
-        <div class="${f(r)}" tabindex="0" aria-describedby="${this._tooltipId}" data-qa-id="${ee(t)}"
+        <button type="button" class="${d(r)}" aria-expanded="${this._isExpanded}" aria-controls="${this._childListId}" aria-describedby="${this._tooltipId}" data-qa-id="${ee(t)}"
              @click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
              @mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}
-        </div>` : n`<a class="${f(r)}" aria-describedby="${this._tooltipId}"
+        </button>` : n`<a class="${d(r)}" aria-describedby="${this._tooltipId}"
+                   aria-current=${ee(this._isActive ? "page" : void 0)}
                    href="${this.tree && g(this.tree) ? this.tree.url : ""}" data-qa-id="${ee(t)}"
                    @click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
                    @mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}</a>`;
@@ -560,7 +566,7 @@ var F, I = class extends e {
 				this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			e.button !== 0 || A(e) || (e.preventDefault(), e.stopPropagation(), (!this._isActive || this.hasPageTitle) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
+			e.button !== 0 || k(e) || (e.preventDefault(), e.stopPropagation(), (!this._isActive || this.hasPageTitle) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
 				bubbles: !0,
 				composed: !0,
 				detail: t
@@ -568,13 +574,13 @@ var F, I = class extends e {
 		}
 	}
 };
-P([s({ attribute: !1 })], I.prototype, "tree", void 0), P([s({ type: Number })], I.prototype, "level", void 0), P([ue({
-	context: de,
+N([s({ attribute: !1 })], F.prototype, "tree", void 0), N([s({ type: Number })], F.prototype, "level", void 0), N([ue({
+	context: fe,
 	subscribe: !0
-}), l()], I.prototype, "_currentActiveId", void 0), P([l()], I.prototype, "_isActive", void 0), P([l()], I.prototype, "_isExpanded", void 0), P([l()], I.prototype, "_showTooltip", void 0), P([l()], I.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__item-label")], I.prototype, "_labelEl", void 0), P([ue({ context: fe })], I.prototype, "_focusManager", void 0), P([s({ type: Boolean })], I.prototype, "hasPageTitle", void 0), I = F = P([o("vsn-menu-item")], I);
+}), l()], F.prototype, "_currentActiveId", void 0), N([l()], F.prototype, "_isActive", void 0), N([l()], F.prototype, "_isExpanded", void 0), N([l()], F.prototype, "_showTooltip", void 0), N([l()], F.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__item-label")], F.prototype, "_labelEl", void 0), N([ue({ context: pe })], F.prototype, "_focusManager", void 0), N([s({ type: Boolean })], F.prototype, "hasPageTitle", void 0), F = P = N([o("vsn-menu-item")], F);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
-var L = class extends e {
+var I = class extends e {
 	constructor(...e) {
 		super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "", this.hasPageTitle = !1, this._focusManager = {
 			focusPrev: (e) => {
@@ -596,9 +602,11 @@ var L = class extends e {
 	render() {
 		return n`
       <div class="flex flex-col ga-side-navigation__body h-full overflow-y-hidden">
-        <div class="flex-1 overflow-y-auto ga-scroll">
-          ${d(this.items, (e) => this.menuItem(e))}
-        </div>
+        <nav class="flex-1 overflow-y-auto ga-scroll" aria-label=${y("Side navigation")}>
+          <ul class="vsn-menu__list">
+            ${u(this.items, (e) => n`<li class="vsn-menu__item">${this.menuItem(e)}</li>`)}
+          </ul>
+        </nav>
         <div>
           <slot name="nav-footer"></slot>
         </div>
@@ -610,15 +618,15 @@ var L = class extends e {
       <vsn-menu-item .tree=${e} .hasPageTitle=${this.hasPageTitle}></vsn-menu-item>`;
 	}
 };
-P([s({ attribute: !1 })], L.prototype, "items", void 0), P([le({ context: de }), l()], L.prototype, "_currentActiveId", void 0), P([s()], L.prototype, "currentItem", void 0), P([s({ type: Boolean })], L.prototype, "hasPageTitle", void 0), P([le({ context: fe })], L.prototype, "_focusManager", void 0), L = P([o("vsn-menu")], L);
+N([s({ attribute: !1 })], I.prototype, "items", void 0), N([le({ context: fe }), l()], I.prototype, "_currentActiveId", void 0), N([s()], I.prototype, "currentItem", void 0), N([s({ type: Boolean })], I.prototype, "hasPageTitle", void 0), N([le({ context: pe })], I.prototype, "_focusManager", void 0), I = N([b(), o("vsn-menu")], I);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
-var R = class extends e {
+var L = class extends e {
 	constructor(...e) {
 		super(...e), this.label = "", this.closeOnClick = !1, this._onKeydown = (e) => {
-			e.defaultPrevented || j(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
+			e.defaultPrevented || A(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
 		}, this._onClick = (e) => {
-			e.defaultPrevented || e.button !== 0 || A(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+			e.defaultPrevented || e.button !== 0 || k(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
 			}));
@@ -726,13 +734,13 @@ var R = class extends e {
     `;
 	}
 };
-P([s()], R.prototype, "label", void 0), P([s({
+N([s()], L.prototype, "label", void 0), N([s({
 	type: Boolean,
 	attribute: "close-on-click"
-})], R.prototype, "closeOnClick", void 0), R = P([o("vsn-menu-button")], R);
+})], L.prototype, "closeOnClick", void 0), L = N([o("vsn-menu-button")], L);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-separator.ts
-var ut = class extends e {
+var dt = class extends e {
 	static {
 		this.styles = [t`
         /* flow-root establishes a BFC so the .line's margins stay contained.
@@ -756,21 +764,15 @@ var ut = class extends e {
 		return n`<div class="line"></div>`;
 	}
 };
-ut = P([o("vsn-menu-separator")], ut);
+dt = N([o("vsn-menu-separator")], dt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-footer/vsn-footer.keyboard.ts
-var dt = class {
+var ft = class {
 	constructor(e) {
 		this._prevExpanded = !1, this.onUserKeydown = (e) => {
-			e.defaultPrevented || A(e) || (e.key === "Enter" || e.key === " " || e.key === "Escape" && this.host.expanded) && (e.preventDefault(), this.host.expanded = !this.host.expanded);
+			e.defaultPrevented || k(e) || e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
 		}, this.onDropdownKeydown = (e) => {
-			if (e.defaultPrevented || A(e)) return;
-			if (e.key === "Enter" || e.key === " ") {
-				let t = e.target;
-				t instanceof HTMLElement && t.classList.contains("ga-side-navigation__footer-dropdown-item") && (e.preventDefault(), t.click());
-				return;
-			}
-			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = this.host.querySelector(".ga-side-navigation__footer-dropdown");
 			if (!t) return;
@@ -789,7 +791,7 @@ var dt = class {
 		} else !this.host.expanded && this._prevExpanded && this.host.querySelector(".ga-side-navigation__user")?.focus();
 		this._prevExpanded = this.host.expanded;
 	}
-}, ft = class {
+}, pt = class {
 	constructor(e, t, n) {
 		this._onPointerDown = (e) => {
 			let t = e.composedPath();
@@ -806,18 +808,18 @@ var dt = class {
 	hostDisconnected() {
 		document.removeEventListener("pointerdown", this._onPointerDown, !0);
 	}
-}, pt = "initials";
-function mt(e, t, n, r) {
+}, mt = "initials";
+function ht(e, t, n, r) {
 	if (!t) return;
 	let i = new URLSearchParams({
-		type: pt,
+		type: mt,
 		size: r
 	});
 	return n && i.set("client_id", n), `${e}${t}?${i}`;
 }
 //#endregion
 //#region src/components/controllers/focus-trapping-controller.ts
-var z = class {
+var R = class {
 	constructor(e, t, n = void 0) {
 		this._rootElement = null, this._onKeyDown = (e) => {
 			if (e.defaultPrevented || e.key !== "Tab" || e.ctrlKey || e.altKey || e.metaKey || !this._appliesCallback() || this._rootElement == null) return;
@@ -836,31 +838,31 @@ var z = class {
 	hostUpdated() {
 		this._rootElement == null && this._rootSelector && (this._rootElement = this._host.renderRoot.querySelector(this._rootSelector), this._rootElement != null && this._rootElement.addEventListener("keydown", this._onKeyDown));
 	}
-}, ht = {
-	profile: tt,
-	logout: nt
-}, gt = () => ({
-	profile: x("My profile"),
-	logout: x("Log out")
-}), B = class extends e {
+}, gt = {
+	profile: nt,
+	logout: rt
+}, _t = () => ({
+	profile: y("My profile"),
+	logout: y("Log out")
+}), z = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	get _items() {
 		return [{
 			id: "profile",
-			label: gt().profile,
+			label: _t().profile,
 			url: this.myProfileUrl
 		}, {
 			id: "logout",
-			label: gt().logout,
+			label: _t().logout,
 			url: "/logout"
 		}];
 	}
 	constructor() {
-		super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new dt(this), new ft(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
+		super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new ft(this), new pt(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
 			this.expanded = !1;
-		}), new z(this, () => this.expanded);
+		}), new R(this, () => this.expanded);
 	}
 	willUpdate(e) {
 		(e.has("user") || e.has("profilePictureBaseUrl")) && (this._avatarFailed = !1);
@@ -874,9 +876,8 @@ var z = class {
            @keydown=${this._keyboard.onUserKeydown}>
         ${this.expanded ? this.renderDropdown() : r}
 
-        <div
-          role="button"
-          tabindex="0"
+        <button
+          type="button"
           aria-expanded="${this.expanded}"
           aria-haspopup="menu"
           class="ga-side-navigation__user
@@ -895,10 +896,10 @@ var z = class {
           </div>
 
           <span class="ga-side-navigation__user-action">
-              ${this.expanded ? M(at, 16) : M(it, 16)}
+              ${this.expanded ? j(ot, 16) : j(at, 16)}
             </span>
 
-        </div>
+        </button>
       </div>
     `;
 	}
@@ -909,14 +910,14 @@ var z = class {
         ${this._items.map((e) => {
 			let t = n`
             <span class="ga-side-navigation__footer-dropdown-icon">
-                ${M(ht[e.id], 16)}
+                ${j(gt[e.id], 16)}
               </span>
             <span class="ga-side-navigation__footer-dropdown-title">
                 ${e.label}
               </span>
             ${e.external ? n`
               <span class="ga-side-navigation__footer-dropdown-trail">
-                  ${M(rt, 16)}
+                  ${j(it, 16)}
                 </span>
             ` : r}
           `;
@@ -926,13 +927,12 @@ var z = class {
               @click=${(t) => this._handleProfileClick(t, e)}>
               ${t}
             </a>` : n`
-            <div
-              role="button"
-              tabindex="0"
+            <button
+              type="button"
               class="ga-side-navigation__footer-dropdown-item"
               @click=${(t) => this._handleClick(t, e)}>
               ${t}
-            </div>`;
+            </button>`;
 		})}
       </div>
     `;
@@ -957,7 +957,7 @@ var z = class {
 		}));
 	}
 	renderAvatar() {
-		let e = mt(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
+		let e = ht(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
 		return e && !this._avatarFailed ? n`<img
         class="ga-side-navigation__user-avatar"
         src=${e}
@@ -965,33 +965,33 @@ var z = class {
         @error=${() => {
 			this._avatarFailed = !0;
 		}}/>` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
-      ${M(tt, 24)}
+      ${j(nt, 24)}
     </span>`;
 	}
 };
-P([s({ attribute: !1 })], B.prototype, "user", void 0), P([s()], B.prototype, "profilePictureBaseUrl", void 0), P([s()], B.prototype, "myProfileUrl", void 0), P([s({
+N([s({ attribute: !1 })], z.prototype, "user", void 0), N([s()], z.prototype, "profilePictureBaseUrl", void 0), N([s()], z.prototype, "myProfileUrl", void 0), N([s({
 	type: Boolean,
 	reflect: !0
-})], B.prototype, "expanded", void 0), P([l()], B.prototype, "_avatarFailed", void 0), B = P([S(), o("vsn-footer")], B);
+})], z.prototype, "expanded", void 0), N([l()], z.prototype, "_avatarFailed", void 0), z = N([b(), o("vsn-footer")], z);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
-var _t = class {
+var vt = class {
 	constructor(e) {
 		this.onSwitcherKeydown = (e) => {
-			e.defaultPrevented || A(e) || (this.host.expanded && (e.key === "Enter" || e.key === " " || e.key === "Escape") ? this.host.requestClose() && e.preventDefault() : !this.host.expanded && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), (this.host.hasAvailableItems || this.host.modulesLoading) && (this.host.expanded = !this.host.expanded)));
+			e.defaultPrevented || k(e) || this.host.expanded && e.key === "Escape" && this.host.requestClose() && e.preventDefault();
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, V = class extends e {
+}, B = class extends e {
 	constructor(...e) {
 		super(...e), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
 			if (e.defaultPrevented) return;
-			if (j(e) && (e.key === "Enter" || e.key === " ")) {
+			if (A(e) && (e.key === "Enter" || e.key === " ")) {
 				let t = e.target;
 				t instanceof HTMLElement && t.classList.contains("ga-side-navigation__switcher-dropdown-item") && (e.preventDefault(), t.click());
 				return;
 			}
-			if (A(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = Array.from(this.querySelectorAll(".ga-side-navigation__switcher-dropdown-item"));
 			if (t.length === 0) return;
@@ -1006,7 +1006,7 @@ var _t = class {
 		this.loading || this.querySelector(".ga-side-navigation__switcher-dropdown-item")?.focus();
 	}
 	_handleItemClick(e, t) {
-		A(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
+		k(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
 			detail: { id: t },
 			bubbles: !0,
 			composed: !0
@@ -1017,16 +1017,16 @@ var _t = class {
         <div class="ga-side-navigation__switcher-dropdown vsn-switcher-dropdown--loading"
              role="status"
              aria-busy="true"
-             aria-label=${x("Loading modules")}>
+             aria-label=${y("Loading modules")}>
           <span class="vsn-spinner"></span>
         </div>
       ` : n`
       <div class="ga-side-navigation__switcher-dropdown ga-scroll"
            role="menu"
            style=${`max-height: ${Math.max(0, this.maxHeight)}px`}
-           aria-label=${Le()}
+           aria-label=${Re()}
            @keydown=${this._handleKeydown}>
-        <span class="ga-side-navigation__switcher-dropdown-header">${Le()}</span>
+        <span class="ga-side-navigation__switcher-dropdown-header">${Re()}</span>
         ${this.items.map((e) => n`
           <a class="ga-side-navigation__switcher-dropdown-item"
              href=${e.url ?? ""}
@@ -1039,10 +1039,10 @@ var _t = class {
     `;
 	}
 };
-P([s({ attribute: !1 })], V.prototype, "items", void 0), P([s({ type: Boolean })], V.prototype, "loading", void 0), P([s({ attribute: !1 })], V.prototype, "maxHeight", void 0), V = P([S(), o("vsn-switcher-menu")], V);
+N([s({ attribute: !1 })], B.prototype, "items", void 0), N([s({ type: Boolean })], B.prototype, "loading", void 0), N([s({ attribute: !1 })], B.prototype, "maxHeight", void 0), B = N([b(), o("vsn-switcher-menu")], B);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search/vsn-search.ts
-var H = class extends e {
+var V = class extends e {
 	constructor(...e) {
 		super(...e), this.shortcut = "", this.value = "", this.loading = !1, this._scheduleAutoSearch = () => {
 			this._cancelDebounce(), this._debounceTimer = window.setTimeout(this._emitSearch, 200);
@@ -1060,7 +1060,7 @@ var H = class extends e {
 				composed: !0
 			}));
 		}, this._handleEscape = (e) => {
-			e.defaultPrevented || j(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
+			e.defaultPrevented || A(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
 		};
 	}
 	createRenderRoot() {
@@ -1085,7 +1085,7 @@ var H = class extends e {
 		this._cancelDebounce(), super.disconnectedCallback();
 	}
 	_handleEnter(e) {
-		e.defaultPrevented || j(e) && e.key === "Enter" && this._emitSearch();
+		e.defaultPrevented || A(e) && e.key === "Enter" && this._emitSearch();
 	}
 	render() {
 		let e = this.value.length > 0 && this.value.length < 3;
@@ -1094,20 +1094,20 @@ var H = class extends e {
         <button
           type="button"
           class="vsn-search__trigger"
-          aria-label=${x("Search")}
+          aria-label=${y("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
-          ${M(ot, 24)}
+          ${j(st, 24)}
         </button>
         <input type="search"
-               .placeholder=${Re()}
+               .placeholder=${ze()}
                .value=${this.value}
                @input=${this._handleInput}
                @keydown=${this._handleEnter}/>
         ${this._trailingSlot()}
       </div>
-      ${u(e, () => n`
-        <div class="vsn-search__helper">${Be(3)}</div>`)}
+      ${f(e, () => n`
+        <div class="vsn-search__helper">${Ve(3)}</div>`)}
     `;
 	}
 	_trailingSlot() {
@@ -1119,13 +1119,13 @@ var H = class extends e {
     `;
 	}
 	_spinner() {
-		return n`<span class="vsn-spinner" role="status" aria-label=${x("Searching")}></span>`;
+		return n`<span class="vsn-spinner" role="status" aria-label=${y("Searching")}></span>`;
 	}
 	_clearButton() {
 		return n`
-      <button class="vsn-search__clear" aria-label=${x("Clear search")}
+      <button class="vsn-search__clear" aria-label=${y("Clear search")}
               @click=${this._emitSearchCleared}>
-        ${M(st, 16)}
+        ${j(ct, 16)}
       </button>
     `;
 	}
@@ -1133,17 +1133,17 @@ var H = class extends e {
 		return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
 	}
 };
-P([s()], H.prototype, "shortcut", void 0), P([s()], H.prototype, "value", void 0), P([s({ type: Boolean })], H.prototype, "loading", void 0), H = P([S(), o("vsn-search")], H);
+N([s()], V.prototype, "shortcut", void 0), N([s()], V.prototype, "value", void 0), N([s({ type: Boolean })], V.prototype, "loading", void 0), V = N([b(), o("vsn-search")], V);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.ts
-var U = class extends e {
+var H = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new _t(this), new ft(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
+		super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new vt(this), new pt(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
 			this.canClose && (this.expanded = !1);
-		}), new z(this, () => this.expanded, ".vsn-switcher-anchor");
+		}), new R(this, () => this.expanded, ".vsn-switcher-anchor");
 	}
 	focus() {
 		let e = this.querySelector("vsn-search");
@@ -1159,20 +1159,18 @@ var U = class extends e {
       <div class="ga-side-navigation__header">
         <div class="vsn-switcher-anchor"
              @keydown=${this._keyboard.onSwitcherKeydown}>
-          <div class="ga-side-navigation__switcher ${this.expanded ? "ga-side-navigation__switcher--active" : ""}"
-               tabindex="0"
-               role="button"
+          <button type="button" class="ga-side-navigation__switcher ${this.expanded ? "ga-side-navigation__switcher--active" : ""}"
                aria-expanded="${this.expanded}"
                aria-haspopup="menu"
                @click=${this._toggle}
                title="">
             <span class="ga-side-navigation__switcher-title">${e.title}</span>
             <span class="ga-side-navigation__switcher-action">
-                ${this.canClose ? this.expanded ? M(N, 16) : M(it, 16) : M(qe, 16)}
+                ${this.canClose ? this.expanded ? j(M, 16) : j(at, 16) : j(Je, 16)}
             </span>
-          </div>
+          </button>
 
-          ${u(this.expanded, () => n`
+          ${f(this.expanded, () => n`
             <vsn-switcher-menu
               .items=${e.kind === "loading" ? [] : e.available}
               .loading=${e.kind === "loading"}
@@ -1181,9 +1179,9 @@ var U = class extends e {
             </vsn-switcher-menu>`)}
         </div>
 
-        ${u(this.search?.enabled, () => n`
+        ${f(this.search?.enabled, () => n`
           <vsn-search
-            .shortcut=${ze()}
+            .shortcut=${Be()}
             .value=${this.searchValue}
             .loading=${this.searchLoading}>
           </vsn-search>`)}
@@ -1193,7 +1191,7 @@ var U = class extends e {
 	get _state() {
 		if (this.modulesLoading) return {
 			kind: "loading",
-			title: this.activeModuleLabel || Ue()
+			title: this.activeModuleLabel || We()
 		};
 		let e = this.modules.find((e) => e.id === this.activeModuleId);
 		return e ? {
@@ -1202,7 +1200,7 @@ var U = class extends e {
 			available: this.modules.filter((t) => t.id !== e.id)
 		} : {
 			kind: "no-active",
-			title: Ue(),
+			title: We(),
 			available: this.modules
 		};
 	}
@@ -1240,16 +1238,16 @@ var U = class extends e {
 		}), !0);
 	}
 };
-P([s({ attribute: !1 })], U.prototype, "modules", void 0), P([s()], U.prototype, "activeModuleId", void 0), P([s()], U.prototype, "activeModuleLabel", void 0), P([s({ type: Boolean })], U.prototype, "modulesLoading", void 0), P([s({ type: Boolean })], U.prototype, "hasMenu", void 0), P([s({ attribute: !1 })], U.prototype, "moduleSwitcherMaxHeight", void 0), P([s({ attribute: !1 })], U.prototype, "search", void 0), P([s()], U.prototype, "searchValue", void 0), P([s({ type: Boolean })], U.prototype, "searchLoading", void 0), P([s({
+N([s({ attribute: !1 })], H.prototype, "modules", void 0), N([s()], H.prototype, "activeModuleId", void 0), N([s()], H.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], H.prototype, "modulesLoading", void 0), N([s({ type: Boolean })], H.prototype, "hasMenu", void 0), N([s({ attribute: !1 })], H.prototype, "moduleSwitcherMaxHeight", void 0), N([s({ attribute: !1 })], H.prototype, "search", void 0), N([s()], H.prototype, "searchValue", void 0), N([s({ type: Boolean })], H.prototype, "searchLoading", void 0), N([s({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "expanded", void 0), U = P([S(), o("vsn-header")], U);
+})], H.prototype, "expanded", void 0), H = N([b(), o("vsn-header")], H);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.keyboard.ts
-var vt = class {
+var yt = class {
 	constructor(e) {
 		this.onResultsKeydown = (e) => {
-			if (e.defaultPrevented || A(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = Array.from(this.host.querySelectorAll(".ga-side-navigation__search-results-item"));
 			if (t.length === 0) return;
@@ -1260,9 +1258,9 @@ var vt = class {
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, yt, W = class extends e {
+}, bt, U = class extends e {
 	static {
-		yt = this;
+		bt = this;
 	}
 	createRenderRoot() {
 		return this;
@@ -1284,7 +1282,7 @@ var vt = class {
 			}
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
-		}, this._tooltipId = `vsn-search-result-item-tooltip-${yt._idCounter++}`;
+		}, this._tooltipId = `vsn-search-result-item-tooltip-${bt._idCounter++}`;
 	}
 	render() {
 		let e = this.item;
@@ -1318,12 +1316,12 @@ var vt = class {
 		}));
 	}
 };
-P([s({ attribute: !1 })], W.prototype, "item", void 0), P([l()], W.prototype, "_showTooltip", void 0), P([l()], W.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__search-results-item-label")], W.prototype, "_labelEl", void 0), W = yt = P([o("vsn-search-result-item")], W);
+N([s({ attribute: !1 })], U.prototype, "item", void 0), N([l()], U.prototype, "_showTooltip", void 0), N([l()], U.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__search-results-item-label")], U.prototype, "_labelEl", void 0), U = bt = N([o("vsn-search-result-item")], U);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.ts
-var G = class extends e {
+var W = class extends e {
 	constructor(...e) {
-		super(...e), this.loadingMore = !1, this._keyboard = new vt(this);
+		super(...e), this.loadingMore = !1, this._keyboard = new yt(this);
 	}
 	createRenderRoot() {
 		return this;
@@ -1334,10 +1332,10 @@ var G = class extends e {
 	_emptyState() {
 		return n`
       <div class="vsn-search-results__empty" role="status" aria-live="polite">
-        <div class="vsn-search-results__empty-title">${x("No results found")}</div>
-        <div class="vsn-search-results__empty-message">${x("We couldn't find any matches.")}</div>
-        <div class="vsn-search-results__empty-hint">${x("Try different keywords or check spelling.")}</div>
-        <div class="vsn-search-results__empty-support">${x("Need help? Contact support.")}</div>
+        <div class="vsn-search-results__empty-title">${y("No results found")}</div>
+        <div class="vsn-search-results__empty-message">${y("We couldn't find any matches.")}</div>
+        <div class="vsn-search-results__empty-hint">${y("Try different keywords or check spelling.")}</div>
+        <div class="vsn-search-results__empty-support">${y("Need help? Contact support.")}</div>
       </div>
     `;
 	}
@@ -1353,19 +1351,19 @@ var G = class extends e {
 		return n`
       <div class="ga-side-navigation__body h-full ga-scroll"
            @keydown=${this._keyboard.onResultsKeydown}>
-        <div class="ga-side-navigation__search-results-title">
-          ${x(t === 1 ? b`${t} result` : b`${t} results`)}
+        <div class="ga-side-navigation__search-results-title" role="status" aria-live="polite" aria-atomic="true">
+          ${y(t === 1 ? v`${t} result` : v`${t} results`)}
         </div>
         ${e.map((e) => n`
           <vsn-search-result-item .item=${e}></vsn-search-result-item>
         `)}
-        ${u(this.nextCursor, () => n`
+        ${f(this.nextCursor, () => n`
           <button
             type="button"
             class="vsn-search-results__load-more"
             ?disabled=${this.loadingMore}
             @click=${this._onLoadMore}>
-            ${He()}
+            ${Ue()}
           </button>
         `)}
       </div>
@@ -1378,16 +1376,16 @@ var G = class extends e {
 		}));
 	}
 };
-P([s({ attribute: !1 })], G.prototype, "results", void 0), P([s()], G.prototype, "errorMessage", void 0), P([s()], G.prototype, "nextCursor", void 0), P([s({ type: Boolean })], G.prototype, "loadingMore", void 0), G = P([S(), o("vsn-search-results")], G);
+N([s({ attribute: !1 })], W.prototype, "results", void 0), N([s()], W.prototype, "errorMessage", void 0), N([s()], W.prototype, "nextCursor", void 0), N([s({ type: Boolean })], W.prototype, "loadingMore", void 0), W = N([b(), o("vsn-search-results")], W);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-template/vsn-template.ts
-var bt = [
+var xt = [
 	160,
 	96,
 	144,
 	192,
 	160
-], xt = class extends e {
+], St = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -1396,8 +1394,8 @@ var bt = [
       <div class="ga-side-navigation__body h-full"
            role="status"
            aria-busy="true"
-           aria-label=${x("Loading results")}>
-        ${bt.map((e) => n`
+           aria-label=${y("Loading results")}>
+        ${xt.map((e) => n`
           <div class="vsn-template__row">
             <div class="vsn-template__bar" style="width: ${e}px"></div>
           </div>
@@ -1406,34 +1404,34 @@ var bt = [
     `;
 	}
 };
-xt = P([S(), o("vsn-template")], xt);
+St = N([b(), o("vsn-template")], St);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
-var St = class extends e {
+var Ct = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	render() {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
-        <div class="vsn-error-state__icon">${M(ct, 24)}</div>
-        <div class="vsn-error-state__title">${x("Loading error")}</div>
-        <div class="vsn-error-state__message">${x("We're unable to load the menu.")}</div>
-        <div class="vsn-error-state__hint">${x("Please check your internet connection and try again.")}</div>
-        <div class="vsn-error-state__support">${x("If the issue persists, reload the page or contact support.")}</div>
+        <div class="vsn-error-state__icon">${j(lt, 24)}</div>
+        <div class="vsn-error-state__title">${y("Loading error")}</div>
+        <div class="vsn-error-state__message">${y("We're unable to load the menu.")}</div>
+        <div class="vsn-error-state__hint">${y("Please check your internet connection and try again.")}</div>
+        <div class="vsn-error-state__support">${y("If the issue persists, reload the page or contact support.")}</div>
       </div>
     `;
 	}
 };
-St = P([S(), o("vsn-error-state")], St);
+Ct = N([b(), o("vsn-error-state")], Ct);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
-var Ct, K = class extends e {
+var wt, G = class extends e {
 	static {
-		Ct = this;
+		wt = this;
 	}
 	constructor(...e) {
-		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++Ct._counter}`;
+		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++wt._counter}`;
 	}
 	createRenderRoot() {
 		return this;
@@ -1443,7 +1441,7 @@ var Ct, K = class extends e {
 	}
 	render() {
 		return this.scopes.length <= 1 ? n`` : n`
-      <div class="ga-radio-group" role="radiogroup" aria-label=${x("Search scope")}>
+      <div class="ga-radio-group" role="radiogroup" aria-label=${y("Search scope")}>
         ${this.scopes.map((e) => this._renderScope(e))}
       </div>
     `;
@@ -1472,25 +1470,24 @@ var Ct, K = class extends e {
 		}));
 	}
 };
-P([s({ attribute: !1 })], K.prototype, "scopes", void 0), P([s()], K.prototype, "selectedScopeId", void 0), K = Ct = P([S(), o("vsn-search-scopes")], K);
+N([s({ attribute: !1 })], G.prototype, "scopes", void 0), N([s()], G.prototype, "selectedScopeId", void 0), G = wt = N([b(), o("vsn-search-scopes")], G);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
-var wt = "en", Tt = [
+var Tt = "en", Et = [
 	"da",
 	"fi",
 	"nl",
 	"no",
 	"sv"
-], Et = /* @__PURE__ */ p({ templates: () => Dt }), Dt = {
+], Dt = /* @__PURE__ */ p({ templates: () => Ot }), Ot = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Har du brug for hjælp? Kontakt support.",
-	s1228605ee65ddefa: b`${0} resultat`,
-	s2bb33291ef8ae3d4: b`Indtast mindst ${0} tegn for at søge`,
+	s1228605ee65ddefa: v`${0} resultat`,
+	s2bb33291ef8ae3d4: v`Indtast mindst ${0} tegn for at søge`,
 	s2be8f715fbd00dcb: "Vi fandt ingen matchende resultater.",
-	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Indlæsningsfejl",
 	s352719d86112de9a: "Hjælp",
-	s387a4a41718122cb: b`${0} resultater`,
+	s387a4a41718122cb: v`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet fortsætter, genindlæs siden eller kontakt support.",
 	s4b0c6b66b4efd7d8: "Vælg en tjeneste",
 	s5be3c6d61cd9182f: "Notifikationer",
@@ -1507,20 +1504,23 @@ var wt = "en", Tt = [
 	sb64127e4e4f0b575: "Log ud",
 	sbb588bb505779122: "Feedback",
 	sd9582ea5f8f8ac5d: "Åbn AI-assistent",
+	sd1b2ae9109b29cf0: "Sidenavigation",
 	sdb2bf46270cfda6c: "Brødkrumme",
 	sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
 	s7c510419ea376840: "VSN",
-	s38385cd359b17f7a: "Loading modules"
-}, Ot = /* @__PURE__ */ p({ templates: () => kt }), kt = {
+	s38385cd359b17f7a: "Loading modules",
+	s842e9f4f6fdb5901: "Søgeomfang",
+	s5d369be551a4dd7a: "Menupunkter",
+	s7584ded3d749c75e: "Indlæs mere"
+}, kt = /* @__PURE__ */ p({ templates: () => At }), At = {
 	s09a45db408570a7a: "Oma profiili",
 	s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
-	s1228605ee65ddefa: b`${0} tulos`,
-	s2bb33291ef8ae3d4: b`Kirjoita vähintään ${0} merkkiä hakua varten`,
+	s1228605ee65ddefa: v`${0} tulos`,
+	s2bb33291ef8ae3d4: v`Kirjoita vähintään ${0} merkkiä hakua varten`,
 	s2be8f715fbd00dcb: "Emme löytäneet osumia.",
-	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Latausvirhe",
 	s352719d86112de9a: "Ohje",
-	s387a4a41718122cb: b`${0} tulosta`,
+	s387a4a41718122cb: v`${0} tulosta`,
 	s3fb7db4771812f0c: "Jos ongelma jatkuu, lataa sivu uudelleen tai ota yhteyttä tukeen.",
 	s4b0c6b66b4efd7d8: "Valitse palvelu",
 	s5be3c6d61cd9182f: "Ilmoitukset",
@@ -1537,20 +1537,23 @@ var wt = "en", Tt = [
 	sb64127e4e4f0b575: "Kirjaudu ulos",
 	sbb588bb505779122: "Palaute",
 	sd9582ea5f8f8ac5d: "Avaa AI-avustaja",
+	sd1b2ae9109b29cf0: "Sivunavigaatio",
 	sdb2bf46270cfda6c: "Murupolku",
 	sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
 	s7c510419ea376840: "VSN",
-	s38385cd359b17f7a: "Loading modules"
-}, At = /* @__PURE__ */ p({ templates: () => jt }), jt = {
+	s38385cd359b17f7a: "Loading modules",
+	s842e9f4f6fdb5901: "Hakuala",
+	s5d369be551a4dd7a: "Valikkokohteet",
+	s7584ded3d749c75e: "Lataa lisää"
+}, jt = /* @__PURE__ */ p({ templates: () => Mt }), Mt = {
 	s09a45db408570a7a: "Mijn profiel",
 	s119f9875b7d4cdfc: "Hulp nodig? Neem contact op met ondersteuning.",
-	s1228605ee65ddefa: b`${0} resultaat`,
-	s2bb33291ef8ae3d4: b`Typ minimaal ${0} tekens om te zoeken`,
+	s1228605ee65ddefa: v`${0} resultaat`,
+	s2bb33291ef8ae3d4: v`Typ minimaal ${0} tekens om te zoeken`,
 	s2be8f715fbd00dcb: "We konden geen overeenkomsten vinden.",
-	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Laadingsfout",
 	s352719d86112de9a: "Hulp",
-	s387a4a41718122cb: b`${0} resultaten`,
+	s387a4a41718122cb: v`${0} resultaten`,
 	s3fb7db4771812f0c: "Als het probleem aanhoudt, laad de pagina opnieuw of neem contact op met ondersteuning.",
 	s4b0c6b66b4efd7d8: "Kies een service",
 	s5be3c6d61cd9182f: "Meldingen",
@@ -1567,20 +1570,23 @@ var wt = "en", Tt = [
 	sb64127e4e4f0b575: "Uitloggen",
 	sbb588bb505779122: "Feedback",
 	sd9582ea5f8f8ac5d: "AI-assistent openen",
+	sd1b2ae9109b29cf0: "Zijnavigatie",
 	sdb2bf46270cfda6c: "Broodkruimel",
 	sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
 	s7c510419ea376840: "VSN",
-	s38385cd359b17f7a: "Loading modules"
-}, Mt = /* @__PURE__ */ p({ templates: () => Nt }), Nt = {
+	s38385cd359b17f7a: "Loading modules",
+	s842e9f4f6fdb5901: "Zoekbereik",
+	s5d369be551a4dd7a: "Menu-items",
+	s7584ded3d749c75e: "Meer laden"
+}, Nt = /* @__PURE__ */ p({ templates: () => Pt }), Pt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Trenger du hjelp? Kontakt støtte.",
-	s1228605ee65ddefa: b`${0} resultat`,
-	s2bb33291ef8ae3d4: b`Skriv inn minst ${0} tegn for å søke`,
+	s1228605ee65ddefa: v`${0} resultat`,
+	s2bb33291ef8ae3d4: v`Skriv inn minst ${0} tegn for å søke`,
 	s2be8f715fbd00dcb: "Vi fant ingen treff.",
-	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Lastingsfeil",
 	s352719d86112de9a: "Hjelp",
-	s387a4a41718122cb: b`${0} resultater`,
+	s387a4a41718122cb: v`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet vedvarer, last inn siden på nytt eller kontakt støtte.",
 	s4b0c6b66b4efd7d8: "Velg en tjeneste",
 	s5be3c6d61cd9182f: "Varsler",
@@ -1597,20 +1603,23 @@ var wt = "en", Tt = [
 	sb64127e4e4f0b575: "Logg ut",
 	sbb588bb505779122: "Tilbakemelding",
 	sd9582ea5f8f8ac5d: "Åpne AI-assistent",
+	sd1b2ae9109b29cf0: "Sidenavigasjon",
 	sdb2bf46270cfda6c: "Brødsmule",
 	sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
 	s7c510419ea376840: "VSN",
-	s38385cd359b17f7a: "Loading modules"
-}, Pt = /* @__PURE__ */ p({ templates: () => Ft }), Ft = {
+	s38385cd359b17f7a: "Loading modules",
+	s842e9f4f6fdb5901: "Søkeomfang",
+	s5d369be551a4dd7a: "Menyelementer",
+	s7584ded3d749c75e: "Last inn mer"
+}, Ft = /* @__PURE__ */ p({ templates: () => It }), It = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Behöver du hjälp? Kontakta support.",
-	s1228605ee65ddefa: b`${0} resultat`,
-	s2bb33291ef8ae3d4: b`Skriv minst ${0} tecken för att söka`,
+	s1228605ee65ddefa: v`${0} resultat`,
+	s2bb33291ef8ae3d4: v`Skriv minst ${0} tecken för att söka`,
 	s2be8f715fbd00dcb: "Vi hittade inga matchningar.",
-	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Laddningsfel",
 	s352719d86112de9a: "Hjälp",
-	s387a4a41718122cb: b`${0} resultat`,
+	s387a4a41718122cb: v`${0} resultat`,
 	s3fb7db4771812f0c: "Om problemet kvarstår, ladda om sidan eller kontakta support.",
 	s4b0c6b66b4efd7d8: "Välj en tjänst",
 	s5be3c6d61cd9182f: "Aviseringar",
@@ -1627,21 +1636,25 @@ var wt = "en", Tt = [
 	sb64127e4e4f0b575: "Logga ut",
 	sbb588bb505779122: "Feedback",
 	sd9582ea5f8f8ac5d: "Öppna AI-assistent",
+	sd1b2ae9109b29cf0: "Sidnavigering",
 	sdb2bf46270cfda6c: "Brödsmula",
 	sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
 	s7c510419ea376840: "VSN",
-	s38385cd359b17f7a: "Loading modules"
-}, It = {
-	da: Et,
-	fi: Ot,
-	nl: At,
-	no: Mt,
-	sv: Pt
-}, { getLocale: Lt, setLocale: Rt } = Me({
-	sourceLocale: wt,
-	targetLocales: Tt,
-	loadLocale: (e) => It[e] ? Promise.resolve(It[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
-}), zt = t`
+	s38385cd359b17f7a: "Loading modules",
+	s842e9f4f6fdb5901: "Sökområde",
+	s5d369be551a4dd7a: "Menyalternativ",
+	s7584ded3d749c75e: "Läs in mer"
+}, Lt = {
+	da: Dt,
+	fi: kt,
+	nl: jt,
+	no: Nt,
+	sv: Ft
+}, { getLocale: Rt, setLocale: zt } = Ne({
+	sourceLocale: Tt,
+	targetLocales: Et,
+	loadLocale: (e) => Lt[e] ? Promise.resolve(Lt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
+}), Bt = t`
   @layer components {
     vsn-footer {
       display: block;
@@ -1682,7 +1695,7 @@ var wt = "en", Tt = [
       justify-content: center;
     }
   }
-`, Bt = t`
+`, Vt = t`
   @layer components {
     .vsn-switcher-anchor {
       position: relative;
@@ -1696,7 +1709,7 @@ var wt = "en", Tt = [
       z-index: 10;
     }
   }
-`, Vt = t`
+`, Ht = t`
   .vsn-search__trigger,
   .vsn-search__clear {
     display: inline-flex;
@@ -1745,7 +1758,7 @@ var wt = "en", Tt = [
   .ga-side-navigation__search input::placeholder {
     color: var(--ga-color-text-disable-selected);
   }
-`, Ht = t`
+`, Ut = t`
   .vsn-search-results__empty {
     display: flex;
     flex-direction: column;
@@ -1814,7 +1827,7 @@ var wt = "en", Tt = [
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, Ut = t`
+`, Wt = t`
   @layer components {
     vsn-search-scopes {
       display: block;
@@ -1835,7 +1848,7 @@ var wt = "en", Tt = [
       text-overflow: ellipsis;
     }
   }
-`, Wt = t`
+`, Gt = t`
   .vsn-template__row {
     display: flex;
     flex-direction: column;
@@ -1850,7 +1863,7 @@ var wt = "en", Tt = [
     background: var(--ga-color-miscellaneous-skeleton-element, #F2F3F5);
     flex-shrink: 0;
   }
-`, Gt = t`
+`, Kt = t`
   .vsn-error-state {
     display: flex;
     flex-direction: column;
@@ -1889,7 +1902,7 @@ var wt = "en", Tt = [
     font-weight: 400;
     color: var(--ga-color-text-on-disabled);
   }
-`, Kt = t`
+`, qt = t`
   .vsn-spinner {
     display: inline-block;
     flex-shrink: 0;
@@ -1909,7 +1922,7 @@ var wt = "en", Tt = [
   @keyframes vsn-spin {
     to { transform: rotate(360deg); }
   }
-`, qt = class {
+`, Jt = class {
 	constructor(e, t, n) {
 		this._onHostClick = (e) => {
 			let t = this._host.renderRoot.querySelector(this._clickedSelector);
@@ -1922,14 +1935,14 @@ var wt = "en", Tt = [
 	hostDisconnected() {
 		this._host.removeEventListener("click", this._onHostClick);
 	}
-}, Jt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Yt = class {
+}, Yt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Xt = class {
 	constructor(e) {
 		this.onKeydown = (e) => {
-			if (e.defaultPrevented || A(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || k(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			let t = this.host.renderRoot.querySelector("slot[name=\"nav-footer\"]");
 			if (!t) return;
 			let n = [];
-			for (let e of t.assignedElements({ flatten: !0 })) e.matches(Jt) && n.push(e), n.push(...Array.from(e.querySelectorAll(Jt)));
+			for (let e of t.assignedElements({ flatten: !0 })) e.matches(Yt) && n.push(e), n.push(...Array.from(e.querySelectorAll(Yt)));
 			if (n.length === 0) return;
 			let r = e.composedPath()[0];
 			if (!(r instanceof HTMLElement)) return;
@@ -1941,13 +1954,24 @@ var wt = "en", Tt = [
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, Xt = t`
+}, Zt = t`
   .ga-scroll {
     scrollbar-color: var(--ga-color-text-disabled) var(--ga-color-surface-page);
     scrollbar-width: thin;
   }
-`, Zt = t`
+`, Qt = t`
   @layer components {
+    .vsn-menu__list {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+
+    .vsn-menu__item {
+      margin: 0;
+      padding: 0;
+    }
+
     .ga-side-navigation__item:focus-visible::after {
       position: absolute;
       inset: 3px;
@@ -1959,20 +1983,38 @@ var wt = "en", Tt = [
       content: var(--tw-content);
     }
   }
-`, q = class extends e {
+`, $t = t`
+  @layer base {
+    button:where(.ga-side-navigation__item),
+    button:where(.ga-side-navigation__switcher),
+    button:where(.ga-side-navigation__user),
+    button:where(.ga-side-navigation__footer-dropdown-item) {
+      appearance: none;
+      background: none;
+      border: 0;
+      padding: 0;
+      font: inherit;
+      text-align: left;
+      width: 100%;
+      cursor: pointer;
+      color: inherit;
+    }
+  }
+`, K = class extends e {
 	static {
 		this.styles = [
 			h,
-			Xt,
-			Bt,
 			Zt,
-			zt,
 			Vt,
+			Qt,
+			Bt,
+			$t,
 			Ht,
 			Ut,
 			Wt,
 			Gt,
 			Kt,
+			qt,
 			t`
       :host {
         position: absolute;
@@ -1987,7 +2029,7 @@ var wt = "en", Tt = [
 		];
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId = "menu", this._searchLoadingMore = !1, this._moduleSwitcherMaxHeight = 0, this._hasPageTitle = !1, this._navFooterKeyboard = new Yt(this), this._customWidthPerLanguage = { fi: "30em" }, this._onNavigate = (e) => {
+		super(), this.modules = [], this.modulesLoading = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId = "menu", this._searchLoadingMore = !1, this._moduleSwitcherMaxHeight = 0, this._hasPageTitle = !1, this._navFooterKeyboard = new Xt(this), this._customWidthPerLanguage = { fi: "30em" }, this._onNavigate = (e) => {
 			this._searchQuery = "", this._searchResults = void 0, this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
@@ -2004,18 +2046,18 @@ var wt = "en", Tt = [
 			}));
 		}, this._onScopeChanged = (e) => {
 			this._activeScopeId = e.detail.scopeId, this._runSearch(this._searchQuery, this._activeScopeId), this.focusSearch();
-		}, new qt(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+		}, new Jt(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 			bubbles: !0,
 			composed: !0
 		}))), this._resizeObserver = new ResizeObserver((e) => {
 			this._observeMenuSize(e);
-		}), this._resizeObserver.observe(this), new z(this, () => this.open);
+		}), this._resizeObserver.observe(this), new R(this, () => this.open);
 	}
 	_observeMenuSize(e) {
 		this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
 	}
 	willUpdate(e) {
-		e.has("lang") && Rt(this.lang).catch(console.error), e.has("open") && e.get("open") && !this.open && (this._searchQuery = "", this._activeScopeId = "menu", this._clearSearchState(), this.renderRoot.querySelector("vsn-header")?.reset(), this.renderRoot.querySelector("vsn-footer")?.reset()), e.has("menu") && (this._hasPageTitle = this.menu?.pageTitle !== void 0);
+		e.has("lang") && zt(this.lang).catch(console.error), e.has("open") && e.get("open") && !this.open && (this._searchQuery = "", this._activeScopeId = "menu", this._clearSearchState(), this.renderRoot.querySelector("vsn-header")?.reset(), this.renderRoot.querySelector("vsn-footer")?.reset()), e.has("menu") && (this._hasPageTitle = this.menu?.pageTitle !== void 0);
 	}
 	updated(e) {
 		e.has("open") && this.open && this._scrollActiveItemIntoView(), e.has("menu") && this.open && this.menu?.currentItem && (e.get("menu")?.currentItem || this._scrollActiveItemIntoView());
@@ -2075,7 +2117,7 @@ var wt = "en", Tt = [
 			this._searchResults = t.results, this._searchNextCursor = t.nextCursor, this._searchLoading = !1, this._searchAbort = void 0;
 		} catch (e) {
 			if (this._searchAbort !== r) return;
-			e instanceof v ? (this._searchError = e.message, this._searchResults = void 0) : console.error("Search function rejected with non-SearchError:", e), this._searchLoading = !1, this._searchAbort = void 0;
+			e instanceof de ? (this._searchError = e.message, this._searchResults = void 0) : console.error("Search function rejected with non-SearchError:", e), this._searchLoading = !1, this._searchAbort = void 0;
 		}
 	}
 	async _loadMore() {
@@ -2095,7 +2137,7 @@ var wt = "en", Tt = [
 			this._searchResults = [...this._searchResults ?? [], ...n.results], this._searchNextCursor = n.nextCursor, this._searchLoadingMore = !1, this._searchAbort = void 0;
 		} catch (e) {
 			if (this._searchAbort !== t) return;
-			e instanceof v ? (this._searchError = e.message, this._searchResults = void 0, this._searchNextCursor = void 0) : console.error("Load-more function rejected with non-SearchError:", e), this._searchLoadingMore = !1, this._searchAbort = void 0;
+			e instanceof de ? (this._searchError = e.message, this._searchResults = void 0, this._searchNextCursor = void 0) : console.error("Load-more function rejected with non-SearchError:", e), this._searchLoadingMore = !1, this._searchAbort = void 0;
 		}
 	}
 	_filterTree(e) {
@@ -2182,7 +2224,7 @@ var wt = "en", Tt = [
       <vsn-search-scopes
         .scopes=${[{
 			id: "menu",
-			label: Ve()
+			label: He()
 		}, ...e.map((e) => ({
 			id: e.id,
 			label: e.label
@@ -2206,15 +2248,15 @@ var wt = "en", Tt = [
     `;
 	}
 };
-P([s({ attribute: !1 })], q.prototype, "modules", void 0), P([s()], q.prototype, "activeModuleId", void 0), P([s()], q.prototype, "activeModuleLabel", void 0), P([s({ type: Boolean })], q.prototype, "modulesLoading", void 0), P([s()], q.prototype, "lang", void 0), P([s({ attribute: !1 })], q.prototype, "auth", void 0), P([s({ type: Boolean })], q.prototype, "error", void 0), P([s({
+N([s({ attribute: !1 })], K.prototype, "modules", void 0), N([s()], K.prototype, "activeModuleId", void 0), N([s()], K.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], K.prototype, "modulesLoading", void 0), N([s()], K.prototype, "lang", void 0), N([s({ attribute: !1 })], K.prototype, "auth", void 0), N([s({ type: Boolean })], K.prototype, "error", void 0), N([s({
 	type: Boolean,
 	reflect: !0
-})], q.prototype, "open", void 0), P([s({ attribute: !1 })], q.prototype, "menu", void 0), P([l()], q.prototype, "_searchQuery", void 0), P([l()], q.prototype, "_searchResults", void 0), P([l()], q.prototype, "_searchLoading", void 0), P([l()], q.prototype, "_activeScopeId", void 0), P([l()], q.prototype, "_searchError", void 0), P([l()], q.prototype, "_searchNextCursor", void 0), P([l()], q.prototype, "_searchLoadingMore", void 0), P([l()], q.prototype, "_moduleSwitcherMaxHeight", void 0), P([l()], q.prototype, "_hasPageTitle", void 0), q = P([o("vsn-side-bar")], q);
+})], K.prototype, "open", void 0), N([s({ attribute: !1 })], K.prototype, "menu", void 0), N([l()], K.prototype, "_searchQuery", void 0), N([l()], K.prototype, "_searchResults", void 0), N([l()], K.prototype, "_searchLoading", void 0), N([l()], K.prototype, "_activeScopeId", void 0), N([l()], K.prototype, "_searchError", void 0), N([l()], K.prototype, "_searchNextCursor", void 0), N([l()], K.prototype, "_searchLoadingMore", void 0), N([l()], K.prototype, "_moduleSwitcherMaxHeight", void 0), N([l()], K.prototype, "_hasPageTitle", void 0), K = N([o("vsn-side-bar")], K);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
-var Qt, J = class extends e {
+var q, J = class extends e {
 	static {
-		Qt = this;
+		q = this;
 	}
 	static {
 		this._idCounter = 0;
@@ -2234,15 +2276,15 @@ var Qt, J = class extends e {
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
 		}, this._onKeyDown = (e) => {
-			e.defaultPrevented || A(e) || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), this._isExpanded = !this._isExpanded) : e.key === "ArrowRight" ? (e.preventDefault(), this._isExpanded = !0) : e.key === "ArrowLeft" && (e.preventDefault(), this._isExpanded = !1));
+			e.defaultPrevented || k(e) || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), this._isExpanded = !this._isExpanded) : e.key === "ArrowRight" ? (e.preventDefault(), this._isExpanded = !0) : e.key === "ArrowLeft" && (e.preventDefault(), this._isExpanded = !1));
 		}, this._onClick = (e) => {
 			if (e.defaultPrevented) return;
 			if (this._isParent()) {
-				if (A(e)) return;
+				if (k(e)) return;
 				e.preventDefault(), this._isExpanded = !this._isExpanded;
 				return;
 			}
-			if (!this.tree || e.button !== 0 || A(e)) return;
+			if (!this.tree || e.button !== 0 || k(e)) return;
 			e.preventDefault();
 			let t = [...this.ancestorPath, this.tree];
 			this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-leaf-select", {
@@ -2250,7 +2292,7 @@ var Qt, J = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		}, this._tooltipId = `vsn-menu-item-tooltip-${Qt._idCounter++}`, new z(this, () => this._isExpanded);
+		}, this._tooltipId = `vsn-menu-item-tooltip-${q._idCounter++}`, new R(this, () => this._isExpanded);
 	}
 	createRenderRoot() {
 		return this;
@@ -2258,12 +2300,12 @@ var Qt, J = class extends e {
 	render() {
 		return n`
       ${this._menuItemMarkup()}
-      ${u(this._isExpanded, () => n`${this._getExpandedMenu()}`)}
+      ${f(this._isExpanded, () => n`${this._getExpandedMenu()}`)}
     `;
 	}
 	_getExpandedMenu() {
 		return n`
-      ${d(this._getTreeItems(this.tree), (e) => this._menuItem(e, this.level + 1))}
+      ${u(this._getTreeItems(this.tree), (e) => this._menuItem(e, this.level + 1))}
     `;
 	}
 	_menuItemMarkup() {
@@ -2276,16 +2318,16 @@ var Qt, J = class extends e {
         <div class="ga-tooltip ga-tooltip--right-start" style="white-space: nowrap">${e}</div>
       </div>
       <span class="ga-side-navigation__item-icon">
-			  ${this._isParent() ? this._isExpanded ? M(N, 16) : M(lt, 16) : ""}
+			  ${this._isParent() ? this._isExpanded ? j(M, 16) : j(ut, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${e}</div>
       </div>
     `;
 		return this._isParent() ? n`
-        <div class="${f(t)}" role="button" tabindex="0" aria-expanded=${this._isExpanded} aria-describedby="${this._tooltipId}" @click=${this._onClick} @keydown=${this._onKeyDown}
+        <div class="${d(t)}" role="button" tabindex="0" aria-expanded=${this._isExpanded} aria-describedby="${this._tooltipId}" @click=${this._onClick} @keydown=${this._onKeyDown}
              @mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}
-        </div>` : n`<a class="${f(t)}" aria-describedby="${this._tooltipId}"
+        </div>` : n`<a class="${d(t)}" aria-describedby="${this._tooltipId}"
                    href="${this.tree && g(this.tree) ? this.tree.url : ""}" @click=${this._onClick}
                    @mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}</a>`;
 	}
@@ -2300,13 +2342,13 @@ var Qt, J = class extends e {
 		if (this.tree && _(this.tree)) return this.tree.items.length > 0;
 	}
 };
-P([s({ attribute: !1 })], J.prototype, "tree", void 0), P([s({ type: Number })], J.prototype, "level", void 0), P([s({ type: Array })], J.prototype, "ancestorPath", void 0), P([l()], J.prototype, "_isExpanded", void 0), P([l()], J.prototype, "_showTooltip", void 0), P([l()], J.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__item-label")], J.prototype, "_labelEl", void 0), J = Qt = P([o("vsn-breadcrumb-menu-item")], J);
+N([s({ attribute: !1 })], J.prototype, "tree", void 0), N([s({ type: Number })], J.prototype, "level", void 0), N([s({ type: Array })], J.prototype, "ancestorPath", void 0), N([l()], J.prototype, "_isExpanded", void 0), N([l()], J.prototype, "_showTooltip", void 0), N([l()], J.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__item-label")], J.prototype, "_labelEl", void 0), J = q = N([o("vsn-breadcrumb-menu-item")], J);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
-var $t = class extends e {
+var en = class extends e {
 	constructor() {
 		super(), this._handleKeyDown = (e) => {
-			if (e.defaultPrevented || A(e)) return;
+			if (e.defaultPrevented || k(e)) return;
 			if (e.key === "Escape") {
 				e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-close", {
 					bubbles: !0,
@@ -2323,7 +2365,7 @@ var $t = class extends e {
 			if (!t.length) return;
 			let n = t.indexOf(e.target);
 			n !== -1 && (e.preventDefault(), e.key === "ArrowDown" ? n < t.length - 1 && t[n + 1].focus() : n > 0 && t[n - 1].focus());
-		}, new z(this, () => !0);
+		}, new R(this, () => !0);
 	}
 	createRenderRoot() {
 		return this;
@@ -2344,13 +2386,13 @@ var $t = class extends e {
            style="height: auto; overflow: visible; width: auto; min-width: var(--ga-size-160); max-width: 512px; border-radius: var(--ga-radius); border: var(--ga-size-border-width-sm) solid var(--ga-color-border-primary); background: var(--ga-color-surface-primary);">
         <div class="ga-side-navigation__body overflow-y-auto ga-scroll"
              style="overflow-x: hidden; max-height: 60vh;">
-          ${d(this.treeList, (e) => this.menuItem(e))}
+          ${u(this.treeList, (e) => this.menuItem(e))}
         </div>
       </div>
     `;
 	}
 };
-P([s({ attribute: !1 })], $t.prototype, "treeList", void 0), $t = P([o("vsn-breadcrumb-menu")], $t);
+N([s({ attribute: !1 })], en.prototype, "treeList", void 0), en = N([o("vsn-breadcrumb-menu")], en);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
 var Y = class extends e {
@@ -2374,8 +2416,8 @@ var Y = class extends e {
 	static {
 		this.styles = [
 			h,
-			Xt,
-			Kt,
+			Zt,
+			qt,
 			t`
       .vsn-bc-modules-loading {
         display: flex;
@@ -2733,7 +2775,7 @@ var Y = class extends e {
 	}
 	render() {
 		return n`
-      <nav aria-label=${x("Breadcrumb")}>
+      <nav aria-label=${y("Breadcrumb")}>
         <div class="ga-breadcrumb">
           ${this._displayMode === "full" ? this._renderFullBreadcrumbs() : this._displayMode === "overflow" ? this._renderOverflowBreadcrumbs() : this._renderMobileBreadcrumbs()}
         </div>
@@ -2747,10 +2789,10 @@ var Y = class extends e {
     `;
 	}
 };
-P([s({ attribute: !1 })], Y.prototype, "tree", void 0), P([s({ type: Array })], Y.prototype, "modules", void 0), P([s()], Y.prototype, "activeModuleId", void 0), P([s({ type: Boolean })], Y.prototype, "modulesLoading", void 0), P([l()], Y.prototype, "_openPopoverId", void 0), P([l()], Y.prototype, "_displayMode", void 0), P([l()], Y.prototype, "_overflowCount", void 0), P([l()], Y.prototype, "_tooltip", void 0), Y = P([S(), o("vsn-breadcrumbs")], Y);
+N([s({ attribute: !1 })], Y.prototype, "tree", void 0), N([s({ type: Array })], Y.prototype, "modules", void 0), N([s()], Y.prototype, "activeModuleId", void 0), N([s({ type: Boolean })], Y.prototype, "modulesLoading", void 0), N([l()], Y.prototype, "_openPopoverId", void 0), N([l()], Y.prototype, "_displayMode", void 0), N([l()], Y.prototype, "_overflowCount", void 0), N([l()], Y.prototype, "_tooltip", void 0), Y = N([b(), o("vsn-breadcrumbs")], Y);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
-var en = class extends e {
+var tn = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2764,13 +2806,13 @@ var en = class extends e {
 	render() {
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-              aria-label=${x("Open AI assistant")} @click=${this._handleClick}>
-        <span class="ga-icon">${M(Ye)}</span>
+              aria-label=${y("Open AI assistant")} @click=${this._handleClick}>
+        <span class="ga-icon">${j(Xe)}</span>
       </button>
     `;
 	}
 };
-en = P([S(), o("vsn-ai-assistant")], en);
+tn = N([b(), o("vsn-ai-assistant")], tn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
 var X = class extends e {
@@ -2789,7 +2831,7 @@ var X = class extends e {
 		if (super.updated(e), e.has("feedback") && this.feedback?.workspaceId && !document.getElementById("survicate-sdk") && !window._sva) {
 			window._sva = window._sva ?? {}, window._sva.forcedLanguage = this.lang;
 			let e = document.createElement("script");
-			e.id = We, e.src = Ke(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), e.onerror = () => {
+			e.id = Ge, e.src = qe(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), e.onerror = () => {
 				e.remove(), window._sva = void 0;
 			}, document.head.appendChild(e);
 		}
@@ -2812,26 +2854,26 @@ var X = class extends e {
 		this.dispatchEvent(new CustomEvent("vsn-feedback", {
 			bubbles: !0,
 			composed: !0
-		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(Ge));
+		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(Ke));
 	}
 	render() {
 		return this._compact ? n`
         <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-                aria-label=${x("Send feedback")} @click=${this._handleClick}>
-          <span class="ga-icon">${M(Qe)}</span>
+                aria-label=${y("Send feedback")} @click=${this._handleClick}>
+          <span class="ga-icon">${j($e)}</span>
         </button>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary" aria-label=${x("Send feedback")}
+      <button type="button" class="ga-button ga-button--secondary" aria-label=${y("Send feedback")}
               @click=${this._handleClick}>
-        ${x("Feedback")}
+        ${y("Feedback")}
       </button>
     `;
 	}
 };
-P([l()], X.prototype, "_compact", void 0), P([s({ attribute: !1 })], X.prototype, "feedback", void 0), P([s({ attribute: !1 })], X.prototype, "auth", void 0), P([s()], X.prototype, "lang", void 0), X = P([S(), o("vsn-feedback")], X);
+N([l()], X.prototype, "_compact", void 0), N([s({ attribute: !1 })], X.prototype, "feedback", void 0), N([s({ attribute: !1 })], X.prototype, "auth", void 0), N([s()], X.prototype, "lang", void 0), X = N([b(), o("vsn-feedback")], X);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
-var tn = class extends e {
+var nn = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2839,7 +2881,7 @@ var tn = class extends e {
 		e.preventDefault(), this.landingPageUrl && this.dispatchEvent(new CustomEvent("vsn-navigate", {
 			detail: {
 				id: "home",
-				label: x("Home"),
+				label: y("Home"),
 				url: this.landingPageUrl
 			},
 			bubbles: !0,
@@ -2848,17 +2890,17 @@ var tn = class extends e {
 	}
 	render() {
 		return this.landingPageUrl ? n`
-      <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${x("Home")}
+      <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${y("Home")}
          @click=${this._handleClick}>
-        <span class="ga-icon">${M($e)}</span>
+        <span class="ga-icon">${j(et)}</span>
       </a>
     ` : r;
 	}
 };
-P([s({ attribute: "landing-page-url" })], tn.prototype, "landingPageUrl", void 0), tn = P([S(), o("vsn-home")], tn);
+N([s({ attribute: "landing-page-url" })], nn.prototype, "landingPageUrl", void 0), nn = N([b(), o("vsn-home")], nn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
-var nn = class extends e {
+var rn = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2880,25 +2922,25 @@ var nn = class extends e {
 	}
 	render() {
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Open menu")}
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${y("Open menu")}
               aria-describedby="vsn-menu-toggle-tooltip"
               @click=${this._handleClick}
               @mouseenter=${this._onActivate}
               @mouseleave=${this._onDeactivate}>
-        <span class="ga-icon">${M(Je)}</span>
+        <span class="ga-icon">${j(Ye)}</span>
       </button>
       <div id="vsn-menu-toggle-tooltip" role="tooltip"
            style="position: fixed; inset: unset; margin: 0; padding: 0; border: none; background: transparent; overflow: visible; pointer-events: none; z-index: 9999;"
            popover="manual">
-        <div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${ze()}</div>
+        <div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${Be()}</div>
       </div>
     `;
 	}
 };
-P([c("div[role=\"tooltip\"]", !0)], nn.prototype, "_tooltipElement", void 0), nn = P([S(), o("vsn-menu-toggle")], nn);
+N([c("div[role=\"tooltip\"]", !0)], rn.prototype, "_tooltipElement", void 0), rn = N([b(), o("vsn-menu-toggle")], rn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
-var rn = class extends e {
+var an = class extends e {
 	constructor(...e) {
 		super(...e), this.notificationActive = !1;
 	}
@@ -2913,23 +2955,23 @@ var rn = class extends e {
 		}));
 	}
 	render() {
-		let e = this.notificationActive ? Ze : Xe;
+		let e = this.notificationActive ? Qe : Ze;
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-              aria-label=${x("Notifications")} @click=${this._handleClick}>
-        <span class="ga-icon">${M(e)}</span>
+              aria-label=${y("Notifications")} @click=${this._handleClick}>
+        <span class="ga-icon">${j(e)}</span>
       </button>
     `;
 	}
 };
-P([s({
+N([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], rn.prototype, "notificationActive", void 0), rn = P([S(), o("vsn-notifications")], rn);
+})], an.prototype, "notificationActive", void 0), an = N([b(), o("vsn-notifications")], an);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
-function an(e) {
+function on(e) {
 	try {
 		let t = new URL(e);
 		return t.protocol === "https:" || t.protocol === "http:";
@@ -2949,28 +2991,28 @@ var Z = class extends e {
 		}));
 	}
 	render() {
-		return this.helpUrl && an(this.helpUrl) ? n`
+		return this.helpUrl && on(this.helpUrl) ? n`
         <a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
-           aria-label=${x("Help")}>
-          <span class="ga-icon">${M(et)}</span>
+           aria-label=${y("Help")}>
+          <span class="ga-icon">${j(tt)}</span>
         </a>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Help")}
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${y("Help")}
               @click=${this._handleClick}>
-        <span class="ga-icon">${M(et)}</span>
+        <span class="ga-icon">${j(tt)}</span>
       </button>
     `;
 	}
 };
-P([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), Z = P([S(), o("vsn-help")], Z);
+N([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), Z = N([b(), o("vsn-help")], Z);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-top-bar.ts
 var Q = class extends e {
 	constructor() {
-		super(), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.modulesLoading = !1, this.lang = "en", new z(this, () => !0);
+		super(), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.modulesLoading = !1, this.lang = "en", new R(this, () => !0);
 	}
 	willUpdate(e) {
-		e.has("lang") && Rt(this.lang).catch(console.error);
+		e.has("lang") && zt(this.lang).catch(console.error);
 	}
 	focusMenuToggle() {
 		this.renderRoot.querySelector("vsn-menu-toggle")?.focus();
@@ -3072,28 +3114,28 @@ var Q = class extends e {
     `;
 	}
 };
-P([s({ attribute: !1 })], Q.prototype, "tree", void 0), P([s({ type: Array })], Q.prototype, "modules", void 0), P([s()], Q.prototype, "activeModuleId", void 0), P([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), P([s({ attribute: !1 })], Q.prototype, "feedback", void 0), P([s({ attribute: !1 })], Q.prototype, "auth", void 0), P([s({
+N([s({ attribute: !1 })], Q.prototype, "tree", void 0), N([s({ type: Array })], Q.prototype, "modules", void 0), N([s()], Q.prototype, "activeModuleId", void 0), N([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), N([s({ attribute: !1 })], Q.prototype, "feedback", void 0), N([s({ attribute: !1 })], Q.prototype, "auth", void 0), N([s({
 	type: Boolean,
 	attribute: "show-help"
-})], Q.prototype, "showHelp", void 0), P([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), P([s({
+})], Q.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), N([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], Q.prototype, "showNotification", void 0), P([s({
+})], Q.prototype, "showNotification", void 0), N([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], Q.prototype, "notificationActive", void 0), P([s({ type: Boolean })], Q.prototype, "modulesLoading", void 0), P([s()], Q.prototype, "lang", void 0), Q = P([o("vsn-top-bar")], Q);
+})], Q.prototype, "notificationActive", void 0), N([s({ type: Boolean })], Q.prototype, "modulesLoading", void 0), N([s()], Q.prototype, "lang", void 0), Q = N([o("vsn-top-bar")], Q);
 //#endregion
 //#region src/components/vsn-navigation.ts
 var $ = class extends e {
 	constructor(...e) {
 		super(...e), this.lang = "en", this.showHelp = !1, this.feedback = null, this.showNotification = !1, this.notificationActive = !1, this.open = !1, this._currentItem = "", this._resolvedModules = [], this._modulesLoading = !1, this._modulesLoadToken = 0, this._restoreFocusToToggle = !1, this._onShortcut = (e) => {
-			e.defaultPrevented || !Ie(e) || e.key.toLowerCase() !== "k" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
+			e.defaultPrevented || !Le(e) || e.key.toLowerCase() !== "k" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
 				cancelable: !0,
 				bubbles: !0,
 				composed: !0
 			})) && this._openAndFocusSearch());
 		}, this._onEscape = (e) => {
-			e.defaultPrevented || this.open && j(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
+			e.defaultPrevented || this.open && A(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
 		};
 	}
 	_resolveModules() {
@@ -3116,7 +3158,7 @@ var $ = class extends e {
 	static {
 		this.styles = [
 			h,
-			Xt,
+			Zt,
 			t`
       :host {
         display: flex;
@@ -3229,19 +3271,19 @@ var $ = class extends e {
     `;
 	}
 };
-P([s()], $.prototype, "lang", void 0), P([s({ attribute: !1 })], $.prototype, "tree", void 0), P([s({ attribute: !1 })], $.prototype, "modules", void 0), P([s({ attribute: !1 })], $.prototype, "auth", void 0), P([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), P([s({
+N([s()], $.prototype, "lang", void 0), N([s({ attribute: !1 })], $.prototype, "tree", void 0), N([s({ attribute: !1 })], $.prototype, "modules", void 0), N([s({ attribute: !1 })], $.prototype, "auth", void 0), N([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), N([s({
 	type: Boolean,
 	attribute: "show-help"
-})], $.prototype, "showHelp", void 0), P([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), P([s({ attribute: !1 })], $.prototype, "feedback", void 0), P([s({
+})], $.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), N([s({ attribute: !1 })], $.prototype, "feedback", void 0), N([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], $.prototype, "showNotification", void 0), P([s({
+})], $.prototype, "showNotification", void 0), N([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], $.prototype, "notificationActive", void 0), P([s({
+})], $.prototype, "notificationActive", void 0), N([s({
 	type: Boolean,
 	attribute: "open",
 	reflect: !0
-})], $.prototype, "open", void 0), P([l()], $.prototype, "_currentItem", void 0), P([l()], $.prototype, "_resolvedModules", void 0), P([l()], $.prototype, "_modulesLoading", void 0), $ = P([o("vsn-navigation")], $);
+})], $.prototype, "open", void 0), N([l()], $.prototype, "_currentItem", void 0), N([l()], $.prototype, "_resolvedModules", void 0), N([l()], $.prototype, "_modulesLoading", void 0), $ = N([o("vsn-navigation")], $);
 //#endregion
-export { v as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };
+export { de as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };