npm - @visma-swno/vsn-navigation - Versions diffs - 1.4.0-beta.2 → 1.4.0-beta.4 - Mend

@visma-swno/vsn-navigation 1.4.0-beta.2 → 1.4.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/assets/vsn-navigation.d.ts +1 -0
package/dist/assets/vsn-navigation.js +294 -283
package/dist/custom-elements.json +1 -1
package/package.json +1 -1

package/dist/assets/vsn-navigation.js CHANGED Viewed

@@ -99,40 +99,40 @@ function ve(e) {
 function ye(e) {
 	window.dispatchEvent(new CustomEvent(ne, { detail: e }));
 }
-var x = "", be, xe, S, Se, Ce, C = new ue();
-C.resolve();
-var w = 0, we = (e) => (se(((e, t) => _e(Ce, e, t))), x = xe = e.sourceLocale, S = new Set(e.targetLocales), S.add(e.sourceLocale), Se = e.loadLocale, {
-	getLocale: Te,
-	setLocale: Ee
-}), Te = () => x, Ee = (e) => {
-	if (e === (be ?? x)) return C.promise;
-	if (!S || !Se) throw Error("Internal error");
-	if (!S.has(e)) throw Error("Invalid locale code");
-	w++;
-	let t = w;
-	return be = e, C.settled && (C = new ue()), ye({
+var x = "", S, be, C, xe, Se, w = new ue();
+w.resolve();
+var T = 0, Ce = (e) => (se(((e, t) => _e(Se, e, t))), x = be = e.sourceLocale, C = new Set(e.targetLocales), C.add(e.sourceLocale), xe = e.loadLocale, {
+	getLocale: we,
+	setLocale: Te
+}), we = () => x, Te = (e) => {
+	if (e === (S ?? x)) return w.promise;
+	if (!C || !xe) throw Error("Internal error");
+	if (!C.has(e)) throw Error("Invalid locale code");
+	T++;
+	let t = T;
+	return S = e, w.settled && (w = new ue()), ye({
 		status: "loading",
 		loadingLocale: e
-	}), (e === xe ? Promise.resolve({ templates: void 0 }) : Se(e)).then((n) => {
-		w === t && (x = e, be = void 0, Ce = n.templates, ye({
+	}), (e === be ? Promise.resolve({ templates: void 0 }) : xe(e)).then((n) => {
+		T === t && (x = e, S = void 0, Se = n.templates, ye({
 			status: "ready",
 			readyLocale: e
-		}), C.resolve());
+		}), w.resolve());
 	}, (n) => {
-		w === t && (ye({
+		T === t && (ye({
 			status: "error",
 			errorLocale: e,
 			errorMessage: n.toString()
-		}), C.reject(n));
-	}), C.promise;
-}, De = () => {
+		}), w.reject(n));
+	}), w.promise;
+}, Ee = () => {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
 	return /mac/i.test(e);
-}, Oe = (e) => !e.shiftKey && !e.altKey && (De() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), T = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, E = (e) => !T(e), ke = () => v("Choose a service"), Ae = () => v("Search"), je = () => De() ? "Cmd+O" : "CTRL+O", Me = (e) => v(_`Type at least ${e} characters to search`), Ne = () => v("Menu items"), Pe = () => v("Load more"), Fe = () => v("VSN"), Ie = "survicate-sdk", Le = "ui-components-feedback", Re = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
+}, De = (e) => !e.shiftKey && !e.altKey && (Ee() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), E = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, D = (e) => !E(e), Oe = () => v("Choose a service"), ke = () => v("Search"), Ae = () => Ee() ? "Cmd+O" : "CTRL+O", je = (e) => v(_`Type at least ${e} characters to search`), Me = () => v("Menu items"), Ne = () => v("Load more"), Pe = () => v("VSN"), O = "menu", Fe = "survicate-sdk", Ie = "ui-components-feedback", Le = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
 //#endregion
 //#region src/shared/icons.ts
-function D(e, t = 24, r) {
+function k(e, t = 24, r) {
 	return n`<svg
       xmlns="http://www.w3.org/2000/svg"
       width="${t}"
@@ -147,23 +147,23 @@ function D(e, t = 24, r) {
       class=${r ?? ""}
   >${e}</svg>`;
 }
-var ze = i``, Be = i`
+var Re = i``, ze = i`
   <path d="M4 5h16"/>
   <path d="M4 12h16"/>
   <path d="M4 19h16"/>
-`, Ve = i`
+`, Be = 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"/>
-`, He = i`
+`, Ve = 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"/>
-`, Ue = i`
+`, He = 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"/>
-`, We = i`
+`, Ue = 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"/>
 `;
@@ -174,14 +174,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 Ge = i`
+var We = 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"/>
-`, Ke = i`
+`, Ge = 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"/>
-`, qe = i`
+`, Ke = i`
   <circle cx="12" cy="8" r="5"/>
   <path d="M20 21a8 8 0 0 0-16 0"/>
 `;
@@ -192,11 +192,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 Je = i`
+var qe = 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"/>
-`, Ye = i`
+`, Je = 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"/>
@@ -205,17 +205,17 @@ i`
   <circle cx="12" cy="12" r="10"/>
   <circle cx="12" cy="12" r="1"/>
 `;
-var Xe = i`
+var Ye = i`
   <path d="m7 15 5 5 5-5"/>
   <path d="m7 9 5-5 5 5"/>
-`, Ze = i`
+`, Xe = i`
   <path d="m18 15-6-6-6 6"/>
-`, O = i`
+`, A = i`
   <path d="m6 9 6 6 6-6"/>
-`, Qe = i`
+`, Ze = i`
   <circle cx="11" cy="11" r="8"/>
   <path d="m21 21-4.3-4.3"/>
-`, $e = i`
+`, Qe = i`
   <circle cx="12" cy="12" r="10"/>
   <path d="m15 9-6 6"/>
   <path d="m9 9 6 6"/>
@@ -225,7 +225,7 @@ i`
   <line x1="12" x2="12" y1="8" y2="12"/>
   <line x1="12" x2="12.01" y1="16" y2="16"/>
 `;
-var et = i`
+var $e = 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"/>
@@ -236,9 +236,9 @@ 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 tt = i`
+var et = i`
   <path d="m9 18 6-6-6-6"/>
-`, nt = class extends Event {
+`, tt = class extends Event {
 	constructor(e, t, n, r) {
 		super("context-request", {
 			bubbles: !0,
@@ -248,12 +248,12 @@ var tt = i`
 };
 //#endregion
 //#region node_modules/@lit/context/lib/create-context.js
-function rt(e) {
+function nt(e) {
 	return e;
 }
 //#endregion
 //#region node_modules/@lit/context/lib/controllers/context-consumer.js
-var it = class {
+var rt = class {
 	constructor(e, t, n, r) {
 		if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (e, t) => {
 			this.unsubscribe && (this.unsubscribe !== t && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = e, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(e, t)), this.unsubscribe = t;
@@ -270,9 +270,9 @@ var it = class {
 		this.unsubscribe &&= (this.unsubscribe(), void 0);
 	}
 	dispatchRequest() {
-		this.host.dispatchEvent(new nt(this.context, this.host, this.t, this.subscribe));
+		this.host.dispatchEvent(new tt(this.context, this.host, this.t, this.subscribe));
 	}
-}, at = class {
+}, it = class {
 	get value() {
 		return this.o;
 	}
@@ -302,14 +302,14 @@ var it = class {
 	clearCallbacks() {
 		this.subscriptions.clear();
 	}
-}, ot = class extends Event {
+}, at = class extends Event {
 	constructor(e, t) {
 		super("context-provider", {
 			bubbles: !0,
 			composed: !0
 		}), this.context = e, this.contextTarget = t;
 	}
-}, st = class extends at {
+}, ot = class extends it {
 	constructor(e, t, n) {
 		super(t.context === void 0 ? n : t.initialValue), this.onContextRequest = (e) => {
 			if (e.context !== this.context) return;
@@ -318,7 +318,7 @@ var it = class {
 		}, this.onProviderRequest = (e) => {
 			if (e.context !== this.context || (e.contextTarget ?? e.composedPath()[0]) === this.host) return;
 			let t = /* @__PURE__ */ new Set();
-			for (let [e, { consumerHost: n }] of this.subscriptions) t.has(e) || (t.add(e), n.dispatchEvent(new nt(this.context, n, e, !0)));
+			for (let [e, { consumerHost: n }] of this.subscriptions) t.has(e) || (t.add(e), n.dispatchEvent(new tt(this.context, n, e, !0)));
 			e.stopPropagation();
 		}, this.host = e, t.context === void 0 ? this.context = t : this.context = t.context, this.attachListeners(), this.host.addController?.(this);
 	}
@@ -326,12 +326,12 @@ var it = class {
 		this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
 	}
 	hostConnected() {
-		this.host.dispatchEvent(new ot(this.context, this.host));
+		this.host.dispatchEvent(new at(this.context, this.host));
 	}
 };
 //#endregion
 //#region node_modules/@lit/context/lib/decorators/provide.js
-function ct({ context: e }) {
+function st({ context: e }) {
 	return (t, n) => {
 		let r = /* @__PURE__ */ new WeakMap();
 		if (typeof n == "object") return {
@@ -342,7 +342,7 @@ function ct({ context: e }) {
 				return r.get(this).setValue(e), t.set.call(this, e);
 			},
 			init(t) {
-				return r.set(this, new st(this, {
+				return r.set(this, new ot(this, {
 					context: e,
 					initialValue: t
 				})), t;
@@ -350,7 +350,7 @@ function ct({ context: e }) {
 		};
 		{
 			t.constructor.addInitializer(((t) => {
-				r.set(t, new st(t, { context: e }));
+				r.set(t, new ot(t, { context: e }));
 			}));
 			let i = Object.getOwnPropertyDescriptor(t, n), a;
 			if (i === void 0) {
@@ -381,10 +381,10 @@ function ct({ context: e }) {
 }
 //#endregion
 //#region node_modules/@lit/context/lib/decorators/consume.js
-function lt({ context: e, subscribe: t }) {
+function ct({ context: e, subscribe: t }) {
 	return (n, r) => {
 		typeof r == "object" ? r.addInitializer((function() {
-			new it(this, {
+			new rt(this, {
 				context: e,
 				callback: (e) => {
 					n.set.call(this, e);
@@ -392,7 +392,7 @@ function lt({ context: e, subscribe: t }) {
 				subscribe: t
 			});
 		})) : n.constructor.addInitializer(((n) => {
-			new it(n, {
+			new rt(n, {
 				context: e,
 				callback: (e) => {
 					n[r] = e;
@@ -404,20 +404,20 @@ function lt({ context: e, subscribe: t }) {
 }
 //#endregion
 //#region src/shared/types/index.ts
-function k(e) {
+function j(e) {
 	return "url" in e;
 }
-function A(e) {
+function M(e) {
 	return "items" in e;
 }
-var j = class e extends Error {
+var N = class e extends Error {
 	constructor(t) {
 		super(t), this.name = "SearchError", Object.setPrototypeOf(this, e.prototype);
 	}
-}, ut = rt("activeId"), dt = rt(Symbol("focus-manager"));
+}, lt = nt("activeId"), ut = nt(Symbol("focus-manager"));
 //#endregion
 //#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
-function M(e, t, n, r) {
+function P(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 M(e, t, n, r) {
 }
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-item.ts
-var N, P = class extends e {
+var F, I = class extends e {
 	static {
-		N = this;
+		F = this;
 	}
 	static {
 		this._idCounter = 0;
@@ -461,8 +461,8 @@ var N, P = class extends e {
 			this._showTooltip = !1;
 		}, this._onKeyDown = (e) => {
 			let t = this.tree;
-			if (t !== void 0 && !(e.defaultPrevented || T(e))) {
-				if (N.menuShortcuts.includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "ArrowUp") {
+			if (t !== void 0 && !(e.defaultPrevented || E(e))) {
+				if (F.menuShortcuts.includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "ArrowUp") {
 					this._focusManager?.focusPrev(this);
 					return;
 				}
@@ -470,10 +470,10 @@ var N, P = class extends e {
 					this._focusManager?.focusNext(this);
 					return;
 				}
-				A(t) ? this.handleKeyForParent(e.key) : this.handleKeyForLeaf(e.key);
+				M(t) ? this.handleKeyForParent(e.key) : this.handleKeyForLeaf(e.key);
 			}
 		};
-		let e = N._idCounter++;
+		let e = F._idCounter++;
 		this._tooltipId = `vsn-side-menu-item-tooltip-${e}`, this._childListId = `vsn-side-menu-item-list-${e}`;
 	}
 	focusSelf() {
@@ -481,10 +481,10 @@ var N, P = class extends e {
 	}
 	willUpdate(e) {
 		let t = this.tree;
-		t !== void 0 && e.has("_currentActiveId") && (this._isActive = this._currentActiveId === t.id, A(t) && (this._isExpanded = this.isActiveNode(t) !== null));
+		t !== void 0 && e.has("_currentActiveId") && (this._isActive = this._currentActiveId === t.id, M(t) && (this._isExpanded = this.isActiveNode(t) !== null));
 	}
 	render() {
-		let e = this.tree !== void 0 && A(this.tree), t = this.tree && A(this.tree) ? this.tree.items : [];
+		let e = this.tree !== void 0 && M(this.tree), t = this.tree && M(this.tree) ? this.tree.items : [];
 		return n`
       ${this.menuItemMarkup()}
       ${e ? n`
@@ -494,7 +494,7 @@ var N, P = class extends e {
     `;
 	}
 	menuItemMarkup() {
-		let e = this.tree !== void 0 && A(this.tree), t = this.tree?.["data-qa-id"], r = {
+		let e = this.tree !== void 0 && M(this.tree), t = this.tree?.["data-qa-id"], r = {
 			"ga-side-navigation__item": !0,
 			[`ga-side-navigation__item--level-${this.level}`]: this.level > 1,
 			"ga-side-navigation__item--expanded": this._isExpanded,
@@ -505,7 +505,7 @@ var N, P = 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 ? D(O, 16) : D(tt, 16) : ""}
+			  ${e ? this._isExpanded ? k(A, 16) : k(et, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${this.tree?.label}</div>
@@ -517,7 +517,7 @@ var N, P = class extends e {
              @mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}
         </button>` : n`<a class="${d(r)}" aria-describedby="${this._tooltipId}"
                    aria-current=${f(this._isActive ? "page" : void 0)}
-                   href="${this.tree && k(this.tree) ? this.tree.url : ""}" data-qa-id="${f(t)}"
+                   href="${this.tree && j(this.tree) ? this.tree.url : ""}" data-qa-id="${f(t)}"
                    @click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
                    @mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}</a>`;
 	}
@@ -553,7 +553,7 @@ var N, P = class extends e {
 	}
 	isActiveNode(e) {
 		if (e.id === this._currentActiveId) return e;
-		if (A(e)) for (let t of e.items) {
+		if (M(e)) for (let t of e.items) {
 			let e = this.isActiveNode(t);
 			if (e) return e;
 		}
@@ -562,11 +562,11 @@ var N, P = class extends e {
 	_handleItemClick(e) {
 		let t = this.tree;
 		if (t !== void 0) {
-			if (A(t)) {
+			if (M(t)) {
 				this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			e.button !== 0 || T(e) || (e.preventDefault(), e.stopPropagation(), (!this._isActive || this.hasPageTitle) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
+			e.button !== 0 || E(e) || (e.preventDefault(), e.stopPropagation(), (!this._isActive || this.hasPageTitle) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
 				bubbles: !0,
 				composed: !0,
 				detail: t
@@ -574,13 +574,13 @@ var N, P = class extends e {
 		}
 	}
 };
-M([s({ attribute: !1 })], P.prototype, "tree", void 0), M([s({ type: Number })], P.prototype, "level", void 0), M([lt({
-	context: ut,
+P([s({ attribute: !1 })], I.prototype, "tree", void 0), P([s({ type: Number })], I.prototype, "level", void 0), P([ct({
+	context: lt,
 	subscribe: !0
-}), l()], P.prototype, "_currentActiveId", void 0), M([l()], P.prototype, "_isActive", void 0), M([l()], P.prototype, "_isExpanded", void 0), M([l()], P.prototype, "_showTooltip", void 0), M([l()], P.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__item-label")], P.prototype, "_labelEl", void 0), M([lt({ context: dt })], P.prototype, "_focusManager", void 0), M([s({ type: Boolean })], P.prototype, "hasPageTitle", void 0), P = N = M([o("vsn-menu-item")], P);
+}), 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([ct({ context: ut })], I.prototype, "_focusManager", void 0), P([s({ type: Boolean })], I.prototype, "hasPageTitle", void 0), I = F = P([o("vsn-menu-item")], I);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
-var F = class extends e {
+var L = class extends e {
 	constructor(...e) {
 		super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "", this.hasPageTitle = !1, this._focusManager = {
 			focusPrev: (e) => {
@@ -618,15 +618,15 @@ var F = class extends e {
       <vsn-menu-item .tree=${e} .hasPageTitle=${this.hasPageTitle}></vsn-menu-item>`;
 	}
 };
-M([s({ attribute: !1 })], F.prototype, "items", void 0), M([ct({ context: ut }), l()], F.prototype, "_currentActiveId", void 0), M([s()], F.prototype, "currentItem", void 0), M([s({ type: Boolean })], F.prototype, "hasPageTitle", void 0), M([ct({ context: dt })], F.prototype, "_focusManager", void 0), F = M([y(), o("vsn-menu")], F);
+P([s({ attribute: !1 })], L.prototype, "items", void 0), P([st({ context: lt }), l()], L.prototype, "_currentActiveId", void 0), P([s()], L.prototype, "currentItem", void 0), P([s({ type: Boolean })], L.prototype, "hasPageTitle", void 0), P([st({ context: ut })], L.prototype, "_focusManager", void 0), L = P([y(), o("vsn-menu")], L);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
-var I = class extends e {
+var R = class extends e {
 	constructor(...e) {
 		super(...e), this.label = "", this.closeOnClick = !1, this._onKeydown = (e) => {
-			e.defaultPrevented || E(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
+			e.defaultPrevented || D(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
 		}, this._onClick = (e) => {
-			e.defaultPrevented || e.button !== 0 || T(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+			e.defaultPrevented || e.button !== 0 || E(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
 			}));
@@ -735,13 +735,13 @@ var I = class extends e {
     `;
 	}
 };
-M([s()], I.prototype, "label", void 0), M([s({
+P([s()], R.prototype, "label", void 0), P([s({
 	type: Boolean,
 	attribute: "close-on-click"
-})], I.prototype, "closeOnClick", void 0), I = M([o("vsn-menu-button")], I);
+})], R.prototype, "closeOnClick", void 0), R = P([o("vsn-menu-button")], R);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-separator.ts
-var ft = class extends e {
+var dt = class extends e {
 	static {
 		this.styles = [t`
         /* flow-root establishes a BFC so the .line's margins stay contained.
@@ -765,15 +765,15 @@ var ft = class extends e {
 		return n`<div class="line"></div>`;
 	}
 };
-ft = M([o("vsn-menu-separator")], ft);
+dt = P([o("vsn-menu-separator")], dt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-footer/vsn-footer.keyboard.ts
-var pt = class {
+var ft = class {
 	constructor(e) {
 		this._prevExpanded = !1, this.onUserKeydown = (e) => {
-			e.defaultPrevented || T(e) || e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
+			e.defaultPrevented || E(e) || e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
 		}, this.onDropdownKeydown = (e) => {
-			if (e.defaultPrevented || T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || E(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = this.host.querySelector(".ga-side-navigation__footer-dropdown");
 			if (!t) return;
@@ -792,7 +792,7 @@ var pt = class {
 		} else !this.host.expanded && this._prevExpanded && this.host.querySelector(".ga-side-navigation__user")?.focus();
 		this._prevExpanded = this.host.expanded;
 	}
-}, mt = class {
+}, pt = class {
 	constructor(e, t, n) {
 		this._onPointerDown = (e) => {
 			let t = e.composedPath();
@@ -809,18 +809,18 @@ var pt = class {
 	hostDisconnected() {
 		document.removeEventListener("pointerdown", this._onPointerDown, !0);
 	}
-}, ht = "initials";
-function gt(e, t, n, r) {
+}, mt = "initials";
+function ht(e, t, n, r) {
 	if (!t) return;
 	let i = new URLSearchParams({
-		type: ht,
+		type: mt,
 		size: r
 	});
 	return n && i.set("client_id", n), `${e}${t}?${i}`;
 }
 //#endregion
 //#region src/components/controllers/focus-trapping-controller.ts
-var L = class {
+var z = 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;
@@ -839,31 +839,31 @@ var L = class {
 	hostUpdated() {
 		this._rootElement == null && this._rootSelector && (this._rootElement = this._host.renderRoot.querySelector(this._rootSelector), this._rootElement != null && this._rootElement.addEventListener("keydown", this._onKeyDown));
 	}
-}, _t = {
-	profile: qe,
-	logout: Je
-}, vt = () => ({
+}, gt = {
+	profile: Ke,
+	logout: qe
+}, _t = () => ({
 	profile: v("My profile"),
 	logout: v("Log out")
-}), R = class extends e {
+}), B = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	get _items() {
 		return [{
 			id: "profile",
-			label: vt().profile,
+			label: _t().profile,
 			url: this.myProfileUrl
 		}, {
 			id: "logout",
-			label: vt().logout,
+			label: _t().logout,
 			url: "/logout"
 		}];
 	}
 	constructor() {
-		super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new pt(this), new mt(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 L(this, () => this.expanded);
+		}), new z(this, () => this.expanded);
 	}
 	willUpdate(e) {
 		(e.has("user") || e.has("profilePictureBaseUrl")) && (this._avatarFailed = !1);
@@ -879,8 +879,8 @@ var L = class {
         <button
           type="button"
+          aria-label=${v(_`User menu, ${this.user.userName}`)}
           aria-expanded="${this.expanded}"
-          aria-haspopup="menu"
           class="ga-side-navigation__user
                    ${this.expanded ? "ga-side-navigation__user--active" : ""}"
           @click=${this._toggle}>
@@ -897,7 +897,7 @@ var L = class {
           </div>
           <span class="ga-side-navigation__user-action">
-              ${this.expanded ? D(Ze, 16) : D(Xe, 16)}
+              ${this.expanded ? k(Xe, 16) : k(Ye, 16)}
             </span>
         </button>
@@ -906,19 +906,22 @@ var L = class {
 	}
 	renderDropdown() {
 		return n`
-      <div class="ga-side-navigation__footer-dropdown" @keydown=${this._keyboard.onDropdownKeydown}>
+      <div class="ga-side-navigation__footer-dropdown"
+           role="group"
+           aria-label=${v("User menu")}
+           @keydown=${this._keyboard.onDropdownKeydown}>
         ${this._items.map((e) => {
 			let t = n`
             <span class="ga-side-navigation__footer-dropdown-icon">
-                ${D(_t[e.id], 16)}
+                ${k(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">
-                  ${D(Ye, 16)}
+                  ${k(Je, 16)}
                 </span>
             ` : r}
           `;
@@ -958,7 +961,7 @@ var L = class {
 		}));
 	}
 	renderAvatar() {
-		let e = gt(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}
@@ -966,48 +969,54 @@ var L = class {
         @error=${() => {
 			this._avatarFailed = !0;
 		}}/>` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
-      ${D(qe, 24)}
+      ${k(Ke, 24)}
     </span>`;
 	}
 };
-M([s({ attribute: !1 })], R.prototype, "user", void 0), M([s()], R.prototype, "profilePictureBaseUrl", void 0), M([s()], R.prototype, "myProfileUrl", void 0), M([s({
+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({
 	type: Boolean,
 	reflect: !0
-})], R.prototype, "expanded", void 0), M([l()], R.prototype, "_avatarFailed", void 0), R = M([y(), o("vsn-footer")], R);
+})], B.prototype, "expanded", void 0), P([l()], B.prototype, "_avatarFailed", void 0), B = P([y(), o("vsn-footer")], B);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
-var yt = class {
+var vt = class {
 	constructor(e) {
 		this.onSwitcherKeydown = (e) => {
-			e.defaultPrevented || T(e) || this.host.expanded && e.key === "Escape" && this.host.requestClose() && e.preventDefault();
+			e.defaultPrevented || E(e) || this.host.expanded && e.key === "Escape" && this.host.requestClose() && e.preventDefault();
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, z = class extends e {
-	constructor(...e) {
-		super(...e), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
+}, yt, V = class extends e {
+	static {
+		yt = this;
+	}
+	createRenderRoot() {
+		return this;
+	}
+	static {
+		this._idCounter = 0;
+	}
+	constructor() {
+		super(), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
 			if (e.defaultPrevented) return;
-			if (E(e) && (e.key === "Enter" || e.key === " ")) {
+			if (D(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 (T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (E(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;
 			let n = this.getRootNode().activeElement, r = n instanceof HTMLElement ? t.indexOf(n) : -1, i = null;
 			e.key === "ArrowUp" && r > 0 ? i = t[r - 1] : e.key === "ArrowDown" && r < t.length - 1 && (i = t[r + 1]), i?.focus();
-		};
-	}
-	createRenderRoot() {
-		return this;
+		}, this._headerId = `vsn-switcher-dropdown-header-${yt._idCounter++}`;
 	}
 	firstUpdated() {
 		this.loading || this.querySelector(".ga-side-navigation__switcher-dropdown-item")?.focus();
 	}
 	_handleItemClick(e, t) {
-		T(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
+		E(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
 			detail: { id: t },
 			bubbles: !0,
 			composed: !0
@@ -1022,28 +1031,26 @@ var yt = class {
           <span class="vsn-spinner"></span>
         </div>
       ` : n`
-      <div class="ga-side-navigation__switcher-dropdown ga-scroll"
-           role="menu"
+      <nav class="ga-side-navigation__switcher-dropdown ga-scroll"
            style=${`max-height: ${Math.max(0, this.maxHeight)}px`}
-           aria-label=${ke()}
+           aria-labelledby=${this._headerId}
            @keydown=${this._handleKeydown}>
-        <span class="ga-side-navigation__switcher-dropdown-header">${ke()}</span>
+        <span id=${this._headerId} class="ga-side-navigation__switcher-dropdown-header">${Oe()}</span>
         ${this.items.map((e) => n`
           <a class="ga-side-navigation__switcher-dropdown-item"
              href=${e.url ?? ""}
-             role="menuitem"
              @click=${(t) => this._handleItemClick(t, e.id)}>
             <span class="ga-side-navigation__switcher-dropdown-title">${e.label}</span>
           </a>
         `)}
-      </div>
+      </nav>
     `;
 	}
 };
-M([s({ attribute: !1 })], z.prototype, "items", void 0), M([s({ type: Boolean })], z.prototype, "loading", void 0), M([s({ attribute: !1 })], z.prototype, "maxHeight", void 0), z = M([y(), o("vsn-switcher-menu")], z);
+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 = yt = P([y(), o("vsn-switcher-menu")], V);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search/vsn-search.ts
-var B = class extends e {
+var H = 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);
@@ -1061,33 +1068,12 @@ var B = class extends e {
 				composed: !0
 			}));
 		}, this._handleEscape = (e) => {
-			e.defaultPrevented || E(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
+			e.defaultPrevented || D(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
 		};
 	}
 	createRenderRoot() {
 		return this;
 	}
-	focus() {
-		let e = this.querySelector("input");
-		e?.focus(), e?.select();
-	}
-	get _canSearch() {
-		return this.value.length >= 3;
-	}
-	_handleInput(e) {
-		let t = e.target.value;
-		this.dispatchEvent(new CustomEvent("vsn-search-input", {
-			detail: { value: t },
-			bubbles: !0,
-			composed: !0
-		})), this._scheduleAutoSearch();
-	}
-	disconnectedCallback() {
-		this._cancelDebounce(), super.disconnectedCallback();
-	}
-	_handleEnter(e) {
-		e.defaultPrevented || E(e) && e.key === "Enter" && this._emitSearch();
-	}
 	render() {
 		let e = this.value.length > 0 && this.value.length < 3;
 		return n`
@@ -1098,19 +1084,40 @@ var B = class extends e {
           aria-label=${v("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
-          ${D(Qe, 24)}
+          ${k(Ze, 24)}
         </button>
         <input type="search"
-               .placeholder=${Ae()}
+               .placeholder=${ke()}
                .value=${this.value}
                @input=${this._handleInput}
                @keydown=${this._handleEnter}/>
         ${this._trailingSlot()}
       </div>
       ${p(e, () => n`
-        <div class="vsn-search__helper">${Me(3)}</div>`)}
+        <div class="vsn-search__helper">${je(3)}</div>`)}
     `;
 	}
+	focus() {
+		let e = this.querySelector("input");
+		e?.focus(), e?.select();
+	}
+	get _canSearch() {
+		return this.value.length >= 3;
+	}
+	_handleInput(e) {
+		let t = e.target.value;
+		this.dispatchEvent(new CustomEvent("vsn-search-input", {
+			detail: { value: t },
+			bubbles: !0,
+			composed: !0
+		})), this._scheduleAutoSearch();
+	}
+	disconnectedCallback() {
+		this._cancelDebounce(), super.disconnectedCallback();
+	}
+	_handleEnter(e) {
+		e.defaultPrevented || D(e) && e.key === "Enter" && this._emitSearch();
+	}
 	_trailingSlot() {
 		let e = this.loading, t = this.value.length > 0, i = !this.loading && this.value.length === 0 && this.shortcut.length > 0;
 		return n`
@@ -1126,7 +1133,7 @@ var B = class extends e {
 		return n`
       <button class="vsn-search__clear" aria-label=${v("Clear search")}
               @click=${this._emitSearchCleared}>
-        ${D($e, 16)}
+        ${k(Qe, 16)}
       </button>
     `;
 	}
@@ -1134,17 +1141,17 @@ var B = class extends e {
 		return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
 	}
 };
-M([s()], B.prototype, "shortcut", void 0), M([s()], B.prototype, "value", void 0), M([s({ type: Boolean })], B.prototype, "loading", void 0), B = M([y(), o("vsn-search")], B);
+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([y(), o("vsn-search")], H);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.ts
-var V = class extends e {
+var U = 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 yt(this), new mt(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 L(this, () => this.expanded, ".vsn-switcher-anchor");
+		}), new z(this, () => this.expanded, ".vsn-switcher-anchor");
 	}
 	focus() {
 		let e = this.querySelector("vsn-search");
@@ -1161,13 +1168,13 @@ var V = class extends e {
         <div class="vsn-switcher-anchor"
              @keydown=${this._keyboard.onSwitcherKeydown}>
           <button type="button" class="ga-side-navigation__switcher ${this.expanded ? "ga-side-navigation__switcher--active" : ""}"
+               aria-label=${v(_`Service menu, ${e.title}`)}
                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 ? D(O, 16) : D(Xe, 16) : D(ze, 16)}
+                ${this.canClose ? this.expanded ? k(A, 16) : k(Ye, 16) : k(Re, 16)}
             </span>
           </button>
@@ -1182,7 +1189,7 @@ var V = class extends e {
         ${p(this.search?.enabled, () => n`
           <vsn-search
-            .shortcut=${je()}
+            .shortcut=${Ae()}
             .value=${this.searchValue}
             .loading=${this.searchLoading}>
           </vsn-search>`)}
@@ -1192,7 +1199,7 @@ var V = class extends e {
 	get _state() {
 		if (this.modulesLoading) return {
 			kind: "loading",
-			title: this.activeModuleLabel || Fe()
+			title: this.activeModuleLabel || Pe()
 		};
 		let e = this.modules.find((e) => e.id === this.activeModuleId);
 		return e ? {
@@ -1201,7 +1208,7 @@ var V = class extends e {
 			available: this.modules.filter((t) => t.id !== e.id)
 		} : {
 			kind: "no-active",
-			title: Fe(),
+			title: Pe(),
 			available: this.modules
 		};
 	}
@@ -1239,16 +1246,16 @@ var V = class extends e {
 		}), !0);
 	}
 };
-M([s({ attribute: !1 })], V.prototype, "modules", void 0), M([s()], V.prototype, "activeModuleId", void 0), M([s()], V.prototype, "activeModuleLabel", void 0), M([s({ type: Boolean })], V.prototype, "modulesLoading", void 0), M([s({ type: Boolean })], V.prototype, "hasMenu", void 0), M([s({ attribute: !1 })], V.prototype, "moduleSwitcherMaxHeight", void 0), M([s({ attribute: !1 })], V.prototype, "search", void 0), M([s()], V.prototype, "searchValue", void 0), M([s({ type: Boolean })], V.prototype, "searchLoading", void 0), M([s({
+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({
 	type: Boolean,
 	reflect: !0
-})], V.prototype, "expanded", void 0), V = M([y(), o("vsn-header")], V);
+})], U.prototype, "expanded", void 0), U = P([y(), o("vsn-header")], U);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.keyboard.ts
 var bt = class {
 	constructor(e) {
 		this.onResultsKeydown = (e) => {
-			if (e.defaultPrevented || T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || E(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;
@@ -1259,7 +1266,7 @@ var bt = class {
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, xt, H = class extends e {
+}, xt, W = class extends e {
 	static {
 		xt = this;
 	}
@@ -1317,10 +1324,10 @@ var bt = class {
 		}));
 	}
 };
-M([s({ attribute: !1 })], H.prototype, "item", void 0), M([l()], H.prototype, "_showTooltip", void 0), M([l()], H.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__search-results-item-label")], H.prototype, "_labelEl", void 0), H = xt = M([o("vsn-search-result-item")], H);
+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 = xt = P([o("vsn-search-result-item")], W);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.ts
-var U = class extends e {
+var G = class extends e {
 	constructor(...e) {
 		super(...e), this.loadingMore = !1, this._keyboard = new bt(this);
 	}
@@ -1364,7 +1371,7 @@ var U = class extends e {
             class="vsn-search-results__load-more"
             ?disabled=${this.loadingMore}
             @click=${this._onLoadMore}>
-            ${Pe()}
+            ${Ne()}
           </button>
         `)}
       </div>
@@ -1377,7 +1384,7 @@ var U = class extends e {
 		}));
 	}
 };
-M([s({ attribute: !1 })], U.prototype, "results", void 0), M([s()], U.prototype, "errorMessage", void 0), M([s()], U.prototype, "nextCursor", void 0), M([s({ type: Boolean })], U.prototype, "loadingMore", void 0), U = M([y(), o("vsn-search-results")], U);
+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([y(), o("vsn-search-results")], G);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-template/vsn-template.ts
 var St = [
@@ -1405,7 +1412,7 @@ var St = [
     `;
 	}
 };
-Ct = M([y(), o("vsn-template")], Ct);
+Ct = P([y(), o("vsn-template")], Ct);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
 var wt = class extends e {
@@ -1415,7 +1422,7 @@ var wt = class extends e {
 	render() {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
-        <div class="vsn-error-state__icon">${D(et, 24)}</div>
+        <div class="vsn-error-state__icon">${k($e, 24)}</div>
         <div class="vsn-error-state__title">${v("Loading error")}</div>
         <div class="vsn-error-state__message">${v("We're unable to load the menu.")}</div>
         <div class="vsn-error-state__hint">${v("Please check your internet connection and try again.")}</div>
@@ -1424,10 +1431,10 @@ var wt = class extends e {
     `;
 	}
 };
-wt = M([y(), o("vsn-error-state")], wt);
+wt = P([y(), o("vsn-error-state")], wt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
-var Tt, W = class extends e {
+var Tt, K = class extends e {
 	static {
 		Tt = this;
 	}
@@ -1470,7 +1477,7 @@ var Tt, W = class extends e {
 		}));
 	}
 };
-M([s({ attribute: !1 })], W.prototype, "scopes", void 0), M([s()], W.prototype, "selectedScopeId", void 0), W = Tt = M([y(), o("vsn-search-scopes")], W);
+P([s({ attribute: !1 })], K.prototype, "scopes", void 0), P([s()], K.prototype, "selectedScopeId", void 0), K = Tt = P([y(), o("vsn-search-scopes")], K);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
 var Et = "en", Dt = [
@@ -1491,6 +1498,7 @@ var Et = "en", Dt = [
 	s3fb7db4771812f0c: "Hvis problemet fortsætter, genindlæs siden eller kontakt support.",
 	s457d59d649765619: "Gå til hovedindhold",
 	s4b0c6b66b4efd7d8: "Vælg en tjeneste",
+	s58a1dace5a9acc5b: _`Tjenestemenu, ${0}`,
 	s5be3c6d61cd9182f: "Notifikationer",
 	s5d369be551a4dd7a: "Menupunkter",
 	s5d929ff1619ac0c9: "Søg",
@@ -1498,11 +1506,13 @@ var Et = "en", Dt = [
 	s60fb9db2c6c14775: "Tjek din internetforbindelse og prøv igen.",
 	s6abb1cd87fe0114e: "Hjem",
 	s7584ded3d749c75e: "Indlæs mere",
+	s82b383a30bc685e9: "Brugermenu",
 	s842e9f4f6fdb5901: "Søgeomfang",
 	s8a1cc2725e462c2a: "Send feedback",
 	s8d91340b5caa2d5c: "Åbn menu",
 	s9094c0cde8fb5058: "Ingen resultater fundet",
 	s970de9ba0cf07677: "Søger",
+	s97b95ad19ebb75a9: _`Brugermenu, ${0}`,
 	sacde528ad7d2d031: "Vi kan ikke indlæse menuen.",
 	sb560e5cd092ef2e5: "Indlæser resultater",
 	sb64127e4e4f0b575: "Log ud",
@@ -1525,6 +1535,7 @@ var Et = "en", Dt = [
 	s3fb7db4771812f0c: "Jos ongelma jatkuu, lataa sivu uudelleen tai ota yhteyttä tukeen.",
 	s457d59d649765619: "Siirry pääsisältöön",
 	s4b0c6b66b4efd7d8: "Valitse palvelu",
+	s58a1dace5a9acc5b: _`Palveluvalikko, ${0}`,
 	s5be3c6d61cd9182f: "Ilmoitukset",
 	s5d369be551a4dd7a: "Valikkokohteet",
 	s5d929ff1619ac0c9: "Hae",
@@ -1532,11 +1543,13 @@ var Et = "en", Dt = [
 	s60fb9db2c6c14775: "Tarkista internetyhteytesi ja yritä uudelleen.",
 	s6abb1cd87fe0114e: "Etusivu",
 	s7584ded3d749c75e: "Lataa lisää",
+	s82b383a30bc685e9: "Käyttäjävalikko",
 	s842e9f4f6fdb5901: "Hakuala",
 	s8a1cc2725e462c2a: "Lähetä palautetta",
 	s8d91340b5caa2d5c: "Avaa valikko",
 	s9094c0cde8fb5058: "Tuloksia ei löytynyt",
 	s970de9ba0cf07677: "Haetaan",
+	s97b95ad19ebb75a9: _`Käyttäjävalikko, ${0}`,
 	sacde528ad7d2d031: "Valikko ei lataudu.",
 	sb560e5cd092ef2e5: "Ladataan tuloksia",
 	sb64127e4e4f0b575: "Kirjaudu ulos",
@@ -1559,6 +1572,7 @@ var Et = "en", Dt = [
 	s3fb7db4771812f0c: "Als het probleem aanhoudt, laad de pagina opnieuw of neem contact op met ondersteuning.",
 	s457d59d649765619: "Ga naar hoofdinhoud",
 	s4b0c6b66b4efd7d8: "Kies een service",
+	s58a1dace5a9acc5b: _`Servicemenu, ${0}`,
 	s5be3c6d61cd9182f: "Meldingen",
 	s5d369be551a4dd7a: "Menu-items",
 	s5d929ff1619ac0c9: "Zoeken",
@@ -1566,11 +1580,13 @@ var Et = "en", Dt = [
 	s60fb9db2c6c14775: "Controleer uw internetverbinding en probeer het opnieuw.",
 	s6abb1cd87fe0114e: "Home",
 	s7584ded3d749c75e: "Meer laden",
+	s82b383a30bc685e9: "Gebruikersmenu",
 	s842e9f4f6fdb5901: "Zoekbereik",
 	s8a1cc2725e462c2a: "Feedback sturen",
 	s8d91340b5caa2d5c: "Menu openen",
 	s9094c0cde8fb5058: "Geen resultaten gevonden",
 	s970de9ba0cf07677: "Zoeken",
+	s97b95ad19ebb75a9: _`Gebruikersmenu, ${0}`,
 	sacde528ad7d2d031: "We kunnen het menu niet laden.",
 	sb560e5cd092ef2e5: "Resultaten laden",
 	sb64127e4e4f0b575: "Uitloggen",
@@ -1593,6 +1609,7 @@ var Et = "en", Dt = [
 	s3fb7db4771812f0c: "Hvis problemet vedvarer, last inn siden på nytt eller kontakt støtte.",
 	s457d59d649765619: "Hopp til hovedinnhold",
 	s4b0c6b66b4efd7d8: "Velg en tjeneste",
+	s58a1dace5a9acc5b: _`Tjenestemeny, ${0}`,
 	s5be3c6d61cd9182f: "Varsler",
 	s5d369be551a4dd7a: "Menyelementer",
 	s5d929ff1619ac0c9: "Søk",
@@ -1600,11 +1617,13 @@ var Et = "en", Dt = [
 	s60fb9db2c6c14775: "Sjekk internettforbindelsen din og prøv igjen.",
 	s6abb1cd87fe0114e: "Hjem",
 	s7584ded3d749c75e: "Last inn mer",
+	s82b383a30bc685e9: "Brukermeny",
 	s842e9f4f6fdb5901: "Søkeomfang",
 	s8a1cc2725e462c2a: "Send tilbakemelding",
 	s8d91340b5caa2d5c: "Åpne meny",
 	s9094c0cde8fb5058: "Ingen resultater funnet",
 	s970de9ba0cf07677: "Søker",
+	s97b95ad19ebb75a9: _`Brukermeny, ${0}`,
 	sacde528ad7d2d031: "Vi kan ikke laste menyen.",
 	sb560e5cd092ef2e5: "Laster resultater",
 	sb64127e4e4f0b575: "Logg ut",
@@ -1627,6 +1646,7 @@ var Et = "en", Dt = [
 	s3fb7db4771812f0c: "Om problemet kvarstår, ladda om sidan eller kontakta support.",
 	s457d59d649765619: "Hoppa till huvudinnehåll",
 	s4b0c6b66b4efd7d8: "Välj en tjänst",
+	s58a1dace5a9acc5b: _`Tjänstemeny, ${0}`,
 	s5be3c6d61cd9182f: "Aviseringar",
 	s5d369be551a4dd7a: "Menyalternativ",
 	s5d929ff1619ac0c9: "Sök",
@@ -1634,11 +1654,13 @@ var Et = "en", Dt = [
 	s60fb9db2c6c14775: "Kontrollera din internetanslutning och försök igen.",
 	s6abb1cd87fe0114e: "Hem",
 	s7584ded3d749c75e: "Läs in mer",
+	s82b383a30bc685e9: "Användarmeny",
 	s842e9f4f6fdb5901: "Sökområde",
 	s8a1cc2725e462c2a: "Skicka feedback",
 	s8d91340b5caa2d5c: "Öppna meny",
 	s9094c0cde8fb5058: "Inga resultat hittades",
 	s970de9ba0cf07677: "Söker",
+	s97b95ad19ebb75a9: _`Användarmeny, ${0}`,
 	sacde528ad7d2d031: "Vi kan inte ladda menyn.",
 	sb560e5cd092ef2e5: "Laddar resultat",
 	sb64127e4e4f0b575: "Logga ut",
@@ -1655,7 +1677,7 @@ var Et = "en", Dt = [
 	nl: Mt,
 	no: Pt,
 	sv: It
-}, { getLocale: zt, setLocale: Bt } = we({
+}, { getLocale: zt, setLocale: Bt } = Ce({
 	sourceLocale: Et,
 	targetLocales: Dt,
 	loadLocale: (e) => Rt[e] ? Promise.resolve(Rt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
@@ -1927,27 +1949,14 @@ var Et = "en", Dt = [
   @keyframes vsn-spin {
     to { transform: rotate(360deg); }
   }
-`, Yt = class {
-	constructor(e, t, n) {
-		this._onHostClick = (e) => {
-			let t = this._host.renderRoot.querySelector(this._clickedSelector);
-			t && !e.composedPath().includes(t) && this._callback();
-		}, this._host = e, this._clickedSelector = t, this._callback = n, e.addController(this);
-	}
-	hostConnected() {
-		this._host.addEventListener("click", this._onHostClick);
-	}
-	hostDisconnected() {
-		this._host.removeEventListener("click", this._onHostClick);
-	}
-}, Xt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Zt = class {
+`, Yt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Xt = class {
 	constructor(e) {
 		this.onKeydown = (e) => {
-			if (e.defaultPrevented || T(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || E(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(Xt) && n.push(e), n.push(...Array.from(e.querySelectorAll(Xt)));
+			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;
@@ -1959,12 +1968,12 @@ var Et = "en", Dt = [
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, Qt = t`
+}, Zt = t`
   .ga-scroll {
     scrollbar-color: var(--ga-color-text-disabled) var(--ga-color-surface-page);
     scrollbar-width: thin;
   }
-`, $t = t`
+`, Qt = t`
   @layer components {
     .vsn-menu__list {
       list-style: none;
@@ -1988,7 +1997,7 @@ var Et = "en", Dt = [
       content: var(--tw-content);
     }
   }
-`, en = t`
+`, $t = t`
   @layer base {
     button:where(.ga-side-navigation__item),
     button:where(.ga-side-navigation__switcher),
@@ -2005,15 +2014,15 @@ var Et = "en", Dt = [
       color: inherit;
     }
   }
-`, G = class extends e {
+`, q = class extends e {
 	static {
 		this.styles = [
 			g,
-			Qt,
+			Zt,
 			Ht,
-			$t,
+			Qt,
 			Vt,
-			en,
+			$t,
 			Ut,
 			Wt,
 			Gt,
@@ -2023,7 +2032,9 @@ var Et = "en", Dt = [
 			t`
       :host {
         position: absolute;
-        inset: 0;
+        top: 0;
+        bottom: calc(calc(.25rem * var(--ga-base-scaling-factor, 1)) * 4);
+        left: calc(calc(.25rem * var(--ga-base-scaling-factor, 1)) * 4);
         z-index: 100;
       }
@@ -2033,11 +2044,6 @@ var Et = "en", Dt = [
     `
 		];
 	}
-	downLevelTree(e) {
-		if (!e) return;
-		let t = e[0];
-		if (!(!t || !A(t))) return t;
-	}
 	get _menu() {
 		let e = this.downLevelTree(this.menu?.items);
 		if (e !== void 0) return {
@@ -2047,7 +2053,7 @@ var Et = "en", Dt = [
 		};
 	}
 	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 Zt(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 = O, 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
@@ -2064,12 +2070,14 @@ var Et = "en", Dt = [
 			}));
 		}, this._onScopeChanged = (e) => {
 			this._activeScopeId = e.detail.scopeId, this._runSearch(this._searchQuery, this._activeScopeId);
-		}, new Yt(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
-			bubbles: !0,
-			composed: !0
-		}))), this._resizeObserver = new ResizeObserver((e) => {
+		}, this._resizeObserver = new ResizeObserver((e) => {
 			this._observeMenuSize(e);
-		}), this._resizeObserver.observe(this), new L(this, () => this.open);
+		}), this._resizeObserver.observe(this), new z(this, () => this.open);
+	}
+	downLevelTree(e) {
+		if (!e) return;
+		let t = e[0];
+		if (!(!t || !M(t))) return t;
 	}
 	_observeMenuSize(e) {
 		this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
@@ -2081,7 +2089,7 @@ var Et = "en", Dt = [
 		e.has("open") && this.open && this._scrollActiveItemIntoView(), e.has("menu") && this.open && this.menu?.currentItem && (e.get("menu")?.currentItem || this._scrollActiveItemIntoView());
 	}
 	resetSidebarToInitialState() {
-		this._searchQuery = "", this._activeScopeId = "menu", this._clearSearchState(), this.renderRoot.querySelector("vsn-header")?.reset(), this.renderRoot.querySelector("vsn-footer")?.reset();
+		this._searchQuery = "", this._activeScopeId = O, this._clearSearchState(), this.renderRoot.querySelector("vsn-header")?.reset(), this.renderRoot.querySelector("vsn-footer")?.reset();
 	}
 	render() {
 		let e = this._viewMode();
@@ -2129,7 +2137,7 @@ var Et = "en", Dt = [
 		this._runSearch(e.detail.query, this._activeScopeId);
 	}
 	_onSearchCleared() {
-		this._searchQuery = "", this._clearSearchState(), this.focusSearch();
+		this._searchQuery = "", this._activeScopeId = O, this._clearSearchState(), this.focusSearch();
 	}
 	_clearSearchState() {
 		this._searchAbort?.abort(), this._searchAbort = void 0, this._searchResults = void 0, this._searchLoading = !1, this._searchLoadingMore = !1, this._searchError = void 0, this._searchNextCursor = void 0;
@@ -2159,7 +2167,7 @@ var Et = "en", Dt = [
 			this._searchResults = t.results, this._searchNextCursor = t.nextCursor, this._searchLoading = !1, this._searchAbort = void 0;
 		} catch (e) {
 			if (this._searchAbort !== r) return;
-			e instanceof j ? (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 N ? (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() {
@@ -2179,14 +2187,14 @@ var Et = "en", Dt = [
 			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 j ? (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 N ? (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) {
 		let t = this._menu?.items;
 		if (!t?.length || !e) return [];
 		let n = e.toLowerCase(), r = [], i = (e, t) => {
-			for (let a of e) if (A(a)) i(a.items, [...t, a]);
+			for (let a of e) if (M(a)) i(a.items, [...t, a]);
 			else if (a.label.toLowerCase().includes(n) || this.matchInKeywords(a.keywords, n)) {
 				let e = t.length > 0 ? [t.map((e) => e.label).join(" › ")] : void 0;
 				r.push({
@@ -2243,13 +2251,13 @@ var Et = "en", Dt = [
       </vsn-header>`;
 	}
 	scopesGroup() {
-		if (!this.menu?.search?.enabled) return n``;
+		if (!this.menu?.search?.enabled || this._searchQuery.length === 0) return n``;
 		let e = this.menu.search.extraDataSets ?? [];
 		return e.length === 0 ? n`` : n`
       <vsn-search-scopes
         .scopes=${[{
-			id: "menu",
-			label: Ne()
+			id: O,
+			label: Me()
 		}, ...e.map((e) => ({
 			id: e.id,
 			label: e.label
@@ -2273,15 +2281,15 @@ var Et = "en", Dt = [
     `;
 	}
 };
-M([s({ attribute: !1 })], G.prototype, "modules", void 0), M([s()], G.prototype, "activeModuleId", void 0), M([s()], G.prototype, "activeModuleLabel", void 0), M([s({ type: Boolean })], G.prototype, "modulesLoading", void 0), M([s()], G.prototype, "lang", void 0), M([s({ attribute: !1 })], G.prototype, "auth", void 0), M([s({ type: Boolean })], G.prototype, "error", void 0), M([s({
+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({
 	type: Boolean,
 	reflect: !0
-})], G.prototype, "open", void 0), M([s({ attribute: !1 })], G.prototype, "menu", void 0), M([l()], G.prototype, "_searchQuery", void 0), M([l()], G.prototype, "_searchResults", void 0), M([l()], G.prototype, "_searchLoading", void 0), M([l()], G.prototype, "_activeScopeId", void 0), M([l()], G.prototype, "_searchError", void 0), M([l()], G.prototype, "_searchNextCursor", void 0), M([l()], G.prototype, "_searchLoadingMore", void 0), M([l()], G.prototype, "_moduleSwitcherMaxHeight", void 0), M([l()], G.prototype, "_hasPageTitle", void 0), G = M([o("vsn-side-bar")], G);
+})], 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);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
-var K, q = class extends e {
+var en, J = class extends e {
 	static {
-		K = this;
+		en = this;
 	}
 	static {
 		this._idCounter = 0;
@@ -2301,15 +2309,15 @@ var K, q = class extends e {
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
 		}, this._onKeyDown = (e) => {
-			e.defaultPrevented || T(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 || E(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 (T(e)) return;
+				if (E(e)) return;
 				e.preventDefault(), this._isExpanded = !this._isExpanded;
 				return;
 			}
-			if (!this.tree || e.button !== 0 || T(e)) return;
+			if (!this.tree || e.button !== 0 || E(e)) return;
 			e.preventDefault();
 			let t = [...this.ancestorPath, this.tree];
 			this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-leaf-select", {
@@ -2317,7 +2325,7 @@ var K, q = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		}, this._tooltipId = `vsn-menu-item-tooltip-${K._idCounter++}`, new L(this, () => this._isExpanded);
+		}, this._tooltipId = `vsn-menu-item-tooltip-${en._idCounter++}`, new z(this, () => this._isExpanded);
 	}
 	createRenderRoot() {
 		return this;
@@ -2343,7 +2351,7 @@ var K, q = 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 ? D(O, 16) : D(tt, 16) : ""}
+			  ${this._isParent() ? this._isExpanded ? k(A, 16) : k(et, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${e}</div>
@@ -2353,7 +2361,7 @@ var K, q = class extends e {
         <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="${d(t)}" aria-describedby="${this._tooltipId}"
-                   href="${this.tree && k(this.tree) ? this.tree.url : ""}" @click=${this._onClick}
+                   href="${this.tree && j(this.tree) ? this.tree.url : ""}" @click=${this._onClick}
                    @mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}</a>`;
 	}
 	_menuItem(e, t) {
@@ -2361,19 +2369,19 @@ var K, q = class extends e {
       <vsn-breadcrumb-menu-item .tree=${e} .level=${t} .ancestorPath=${this.tree ? [...this.ancestorPath, this.tree] : this.ancestorPath}></vsn-breadcrumb-menu-item>`;
 	}
 	_getTreeItems(e) {
-		if (e !== void 0 && A(e)) return e.items;
+		if (e !== void 0 && M(e)) return e.items;
 	}
 	_isParent() {
-		if (this.tree && A(this.tree)) return this.tree.items.length > 0;
+		if (this.tree && M(this.tree)) return this.tree.items.length > 0;
 	}
 };
-M([s({ attribute: !1 })], q.prototype, "tree", void 0), M([s({ type: Number })], q.prototype, "level", void 0), M([s({ type: Array })], q.prototype, "ancestorPath", void 0), M([l()], q.prototype, "_isExpanded", void 0), M([l()], q.prototype, "_showTooltip", void 0), M([l()], q.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__item-label")], q.prototype, "_labelEl", void 0), q = K = M([o("vsn-breadcrumb-menu-item")], q);
+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 = en = P([o("vsn-breadcrumb-menu-item")], J);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
 var tn = class extends e {
 	constructor() {
 		super(), this._handleKeyDown = (e) => {
-			if (e.defaultPrevented || T(e)) return;
+			if (e.defaultPrevented || E(e)) return;
 			if (e.key === "Escape") {
 				e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-close", {
 					bubbles: !0,
@@ -2390,7 +2398,7 @@ var tn = 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 L(this, () => !0);
+		}, new z(this, () => !0);
 	}
 	createRenderRoot() {
 		return this;
@@ -2417,10 +2425,10 @@ var tn = class extends e {
     `;
 	}
 };
-M([s({ attribute: !1 })], tn.prototype, "treeList", void 0), tn = M([o("vsn-breadcrumb-menu")], tn);
+P([s({ attribute: !1 })], tn.prototype, "treeList", void 0), tn = P([o("vsn-breadcrumb-menu")], tn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
-var J = class extends e {
+var Y = class extends e {
 	constructor(...e) {
 		super(...e), this.modules = [], this.modulesLoading = !1, this._openPopoverId = null, this._displayMode = "full", this._overflowCount = 0, this._tooltip = null, this._mqDesktop = window.matchMedia("(min-width: 1440px)"), this._mqTablet = window.matchMedia("(min-width: 768px) and (max-width: 1439px)"), this._ro = null, this._lastContainerWidth = 0, this._mounted = !1, this._handleMediaChange = () => {
 			this._mqDesktop.matches ? (this._displayMode = "full", this._overflowCount = 0) : this._mqTablet.matches ? (this._displayMode = "overflow", this._overflowCount = 0, this._mounted && this.updateComplete.then(() => this._recalculateOverflow())) : (this._displayMode = "mobile", this._overflowCount = 0);
@@ -2441,7 +2449,7 @@ var J = class extends e {
 	static {
 		this.styles = [
 			g,
-			Qt,
+			Zt,
 			Jt,
 			t`
       .vsn-bc-modules-loading {
@@ -2560,7 +2568,7 @@ var J = class extends e {
 	_findPath(e, t, n = []) {
 		let r = [...n, e];
 		if (e.id === t) return r;
-		for (let n of A(e) ? e.items : []) {
+		for (let n of M(e) ? e.items : []) {
 			let e = this._findPath(n, t, r);
 			if (e) return e;
 		}
@@ -2679,7 +2687,7 @@ var J = class extends e {
 	_handleLeafSelect(e, t) {
 		(this.shadowRoot?.getElementById(t))?.hidePopover?.();
 		let n = e.detail.path, r = n[n.length - 1];
-		r && k(r) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
+		r && j(r) && this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
 			detail: r,
 			bubbles: !0,
 			composed: !0
@@ -2698,7 +2706,7 @@ var J = class extends e {
       </div>`;
 	}
 	_renderLastItem(e, t, r) {
-		return r ? n`${A(e) && e.items.length > 0 ? this._renderBreadcrumbItem(e, t) : this._renderLeafAsAncestor(e)}${this._renderPageTitle(r)}` : this._renderCurrentItem(e);
+		return r ? n`${M(e) && e.items.length > 0 ? this._renderBreadcrumbItem(e, t) : this._renderLeafAsAncestor(e)}${this._renderPageTitle(r)}` : this._renderCurrentItem(e);
 	}
 	_renderPageTitle(e) {
 		return n`
@@ -2720,7 +2728,7 @@ var J = class extends e {
       </div>`;
 	}
 	_renderBreadcrumbItem(e, t) {
-		if (!A(e) || e.items.length === 0) return n``;
+		if (!M(e) || e.items.length === 0) return n``;
 		let i = this._popoverItemId(t), a = this._popoverItemTriggerId(t);
 		return n`
       <div class="ga-breadcrumb-item ga-breadcrumb-item--link"
@@ -2820,7 +2828,7 @@ var J = class extends e {
     `;
 	}
 };
-M([s({ attribute: !1 })], J.prototype, "tree", void 0), M([s({ type: Array })], J.prototype, "modules", void 0), M([s()], J.prototype, "activeModuleId", void 0), M([s({ type: Boolean })], J.prototype, "modulesLoading", void 0), M([l()], J.prototype, "_openPopoverId", void 0), M([l()], J.prototype, "_displayMode", void 0), M([l()], J.prototype, "_overflowCount", void 0), M([l()], J.prototype, "_tooltip", void 0), J = M([y(), o("vsn-breadcrumbs")], J);
+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([y(), o("vsn-breadcrumbs")], Y);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
 var nn = class extends e {
@@ -2838,15 +2846,15 @@ var nn = class extends e {
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
               aria-label=${v("Open AI assistant")} @click=${this._handleClick}>
-        <span class="ga-icon">${D(Ve)}</span>
+        <span class="ga-icon">${k(Be)}</span>
       </button>
     `;
 	}
 };
-nn = M([y(), o("vsn-ai-assistant")], nn);
+nn = P([y(), o("vsn-ai-assistant")], nn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
-var Y = class extends e {
+var X = class extends e {
 	constructor(...e) {
 		super(...e), this._compact = !1, this.feedback = null, this.lang = "en", this._mqMobile = window.matchMedia("(max-width: 767px)"), this._handleMediaChange = () => {
 			this._compact = this._mqMobile.matches;
@@ -2862,7 +2870,7 @@ var Y = 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 = Ie, e.src = Re(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), e.onerror = () => {
+			e.id = Fe, e.src = Le(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), e.onerror = () => {
 				e.remove(), window._sva = void 0;
 			}, document.head.appendChild(e);
 		}
@@ -2885,13 +2893,13 @@ var Y = class extends e {
 		this.dispatchEvent(new CustomEvent("vsn-feedback", {
 			bubbles: !0,
 			composed: !0
-		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(Le));
+		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(Ie));
 	}
 	render() {
 		return this._compact ? n`
         <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
                 aria-label=${v("Send feedback")} @click=${this._handleClick}>
-          <span class="ga-icon">${D(We)}</span>
+          <span class="ga-icon">${k(Ue)}</span>
         </button>
       ` : n`
       <button type="button" class="ga-button ga-button--secondary" aria-label=${v("Send feedback")}
@@ -2901,7 +2909,7 @@ var Y = class extends e {
     `;
 	}
 };
-M([l()], Y.prototype, "_compact", void 0), M([s({ attribute: !1 })], Y.prototype, "feedback", void 0), M([s({ attribute: !1 })], Y.prototype, "auth", void 0), M([s()], Y.prototype, "lang", void 0), Y = M([y(), o("vsn-feedback")], Y);
+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([y(), o("vsn-feedback")], X);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
 var rn = class extends e {
@@ -2923,12 +2931,12 @@ var rn = class extends e {
 		return this.landingPageUrl ? n`
       <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${v("Home")}
          @click=${this._handleClick}>
-        <span class="ga-icon">${D(Ge)}</span>
+        <span class="ga-icon">${k(We)}</span>
       </a>
     ` : r;
 	}
 };
-M([s({ attribute: "landing-page-url" })], rn.prototype, "landingPageUrl", void 0), rn = M([y(), o("vsn-home")], rn);
+P([s({ attribute: "landing-page-url" })], rn.prototype, "landingPageUrl", void 0), rn = P([y(), o("vsn-home")], rn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
 var an = class extends e {
@@ -2958,17 +2966,17 @@ var an = class extends e {
               @click=${this._handleClick}
               @mouseenter=${this._onActivate}
               @mouseleave=${this._onDeactivate}>
-        <span class="ga-icon">${D(Be)}</span>
+        <span class="ga-icon">${k(ze)}</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">${je()}</div>
+        <div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${Ae()}</div>
       </div>
     `;
 	}
 };
-M([c("div[role=\"tooltip\"]", !0)], an.prototype, "_tooltipElement", void 0), an = M([y(), o("vsn-menu-toggle")], an);
+P([c("div[role=\"tooltip\"]", !0)], an.prototype, "_tooltipElement", void 0), an = P([y(), o("vsn-menu-toggle")], an);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
 var on = class extends e {
@@ -2986,20 +2994,20 @@ var on = class extends e {
 		}));
 	}
 	render() {
-		let e = this.notificationActive ? Ue : He;
+		let e = this.notificationActive ? He : Ve;
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
               aria-label=${v("Notifications")} @click=${this._handleClick}>
-        <span class="ga-icon">${D(e)}</span>
+        <span class="ga-icon">${k(e)}</span>
       </button>
     `;
 	}
 };
-M([s({
+P([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], on.prototype, "notificationActive", void 0), on = M([y(), o("vsn-notifications")], on);
+})], on.prototype, "notificationActive", void 0), on = P([y(), o("vsn-notifications")], on);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
 function sn(e) {
@@ -3010,7 +3018,7 @@ function sn(e) {
 		return !1;
 	}
 }
-var X = class extends e {
+var cn = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -3025,22 +3033,22 @@ var X = class extends e {
 		return this.helpUrl && sn(this.helpUrl) ? n`
         <a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
            aria-label=${v("Help")}>
-          <span class="ga-icon">${D(Ke)}</span>
+          <span class="ga-icon">${k(Ge)}</span>
         </a>
       ` : n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${v("Help")}
               @click=${this._handleClick}>
-        <span class="ga-icon">${D(Ke)}</span>
+        <span class="ga-icon">${k(Ge)}</span>
       </button>
     `;
 	}
 };
-M([s({ attribute: "help-url" })], X.prototype, "helpUrl", void 0), X = M([y(), o("vsn-help")], X);
+P([s({ attribute: "help-url" })], cn.prototype, "helpUrl", void 0), cn = P([y(), o("vsn-help")], cn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-top-bar.ts
 var Z = 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 L(this, () => !0);
+		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);
 	}
 	willUpdate(e) {
 		e.has("lang") && Bt(this.lang).catch(console.error);
@@ -3145,19 +3153,19 @@ var Z = class extends e {
     `;
 	}
 };
-M([s({ attribute: !1 })], Z.prototype, "tree", void 0), M([s({ type: Array })], Z.prototype, "modules", void 0), M([s()], Z.prototype, "activeModuleId", void 0), M([s({ attribute: "landing-page-url" })], Z.prototype, "landingPageUrl", void 0), M([s({ attribute: !1 })], Z.prototype, "feedback", void 0), M([s({ attribute: !1 })], Z.prototype, "auth", void 0), M([s({
+P([s({ attribute: !1 })], Z.prototype, "tree", void 0), P([s({ type: Array })], Z.prototype, "modules", void 0), P([s()], Z.prototype, "activeModuleId", void 0), P([s({ attribute: "landing-page-url" })], Z.prototype, "landingPageUrl", void 0), P([s({ attribute: !1 })], Z.prototype, "feedback", void 0), P([s({ attribute: !1 })], Z.prototype, "auth", void 0), P([s({
 	type: Boolean,
 	attribute: "show-help"
-})], Z.prototype, "showHelp", void 0), M([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), M([s({
+})], Z.prototype, "showHelp", void 0), P([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), P([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], Z.prototype, "showNotification", void 0), M([s({
+})], Z.prototype, "showNotification", void 0), P([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], Z.prototype, "notificationActive", void 0), M([s({ type: Boolean })], Z.prototype, "modulesLoading", void 0), M([s()], Z.prototype, "lang", void 0), Z = M([o("vsn-top-bar")], Z);
+})], Z.prototype, "notificationActive", void 0), P([s({ type: Boolean })], Z.prototype, "modulesLoading", void 0), P([s()], Z.prototype, "lang", void 0), Z = P([o("vsn-top-bar")], Z);
 //#endregion
 //#region src/components/vsn-card.ts
-var cn = class extends e {
+var ln = class extends e {
 	static {
 		this.styles = [g, t`
     :host {
@@ -3178,7 +3186,7 @@ var cn = class extends e {
 		return n`<slot></slot>`;
 	}
 };
-cn = M([o("vsn-card")], cn);
+ln = P([o("vsn-card")], ln);
 //#endregion
 //#region src/components/vsn-skip-to-main.ts
 var Q = class extends e {
@@ -3246,7 +3254,7 @@ var Q = class extends e {
 		t && (t.tabIndex < 0 && t.setAttribute("tabindex", "-1"), t.focus());
 	}
 };
-M([s()], Q.prototype, "href", void 0), Q = M([y(), o("vsn-skip-to-main")], Q);
+P([s()], Q.prototype, "href", void 0), Q = P([y(), o("vsn-skip-to-main")], Q);
 //#endregion
 //#region src/components/vsn-navigation.ts
 var $ = class extends e {
@@ -3269,13 +3277,13 @@ var $ = class extends e {
 				detail: t
 			}));
 		}, this._onShortcut = (e) => {
-			e.defaultPrevented || !Oe(e) || e.key.toLowerCase() !== "o" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
+			e.defaultPrevented || !De(e) || e.key.toLowerCase() !== "o" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
 				cancelable: !0,
 				bubbles: !0,
 				composed: !0
 			})) && this._openAndFocusSearch());
 		}, this._onEscape = (e) => {
-			e.defaultPrevented || this.open && E(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
+			e.defaultPrevented || this.open && D(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
 		};
 	}
 	_resolveModules() {
@@ -3298,7 +3306,7 @@ var $ = class extends e {
 	static {
 		this.styles = [
 			g,
-			Qt,
+			Zt,
 			t`
       :host {
         display: flex;
@@ -3368,6 +3376,9 @@ var $ = class extends e {
 	_onTopBarClick(e) {
 		this.open && (e.composedPath().some((e) => e.tagName?.toUpperCase() === "VSN-MENU-TOGGLE") || (this.open = !1));
 	}
+	_onSlotContentClick() {
+		this.open &&= !1;
+	}
 	render() {
 		return n`
       <vsn-top-bar
@@ -3404,26 +3415,26 @@ var $ = class extends e {
             <slot name="side-context-selector" slot="side-context-selector"></slot>
             <slot name="nav-footer" slot="nav-footer"></slot>
         </vsn-side-bar>
-        <div class="h-full">
+        <div class="h-full" @click=${this._onSlotContentClick}>
           <slot></slot>
         </div>
       </div>
     `;
 	}
 };
-M([s()], $.prototype, "lang", void 0), M([s({ attribute: !1 })], $.prototype, "tree", void 0), M([s({ attribute: !1 })], $.prototype, "modules", void 0), M([s({ attribute: !1 })], $.prototype, "auth", void 0), M([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), M([s({
+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({
 	type: Boolean,
 	attribute: "show-help"
-})], $.prototype, "showHelp", void 0), M([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), M([s({ attribute: !1 })], $.prototype, "feedback", void 0), M([s({
+})], $.prototype, "showHelp", void 0), P([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), P([s({ attribute: !1 })], $.prototype, "feedback", void 0), P([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], $.prototype, "showNotification", void 0), M([s({
+})], $.prototype, "showNotification", void 0), P([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], $.prototype, "notificationActive", void 0), M([s({
+})], $.prototype, "notificationActive", void 0), P([s({
 	type: Boolean,
 	attribute: "open",
 	reflect: !0
-})], $.prototype, "open", void 0), M([l()], $.prototype, "_resolvedModules", void 0), M([l()], $.prototype, "_modulesLoading", void 0), $ = M([o("vsn-navigation")], $);
+})], $.prototype, "open", void 0), P([l()], $.prototype, "_resolvedModules", void 0), P([l()], $.prototype, "_modulesLoading", void 0), $ = P([o("vsn-navigation")], $);
 //#endregion
-export { j as SearchError, $ as VSNNavigation, Q as VSNSkipToMain, k as isTreeLeaf, A as isTreeParent };
+export { N as SearchError, $ as VSNNavigation, Q as VSNSkipToMain, j as isTreeLeaf, M as isTreeParent };