@visma-swno/vsn-navigation 1.2.0-beta.5 → 1.2.0-beta.7

package/dist/assets/vsn-navigation.js

@@ -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"), y = "lit-localize-status", b = (e, ...t) => ({
+}, fe = ie("activeId"), v = "lit-localize-status", y = (e, ...t) => ({
 	strTag: !0,
 	strings: e,
 	values: t
-}), fe = (e) => typeof e != "string" && "strTag" in e, pe = (e, t, n) => {
+}), pe = (e) => typeof e != "string" && "strTag" in e, me = (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;
-}, me = ((e) => fe(e) ? pe(e.strings, e.values) : e), x = me, he = !1;
-function ge(e) {
-	if (he) throw Error("lit-localize can only be configured once");
-	x = e, he = !0;
+}, he = ((e) => pe(e) ? me(e.strings, e.values) : e), b = he, ge = !1;
+function _e(e) {
+	if (ge) throw Error("lit-localize can only be configured once");
+	b = e, ge = !0;
 }
 //#endregion
 //#region node_modules/@lit/localize/internal/localized-controller.js
-var _e = class {
+var ve = class {
 	constructor(e) {
 		this.__litLocalizeEventHandler = (e) => {
 			e.detail.status === "ready" && this.host.requestUpdate();
 		}, this.host = e;
 	}
 	hostConnected() {
-		window.addEventListener(y, this.__litLocalizeEventHandler);
+		window.addEventListener(v, this.__litLocalizeEventHandler);
 	}
 	hostDisconnected() {
-		window.removeEventListener(y, this.__litLocalizeEventHandler);
+		window.removeEventListener(v, this.__litLocalizeEventHandler);
 	}
-}, ve = (e) => e.addController(new _e(e)), S = () => (e, t) => (e.addInitializer(ve), e), ye = class {
+}, ye = (e) => e.addController(new ve(e)), x = () => (e, t) => (e.addInitializer(ye), e), be = class {
 	constructor() {
 		this.settled = !1, this.promise = new Promise((e, t) => {
 			this._resolve = e, this._reject = t;
@@ -235,80 +235,80 @@ var _e = 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 be(e) {
+}, S = [];
+for (let e = 0; e < 256; e++) S[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
+function xe(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 S[c >> 8] + S[c & 255] + S[o >> 8] + S[o & 255] + S[i >> 8] + S[i & 255] + S[n >> 8] + S[n & 255];
 }
-var xe = "h", Se = "s";
-function Ce(e, t) {
-	return (t ? xe : Se) + be(typeof e == "string" ? e : e.join(""));
+var Se = "h", Ce = "s";
+function we(e, t) {
+	return (t ? Se : Ce) + xe(typeof e == "string" ? e : e.join(""));
 }
 //#endregion
 //#region node_modules/@lit/localize/internal/runtime-msg.js
-var we = /* @__PURE__ */ new WeakMap(), Te = /* @__PURE__ */ new Map();
-function Ee(e, t, n) {
+var Te = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new Map();
+function De(e, t, n) {
 	if (e) {
-		let r = e[n?.id ?? De(t)];
+		let r = e[n?.id ?? Oe(t)];
 		if (r) {
 			if (typeof r == "string") return r;
-			if ("strTag" in r) return pe(r.strings, t.values, r.values);
+			if ("strTag" in r) return me(r.strings, t.values, r.values);
 			{
-				let e = we.get(r);
-				return e === void 0 && (e = r.values, we.set(r, e)), {
+				let e = Te.get(r);
+				return e === void 0 && (e = r.values, Te.set(r, e)), {
 					...r,
 					values: e.map((e) => t.values[e])
 				};
 			}
 		}
 	}
-	return me(t);
+	return he(t);
 }
-function De(e) {
-	let t = typeof e == "string" ? e : e.strings, n = Te.get(t);
-	return n === void 0 && (n = Ce(t, typeof e != "string" && !("strTag" in e)), Te.set(t, n)), n;
+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;
 }
 //#endregion
 //#region node_modules/@lit/localize/init/runtime.js
-function w(e) {
-	window.dispatchEvent(new CustomEvent(y, { detail: e }));
+function C(e) {
+	window.dispatchEvent(new CustomEvent(v, { detail: e }));
 }
-var T = "", E, Oe, D, O, ke, k = new ye();
-k.resolve();
-var A = 0, Ae = (e) => (ge(((e, t) => Ee(ke, e, t))), T = Oe = e.sourceLocale, D = new Set(e.targetLocales), D.add(e.sourceLocale), O = e.loadLocale, {
-	getLocale: je,
-	setLocale: Me
-}), je = () => T, Me = (e) => {
-	if (e === (E ?? T)) return k.promise;
-	if (!D || !O) throw Error("Internal error");
-	if (!D.has(e)) throw Error("Invalid locale code");
-	A++;
-	let t = A;
-	return E = e, k.settled && (k = new ye()), w({
+var w = "", T, ke, E, D, Ae, O = new be();
+O.resolve();
+var k = 0, je = (e) => (_e(((e, t) => De(Ae, e, t))), w = ke = e.sourceLocale, E = new Set(e.targetLocales), E.add(e.sourceLocale), D = e.loadLocale, {
+	getLocale: Me,
+	setLocale: Ne
+}), Me = () => w, Ne = (e) => {
+	if (e === (T ?? w)) return O.promise;
+	if (!E || !D) throw Error("Internal error");
+	if (!E.has(e)) throw Error("Invalid locale code");
+	k++;
+	let t = k;
+	return T = e, O.settled && (O = new be()), C({
 		status: "loading",
 		loadingLocale: e
-	}), (e === Oe ? Promise.resolve({ templates: void 0 }) : O(e)).then((n) => {
-		A === t && (T = e, E = void 0, ke = n.templates, w({
+	}), (e === ke ? Promise.resolve({ templates: void 0 }) : D(e)).then((n) => {
+		k === t && (w = e, T = void 0, Ae = n.templates, C({
 			status: "ready",
 			readyLocale: e
-		}), k.resolve());
+		}), O.resolve());
 	}, (n) => {
-		A === t && (w({
+		k === t && (C({
 			status: "error",
 			errorLocale: e,
 			errorMessage: n.toString()
-		}), k.reject(n));
-	}), k.promise;
-}, Ne = () => {
+		}), O.reject(n));
+	}), O.promise;
+}, Pe = () => {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
 	return /mac/i.test(e);
-}, Pe = (e) => !e.shiftKey && !e.altKey && (Ne() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), j = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, M = (e) => !j(e), Fe = () => x("Choose a service"), Ie = () => x("Search"), Le = () => Ne() ? "Cmd+K" : "CTRL+K", Re = (e) => x(b`Type at least ${e} characters to search`), ze = () => x("Menu items"), Be = (e) => x(b`Load ${e} more`), Ve = () => x("VSN"), He = "survicate-sdk", Ue = "ui-components-feedback", We = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
+}, Fe = (e) => !e.shiftKey && !e.altKey && (Pe() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), A = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, j = (e) => !A(e), Ie = () => b("Choose a service"), Le = () => b("Search"), Re = () => Pe() ? "Cmd+K" : "CTRL+K", ze = (e) => b(y`Type at least ${e} characters to search`), Be = () => b("Menu items"), Ve = (e) => b(y`Load ${e} more`), He = () => b("VSN"), Ue = "survicate-sdk", We = "ui-components-feedback", Ge = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
 //#endregion
 //#region src/shared/icons.ts
-function N(e, t = 24, r) {
+function M(e, t = 24, r) {
 	return n`<svg
       xmlns="http://www.w3.org/2000/svg"
       width="${t}"
@@ -323,23 +323,23 @@ function N(e, t = 24, r) {
       class=${r ?? ""}
   >${e}</svg>`;
 }
-var Ge = i`
+var Ke = i``, qe = i`
   <path d="M4 5h16"/>
   <path d="M4 12h16"/>
   <path d="M4 19h16"/>
-`, Ke = i`
+`, Je = 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"/>
-`, qe = i`
+`, Ye = 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"/>
-`, Je = i`
+`, Xe = 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"/>
-`, Ye = i`
+`, Ze = 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 Xe = i`
+var Qe = 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"/>
-`, Ze = i`
+`, $e = 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`
+`, et = 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 $e = i`
+var tt = 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"/>
-`, et = i`
+`, nt = 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 tt = i`
+var rt = i`
   <path d="m7 15 5 5 5-5"/>
   <path d="m7 9 5-5 5 5"/>
-`, nt = i`
+`, it = i`
   <path d="m18 15-6-6-6 6"/>
-`, P = i`
+`, N = i`
   <path d="m6 9 6 6 6-6"/>
-`, rt = i`
+`, at = i`
   <circle cx="11" cy="11" r="8"/>
   <path d="m21 21-4.3-4.3"/>
-`, it = i`
+`, ot = 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 at = i`
+var st = 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 ot = i`
+var ct = i`
   <path d="m9 18 6-6-6-6"/>
 `;
 //#endregion
 //#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
-function F(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 F(e, t, n, r) {
 }
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-item.ts
-var I, L = class extends e {
+var F, I = class extends e {
 	static {
-		I = this;
+		F = this;
 	}
 	static {
 		this.styles = [h];
@@ -452,7 +452,7 @@ var I, L = class extends e {
 			}
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
-		}, this._tooltipId = `vsn-side-menu-item-tooltip-${I._idCounter++}`;
+		}, this._tooltipId = `vsn-side-menu-item-tooltip-${F._idCounter++}`;
 	}
 	willUpdate(e) {
 		let t = this.tree;
@@ -477,7 +477,7 @@ var I, L = 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 ? N(P, 16) : N(ot, 16) : ""}
+			  ${e ? this._isExpanded ? M(N, 16) : M(ct, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${this.tree?.label}</div>
@@ -511,7 +511,7 @@ var I, L = class extends e {
 			this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		if (e.button !== 0 || j(e)) return;
+		if (e.button !== 0 || A(e)) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = new CustomEvent("vsn-menu-item-changed", {
 			bubbles: !0,
@@ -521,13 +521,13 @@ var I, L = class extends e {
 		this.dispatchEvent(n);
 	}
 };
-F([s({ attribute: !1 })], L.prototype, "tree", void 0), F([s({ type: Number })], L.prototype, "level", void 0), F([ue({
-	context: de,
+P([s({ attribute: !1 })], I.prototype, "tree", void 0), P([s({ type: Number })], I.prototype, "level", void 0), P([ue({
+	context: fe,
 	subscribe: !0
-}), l()], L.prototype, "_currentActiveId", void 0), F([l()], L.prototype, "_isActive", void 0), F([l()], L.prototype, "_isExpanded", void 0), F([l()], L.prototype, "_showTooltip", void 0), F([l()], L.prototype, "_tooltipPos", void 0), F([c(".ga-side-navigation__item-label")], L.prototype, "_labelEl", void 0), L = I = F([o("vsn-menu-item")], L);
+}), 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), I = F = P([o("vsn-menu-item")], I);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
-var R = class extends e {
+var L = class extends e {
 	constructor(...e) {
 		super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "";
 	}
@@ -556,15 +556,15 @@ var R = class extends e {
 		return n`<vsn-menu-item .tree=${e}></vsn-menu-item>`;
 	}
 };
-F([s({ attribute: !1 })], R.prototype, "items", void 0), F([le({ context: de }), l()], R.prototype, "_currentActiveId", void 0), F([s()], R.prototype, "currentItem", void 0), R = F([o("vsn-menu")], R);
+P([s({ attribute: !1 })], L.prototype, "items", void 0), P([le({ context: fe }), l()], L.prototype, "_currentActiveId", void 0), P([s()], L.prototype, "currentItem", void 0), L = P([o("vsn-menu")], L);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
-var z = class extends e {
+var R = class extends e {
 	constructor(...e) {
 		super(...e), this.label = "", this.closeOnClick = !1, this._onKeydown = (e) => {
-			e.defaultPrevented || M(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
+			e.defaultPrevented || j(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
 		}, this._onClick = (e) => {
-			e.defaultPrevented || e.button !== 0 || j(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+			e.defaultPrevented || e.button !== 0 || A(e) || this.closeOnClick && this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
 			}));
@@ -671,13 +671,13 @@ var z = class extends e {
     `;
 	}
 };
-F([s()], z.prototype, "label", void 0), F([s({
+P([s()], R.prototype, "label", void 0), P([s({
 	type: Boolean,
 	attribute: "close-on-click"
-})], z.prototype, "closeOnClick", void 0), z = F([o("vsn-menu-button")], z);
+})], 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 st = class extends e {
+var lt = class extends e {
 	static {
 		this.styles = [t`
         /* flow-root establishes a BFC so the .line's margins stay contained.
@@ -700,30 +700,30 @@ var st = class extends e {
 		return n`<div class="line"></div>`;
 	}
 };
-st = F([o("vsn-menu-separator")], st);
+lt = P([o("vsn-menu-separator")], lt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-footer/vsn-footer.keyboard.ts
-var ct = class {
+var ut = class {
 	constructor(e) {
 		this._prevExpanded = !1, this.onUserKeydown = (e) => {
-			e.defaultPrevented || (M(e) && (e.key === "Enter" || e.key === " ") ? (e.preventDefault(), this.host.expanded = !this.host.expanded) : M(e) && e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1));
+			e.defaultPrevented || (j(e) && (e.key === "Enter" || e.key === " ") ? (e.preventDefault(), this.host.expanded = !this.host.expanded) : j(e) && e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1));
 		}, this.onDropdownKeydown = (e) => {
 			if (e.defaultPrevented) return;
-			if (M(e) && e.key === "Escape") {
+			if (j(e) && e.key === "Escape") {
 				e.preventDefault(), this._closeAndRefocus();
 				return;
 			}
-			if (M(e) && (e.key === "Enter" || e.key === " ")) {
+			if (j(e) && (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 (M(e) && e.key === "Tab") {
+			if (j(e) && e.key === "Tab") {
 				let t = Array.from(this.host.querySelectorAll(".ga-side-navigation__footer-dropdown-item")), n = t[t.length - 1];
 				n && e.target === n && (this.host.expanded = !1);
 				return;
 			}
-			if (j(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (A(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = this.host.querySelector(".ga-side-navigation__footer-dropdown");
 			if (!t) return;
@@ -743,7 +743,7 @@ var ct = class {
 			this.host.querySelector(".ga-side-navigation__user")?.focus();
 		});
 	}
-}, lt = class {
+}, dt = class {
 	constructor(e, t, n) {
 		this._onPointerDown = (e) => {
 			let t = e.composedPath();
@@ -760,7 +760,7 @@ var ct = class {
 	hostDisconnected() {
 		document.removeEventListener("pointerdown", this._onPointerDown, !0);
 	}
-}, ut = t`
+}, ft = t`
   @layer components {
     :where(.ga-side-navigation__user),
     :where(.ga-side-navigation__footer-dropdown-item) {
@@ -796,26 +796,26 @@ var ct = class {
       justify-content: center;
     }
   }
-`, dt = "initials";
-function ft(e, t, n, r) {
+`, pt = "initials";
+function mt(e, t, n, r) {
 	if (!t) return;
 	let i = new URLSearchParams({
-		type: dt,
+		type: pt,
 		size: r
 	});
 	return n && i.set("client_id", n), `${e}${t}?${i}`;
 }
 //#endregion
 //#region src/components/vsn-side-bar/vsn-footer/vsn-footer.ts
-var pt = {
-	profile: Qe,
-	logout: $e
-}, mt = () => ({
-	profile: x("My profile"),
-	logout: x("Log out")
-}), B = class extends e {
+var ht = {
+	profile: et,
+	logout: tt
+}, gt = () => ({
+	profile: b("My profile"),
+	logout: b("Log out")
+}), z = class extends e {
 	static {
-		this.styles = [h, ut];
+		this.styles = [h, ft];
 	}
 	createRenderRoot() {
 		return this;
@@ -823,16 +823,16 @@ var pt = {
 	get _items() {
 		return [{
 			id: "profile",
-			label: mt().profile,
+			label: gt().profile,
 			url: this.myProfileUrl
 		}, {
 			id: "logout",
-			label: mt().logout,
+			label: gt().logout,
 			url: "/logout"
 		}];
 	}
 	constructor() {
-		super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new ct(this), new lt(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
+		super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new ut(this), new dt(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
 			this.expanded = !1;
 		});
 	}
@@ -869,7 +869,7 @@ var pt = {
             </div>
 
             <span class="ga-side-navigation__user-action">
-              ${this.expanded ? N(nt, 16) : N(tt, 16)}
+              ${this.expanded ? M(it, 16) : M(rt, 16)}
             </span>
 
           </div>
@@ -883,14 +883,14 @@ var pt = {
           ${this._items.map((e) => {
 			let t = n`
               <span class="ga-side-navigation__footer-dropdown-icon">
-                ${N(pt[e.id], 16)}
+                ${M(ht[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">
-                  ${N(et, 16)}
+                  ${M(nt, 16)}
                 </span>
               ` : r}
             `;
@@ -930,7 +930,7 @@ var pt = {
 		}));
 	}
 	renderAvatar() {
-		let e = ft(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
+		let e = mt(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
 		return e && !this._avatarFailed ? n`<img
         class="ga-side-navigation__user-avatar"
         src=${e}
@@ -938,31 +938,31 @@ var pt = {
         @error=${() => {
 			this._avatarFailed = !0;
 		}} />` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
-      ${N(Qe, 24)}
+      ${M(et, 24)}
     </span>`;
 	}
 };
-F([s({ attribute: !1 })], B.prototype, "user", void 0), F([s()], B.prototype, "profilePictureBaseUrl", void 0), F([s()], B.prototype, "myProfileUrl", void 0), F([s({
+P([s({ attribute: !1 })], z.prototype, "user", void 0), P([s()], z.prototype, "profilePictureBaseUrl", void 0), P([s()], z.prototype, "myProfileUrl", void 0), P([s({
 	type: Boolean,
 	reflect: !0
-})], B.prototype, "expanded", void 0), F([l()], B.prototype, "_avatarFailed", void 0), B = F([S(), o("vsn-footer")], B);
+})], z.prototype, "expanded", void 0), P([l()], z.prototype, "_avatarFailed", void 0), z = P([x(), o("vsn-footer")], z);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
-var ht = class {
+var _t = class {
 	constructor(e) {
 		this.onSwitcherKeydown = (e) => {
 			if (!e.defaultPrevented) {
-				if (M(e) && (e.key === "Enter" || e.key === " ")) {
+				if (j(e) && (e.key === "Enter" || e.key === " ")) {
 					if (e.preventDefault(), this.host.expanded && !this.host.canClose) return;
 					(this.host.expanded || this.host.hasAvailableItems || this.host.modulesLoading) && (this.host.expanded = !this.host.expanded);
 					return;
 				}
-				if (M(e) && e.key === "ArrowDown" && !this.host.expanded) {
+				if (j(e) && e.key === "ArrowDown" && !this.host.expanded) {
 					if (!this.host.hasAvailableItems) return;
 					e.preventDefault(), this.host.expanded = !0;
 					return;
 				}
-				if (M(e) && e.key === "Escape" && this.host.expanded) {
+				if (j(e) && e.key === "Escape" && this.host.expanded) {
 					if (!this.host.canClose) return;
 					e.preventDefault(), this.host.expanded = !1;
 				}
@@ -970,23 +970,23 @@ var ht = class {
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, gt = ".ga-side-navigation__switcher:focus{outline-offset:2px;outline:2px solid #3b82f6}", V = class extends e {
+}, vt = ".ga-side-navigation__switcher:focus{outline-offset:2px;outline:2px solid #3b82f6}", B = class extends e {
 	constructor(...e) {
-		super(...e), this.items = [], this.loading = !1, this._handleKeydown = (e) => {
+		super(...e), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
 			if (e.defaultPrevented) return;
-			if (M(e) && e.key === "Escape") {
+			if (j(e) && e.key === "Escape") {
 				e.preventDefault(), this.dispatchEvent(new CustomEvent("close-request", {
 					bubbles: !0,
 					composed: !0
 				}));
 				return;
 			}
-			if (M(e) && (e.key === "Enter" || e.key === " ")) {
+			if (j(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 (M(e) && e.key === "Tab") {
+			if (j(e) && e.key === "Tab") {
 				let t = Array.from(this.querySelectorAll(".ga-side-navigation__switcher-dropdown-item")), n = t[t.length - 1];
 				n && e.target === n && this.dispatchEvent(new CustomEvent("tab-exit", {
 					bubbles: !0,
@@ -994,7 +994,7 @@ var ht = class {
 				}));
 				return;
 			}
-			if (j(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (A(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;
@@ -1031,15 +1031,16 @@ var ht = class {
         <div class="ga-side-navigation__switcher-dropdown vsn-switcher-dropdown--loading"
              role="status"
              aria-busy="true"
-             aria-label=${x("Loading modules")}>
+             aria-label=${b("Loading modules")}>
           <span class="vsn-spinner"></span>
         </div>
       ` : n`
       <div class="ga-side-navigation__switcher-dropdown"
            role="menu"
-           aria-label=${Fe()}
+           style=${`max-height: ${Math.max(0, this.maxHeight)}px`}
+           aria-label=${Ie()}
            @keydown=${this._handleKeydown}>
-        <span class="ga-side-navigation__switcher-dropdown-header">${Fe()}</span>
+        <span class="ga-side-navigation__switcher-dropdown-header">${Ie()}</span>
         ${this.items.map((e) => n`
           <a class="ga-side-navigation__switcher-dropdown-item"
              href=${e.url ?? ""}
@@ -1052,10 +1053,10 @@ var ht = class {
     `;
 	}
 };
-F([s({ attribute: !1 })], V.prototype, "items", void 0), F([s({ type: Boolean })], V.prototype, "loading", void 0), V = F([S(), o("vsn-switcher-menu")], V);
+P([s({ attribute: !1 })], B.prototype, "items", void 0), P([s({ type: Boolean })], B.prototype, "loading", void 0), P([s({ attribute: !1 })], B.prototype, "maxHeight", void 0), B = P([x(), o("vsn-switcher-menu")], B);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search/vsn-search.css.ts
-var _t = t`
+var yt = t`
   .vsn-search__trigger,
   .vsn-search__clear {
     display: inline-flex;
@@ -1104,7 +1105,7 @@ var _t = t`
   .ga-side-navigation__search input::placeholder {
     color: var(--ga-color-text-disable-selected);
   }
-`, H = class extends e {
+`, V = class extends e {
 	constructor(...e) {
 		super(...e), this.shortcut = "", this.value = "", this.loading = !1, this._emitSearch = () => {
 			this._canSearch && this.dispatchEvent(new CustomEvent("vsn-search-submit", {
@@ -1118,14 +1119,14 @@ var _t = t`
 				composed: !0
 			}));
 		}, this._handleEscape = (e) => {
-			e.defaultPrevented || M(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
+			e.defaultPrevented || j(e) && e.key === "Escape" && this.value.length > 0 && (e.preventDefault(), this._emitSearchCleared());
 		};
 	}
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, _t];
+		this.styles = [h, yt];
 	}
 	focus() {
 		let e = this.querySelector("input");
@@ -1143,7 +1144,7 @@ var _t = t`
 		}));
 	}
 	_handleEnter(e) {
-		e.defaultPrevented || M(e) && e.key === "Enter" && this._emitSearch();
+		e.defaultPrevented || j(e) && e.key === "Enter" && this._emitSearch();
 	}
 	render() {
 		let e = this.value.length > 0 && this.value.length < 3;
@@ -1152,20 +1153,20 @@ var _t = t`
         <button
           type="button"
           class="vsn-search__trigger"
-          aria-label=${x("Search")}
+          aria-label=${b("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
-          ${N(rt, 24)}
+          ${M(at, 24)}
         </button>
         <input type="search"
-               .placeholder=${Ie()}
+               .placeholder=${Le()}
                .value=${this.value}
                @input=${this._handleInput}
                @keydown=${this._handleEnter}/>
         ${this._trailingSlot()}
       </div>
       ${u(e, () => n`
-        <div class="vsn-search__helper">${Re(3)}</div>`)}
+        <div class="vsn-search__helper">${ze(3)}</div>`)}
     `;
 	}
 	_trailingSlot() {
@@ -1177,13 +1178,13 @@ var _t = t`
     `;
 	}
 	_spinner() {
-		return n`<span class="vsn-spinner" role="status" aria-label=${x("Searching")}></span>`;
+		return n`<span class="vsn-spinner" role="status" aria-label=${b("Searching")}></span>`;
 	}
 	_clearButton() {
 		return n`
-      <button class="vsn-search__clear" aria-label=${x("Clear search")}
+      <button class="vsn-search__clear" aria-label=${b("Clear search")}
               @click=${this._emitSearchCleared}>
-        ${N(it, 16)}
+        ${M(ot, 16)}
       </button>
     `;
 	}
@@ -1191,18 +1192,18 @@ var _t = t`
 		return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
 	}
 };
-F([s()], H.prototype, "shortcut", void 0), F([s()], H.prototype, "value", void 0), F([s({ type: Boolean })], H.prototype, "loading", void 0), H = F([S(), o("vsn-search")], H);
+P([s()], V.prototype, "shortcut", void 0), P([s()], V.prototype, "value", void 0), P([s({ type: Boolean })], V.prototype, "loading", void 0), V = P([x(), 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;
 	}
 	static {
-		this.styles = [h, a(gt)];
+		this.styles = [h, a(vt)];
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new ht(this), new lt(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 _t(this), new dt(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
 			this.canClose && (this.expanded = !1);
 		});
 	}
@@ -1220,29 +1221,28 @@ var U = class extends e {
                @keydown=${this._keyboard.onSwitcherKeydown}
                title="">
             <span class="ga-side-navigation__switcher-title">${e.title}</span>
-            ${u(this.canClose, () => n`
-              <span class="ga-side-navigation__switcher-action">
-                ${this.expanded ? N(P, 16) : N(tt, 16)}
-              </span>
-            `)}
+            <span class="ga-side-navigation__switcher-action">
+                ${this.canClose ? this.expanded ? M(N, 16) : M(rt, 16) : M(Ke, 16)}
+            </span>
           </div>
 
           ${u(this.expanded, () => n`
             <vsn-switcher-menu
-                .items=${e.kind === "loading" ? [] : e.available}
-                .loading=${e.kind === "loading"}
-                @item-select=${this._onItemSelect}
-                @close-request=${this._onCloseRequest}
-                @focus-switcher=${this._onFocusSwitcher}
-                @tab-exit=${this._onTabExit}>
+              .items=${e.kind === "loading" ? [] : e.available}
+              .loading=${e.kind === "loading"}
+              .maxHeight=${this.moduleSwitcherMaxHeight}
+              @item-select=${this._onItemSelect}
+              @close-request=${this._onCloseRequest}
+              @focus-switcher=${this._onFocusSwitcher}
+              @tab-exit=${this._onTabExit}>
             </vsn-switcher-menu>`)}
         </div>
 
         ${u(this.search?.enabled, () => n`
           <vsn-search
-              .shortcut=${Le()}
-              .value=${this.searchValue}
-              .loading=${this.searchLoading}>
+            .shortcut=${Re()}
+            .value=${this.searchValue}
+            .loading=${this.searchLoading}>
           </vsn-search>`)}
       </div>
     `;
@@ -1250,7 +1250,7 @@ var U = class extends e {
 	get _state() {
 		if (this.modulesLoading) return {
 			kind: "loading",
-			title: this.activeModuleLabel || Ve()
+			title: this.activeModuleLabel || He()
 		};
 		let e = this.modules.find((e) => e.id === this.activeModuleId);
 		return e ? {
@@ -1259,7 +1259,7 @@ var U = class extends e {
 			available: this.modules.filter((t) => t.id !== e.id)
 		} : {
 			kind: "no-active",
-			title: Ve(),
+			title: He(),
 			available: this.modules
 		};
 	}
@@ -1303,13 +1303,13 @@ var U = class extends e {
 		this.canClose && (this.expanded = !1);
 	}
 };
-F([s({ attribute: !1 })], U.prototype, "modules", void 0), F([s()], U.prototype, "activeModuleId", void 0), F([s()], U.prototype, "activeModuleLabel", void 0), F([s({ type: Boolean })], U.prototype, "modulesLoading", void 0), F([s({ type: Boolean })], U.prototype, "hasMenu", void 0), F([s({ attribute: !1 })], U.prototype, "search", void 0), F([s()], U.prototype, "searchValue", void 0), F([s({ type: Boolean })], U.prototype, "searchLoading", void 0), F([s({
+P([s({ attribute: !1 })], H.prototype, "modules", void 0), P([s()], H.prototype, "activeModuleId", void 0), P([s()], H.prototype, "activeModuleLabel", void 0), P([s({ type: Boolean })], H.prototype, "modulesLoading", void 0), P([s({ type: Boolean })], H.prototype, "hasMenu", void 0), P([s({ attribute: !1 })], H.prototype, "moduleSwitcherMaxHeight", void 0), P([s({ attribute: !1 })], H.prototype, "search", void 0), P([s()], H.prototype, "searchValue", void 0), P([s({ type: Boolean })], H.prototype, "searchLoading", void 0), P([s({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "expanded", void 0), U = F([S(), o("vsn-header")], U);
+})], H.prototype, "expanded", void 0), H = P([x(), o("vsn-header")], H);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.css.ts
-var vt = t`
+var bt = t`
   .vsn-search-results__empty {
     display: flex;
     flex-direction: column;
@@ -1378,10 +1378,10 @@ var vt = t`
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, yt = class {
+`, xt = class {
 	constructor(e) {
 		this.onResultsKeydown = (e) => {
-			if (e.defaultPrevented || j(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || A(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;
@@ -1392,15 +1392,15 @@ var vt = t`
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, W = class extends e {
+}, U = class extends e {
 	constructor(...e) {
-		super(...e), this.loadingMore = !1, this._keyboard = new yt(this);
+		super(...e), this.loadingMore = !1, this._keyboard = new xt(this);
 	}
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, vt];
+		this.styles = [h, bt];
 	}
 	render() {
 		return this.errorMessage ? this._errorState(this.errorMessage) : this.results === void 0 ? n`${r}` : this.results.length === 0 ? this._emptyState() : this._resultsList(this.results);
@@ -1408,10 +1408,10 @@ var vt = t`
 	_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">${b("No results found")}</div>
+        <div class="vsn-search-results__empty-message">${b("We couldn't find any matches.")}</div>
+        <div class="vsn-search-results__empty-hint">${b("Try different keywords or check spelling.")}</div>
+        <div class="vsn-search-results__empty-support">${b("Need help? Contact support.")}</div>
       </div>
     `;
 	}
@@ -1427,7 +1427,7 @@ var vt = t`
 		return n`
       <div class="ga-side-navigation__body h-full" @keydown=${this._keyboard.onResultsKeydown}>
         <div class="ga-side-navigation__search-results-title">
-          ${x(t === 1 ? b`${t} result` : b`${t} results`)}
+          ${b(t === 1 ? y`${t} result` : y`${t} results`)}
         </div>
         ${e.map((e) => this._resultRow(e))}
         ${u(this.nextCursor, () => n`
@@ -1436,7 +1436,7 @@ var vt = t`
             class="vsn-search-results__load-more"
             ?disabled=${this.loadingMore}
             @click=${this._onLoadMore}>
-            ${Be(30)}
+            ${Ve(30)}
           </button>
         `)}
       </div>
@@ -1471,10 +1471,10 @@ var vt = t`
 		}));
 	}
 };
-F([s({ attribute: !1 })], W.prototype, "results", void 0), F([s()], W.prototype, "errorMessage", void 0), F([s()], W.prototype, "nextCursor", void 0), F([s({ type: Boolean })], W.prototype, "loadingMore", void 0), W = F([S(), o("vsn-search-results")], W);
+P([s({ attribute: !1 })], U.prototype, "results", void 0), P([s()], U.prototype, "errorMessage", void 0), P([s()], U.prototype, "nextCursor", void 0), P([s({ type: Boolean })], U.prototype, "loadingMore", void 0), U = P([x(), o("vsn-search-results")], U);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-template/vsn-template.css.ts
-var bt = t`
+var St = t`
   .vsn-template__row {
     display: flex;
     flex-direction: column;
@@ -1489,26 +1489,26 @@ var bt = t`
     background: var(--ga-color-miscellaneous-skeleton-element, #F2F3F5);
     flex-shrink: 0;
   }
-`, xt = [
+`, Ct = [
 	160,
 	96,
 	144,
 	192,
 	160
-], St = class extends e {
+], wt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, bt];
+		this.styles = [h, St];
 	}
 	render() {
 		return n`
       <div class="ga-side-navigation__body h-full"
         role="status"
         aria-busy="true"
-        aria-label=${x("Loading results")}>
-        ${xt.map((e) => n`
+        aria-label=${b("Loading results")}>
+        ${Ct.map((e) => n`
           <div class="vsn-template__row">
             <div class="vsn-template__bar" style="width: ${e}px"></div>
           </div>
@@ -1517,10 +1517,10 @@ var bt = t`
     `;
 	}
 };
-St = F([S(), o("vsn-template")], St);
+wt = P([x(), o("vsn-template")], wt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.css.ts
-var Ct = t`
+var Tt = t`
   .vsn-error-state {
     display: flex;
     flex-direction: column;
@@ -1559,29 +1559,29 @@ var Ct = t`
     font-weight: 400;
     color: var(--ga-color-text-on-disabled);
   }
-`, wt = class extends e {
+`, Et = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, Ct];
+		this.styles = [h, Tt];
 	}
 	render() {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
-        <div class="vsn-error-state__icon">${N(at, 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">${M(st, 24)}</div>
+        <div class="vsn-error-state__title">${b("Loading error")}</div>
+        <div class="vsn-error-state__message">${b("We're unable to load the menu.")}</div>
+        <div class="vsn-error-state__hint">${b("Please check your internet connection and try again.")}</div>
+        <div class="vsn-error-state__support">${b("If the issue persists, reload the page or contact support.")}</div>
       </div>
     `;
 	}
 };
-wt = F([S(), o("vsn-error-state")], wt);
+Et = P([x(), o("vsn-error-state")], Et);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.css.ts
-var Tt = t`
+var Dt = t`
   @layer components {
     vsn-search-scopes {
       display: block;
@@ -1602,25 +1602,25 @@ var Tt = t`
       text-overflow: ellipsis;
     }
   }
-`, Et, G = class extends e {
+`, W, G = class extends e {
 	static {
-		Et = this;
+		W = this;
 	}
 	constructor(...e) {
-		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++Et._counter}`;
+		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++W._counter}`;
 	}
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, Tt];
+		this.styles = [h, Dt];
 	}
 	static {
 		this._counter = 0;
 	}
 	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=${b("Search scope")}>
         ${this.scopes.map((e) => this._renderScope(e))}
       </div>
     `;
@@ -1649,25 +1649,25 @@ var Tt = t`
 		}));
 	}
 };
-F([s({ attribute: !1 })], G.prototype, "scopes", void 0), F([s()], G.prototype, "selectedScopeId", void 0), G = Et = F([S(), o("vsn-search-scopes")], G);
+P([s({ attribute: !1 })], G.prototype, "scopes", void 0), P([s()], G.prototype, "selectedScopeId", void 0), G = W = P([x(), o("vsn-search-scopes")], G);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
-var Dt = "en", Ot = [
+var Ot = "en", kt = [
 	"da",
 	"fi",
 	"nl",
 	"no",
 	"sv"
-], kt = /* @__PURE__ */ p({ templates: () => At }), At = {
+], At = /* @__PURE__ */ p({ templates: () => jt }), jt = {
 	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: y`${0} resultat`,
+	s2bb33291ef8ae3d4: y`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: y`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet fortsætter, genindlæs siden eller kontakt support.",
 	s4b0c6b66b4efd7d8: "Vælg en tjeneste",
 	s5be3c6d61cd9182f: "Notifikationer",
@@ -1688,16 +1688,16 @@ var Dt = "en", Ot = [
 	sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, jt = /* @__PURE__ */ p({ templates: () => Mt }), Mt = {
+}, Mt = /* @__PURE__ */ p({ templates: () => Nt }), Nt = {
 	s09a45db408570a7a: "Oma profiili",
 	s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
-	s1228605ee65ddefa: b`${0} tulos`,
-	s2bb33291ef8ae3d4: b`Kirjoita vähintään ${0} merkkiä hakua varten`,
+	s1228605ee65ddefa: y`${0} tulos`,
+	s2bb33291ef8ae3d4: y`Kirjoita vähintään ${0} merkkiä hakua varten`,
 	s2be8f715fbd00dcb: "Emme löytäneet osumia.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Latausvirhe",
 	s352719d86112de9a: "Ohje",
-	s387a4a41718122cb: b`${0} tulosta`,
+	s387a4a41718122cb: y`${0} tulosta`,
 	s3fb7db4771812f0c: "Jos ongelma jatkuu, lataa sivu uudelleen tai ota yhteyttä tukeen.",
 	s4b0c6b66b4efd7d8: "Valitse palvelu",
 	s5be3c6d61cd9182f: "Ilmoitukset",
@@ -1718,16 +1718,16 @@ var Dt = "en", Ot = [
 	sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Nt = /* @__PURE__ */ p({ templates: () => Pt }), Pt = {
+}, Pt = /* @__PURE__ */ p({ templates: () => Ft }), Ft = {
 	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: y`${0} resultaat`,
+	s2bb33291ef8ae3d4: y`Typ minimaal ${0} tekens om te zoeken`,
 	s2be8f715fbd00dcb: "We konden geen overeenkomsten vinden.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Laadingsfout",
 	s352719d86112de9a: "Hulp",
-	s387a4a41718122cb: b`${0} resultaten`,
+	s387a4a41718122cb: y`${0} resultaten`,
 	s3fb7db4771812f0c: "Als het probleem aanhoudt, laad de pagina opnieuw of neem contact op met ondersteuning.",
 	s4b0c6b66b4efd7d8: "Kies een service",
 	s5be3c6d61cd9182f: "Meldingen",
@@ -1748,16 +1748,16 @@ var Dt = "en", Ot = [
 	sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Ft = /* @__PURE__ */ p({ templates: () => It }), It = {
+}, It = /* @__PURE__ */ p({ templates: () => Lt }), Lt = {
 	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: y`${0} resultat`,
+	s2bb33291ef8ae3d4: y`Skriv inn minst ${0} tegn for å søke`,
 	s2be8f715fbd00dcb: "Vi fant ingen treff.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Lastingsfeil",
 	s352719d86112de9a: "Hjelp",
-	s387a4a41718122cb: b`${0} resultater`,
+	s387a4a41718122cb: y`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet vedvarer, last inn siden på nytt eller kontakt støtte.",
 	s4b0c6b66b4efd7d8: "Velg en tjeneste",
 	s5be3c6d61cd9182f: "Varsler",
@@ -1778,16 +1778,16 @@ var Dt = "en", Ot = [
 	sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Lt = /* @__PURE__ */ p({ templates: () => Rt }), Rt = {
+}, Rt = /* @__PURE__ */ p({ templates: () => zt }), zt = {
 	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: y`${0} resultat`,
+	s2bb33291ef8ae3d4: y`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: y`${0} resultat`,
 	s3fb7db4771812f0c: "Om problemet kvarstår, ladda om sidan eller kontakta support.",
 	s4b0c6b66b4efd7d8: "Välj en tjänst",
 	s5be3c6d61cd9182f: "Aviseringar",
@@ -1808,17 +1808,17 @@ var Dt = "en", Ot = [
 	sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, zt = {
-	da: kt,
-	fi: jt,
-	nl: Nt,
-	no: Ft,
-	sv: Lt
-}, { getLocale: Bt, setLocale: Vt } = Ae({
-	sourceLocale: Dt,
-	targetLocales: Ot,
-	loadLocale: (e) => zt[e] ? Promise.resolve(zt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
-}), Ht = t`
+}, Bt = {
+	da: At,
+	fi: Mt,
+	nl: Pt,
+	no: It,
+	sv: Rt
+}, { getLocale: Vt, setLocale: Ht } = je({
+	sourceLocale: Ot,
+	targetLocales: kt,
+	loadLocale: (e) => Bt[e] ? Promise.resolve(Bt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
+}), Ut = t`
   @layer components {
     .vsn-switcher-anchor {
       position: relative;
@@ -1832,7 +1832,7 @@ var Dt = "en", Ot = [
       z-index: 10;
     }
   }
-`, Ut = t`
+`, Wt = t`
   .vsn-spinner {
     display: inline-block;
     flex-shrink: 0;
@@ -1852,7 +1852,7 @@ var Dt = "en", Ot = [
   @keyframes vsn-spin {
     to { transform: rotate(360deg); }
   }
-`, Wt = class {
+`, Gt = class {
 	constructor(e, t, n) {
 		this._onHostClick = (e) => {
 			let t = this._host.renderRoot.querySelector(this._clickedSelector);
@@ -1865,14 +1865,14 @@ var Dt = "en", Ot = [
 	hostDisconnected() {
 		this._host.removeEventListener("click", this._onHostClick);
 	}
-}, Gt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Kt = class {
+}, Kt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", qt = class {
 	constructor(e) {
 		this.onKeydown = (e) => {
-			if (e.defaultPrevented || j(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			if (e.defaultPrevented || A(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(Gt) && n.push(e), n.push(...Array.from(e.querySelectorAll(Gt)));
+			for (let e of t.assignedElements({ flatten: !0 })) e.matches(Kt) && n.push(e), n.push(...Array.from(e.querySelectorAll(Kt)));
 			if (n.length === 0) return;
 			let r = e.composedPath()[0];
 			if (!(r instanceof HTMLElement)) return;
@@ -1888,14 +1888,14 @@ var Dt = "en", Ot = [
 	static {
 		this.styles = [
 			h,
-			Ht,
-			ut,
-			_t,
-			vt,
-			Tt,
-			bt,
-			Ct,
 			Ut,
+			ft,
+			yt,
+			bt,
+			Dt,
+			St,
+			Tt,
+			Wt,
 			t`
       :host {
         position: absolute;
@@ -1910,7 +1910,7 @@ var Dt = "en", Ot = [
 		];
 	}
 	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._navFooterKeyboard = new Kt(this), 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._navFooterKeyboard = new qt(this), this._onNavigate = (e) => {
 			this._searchQuery = "", this._searchResults = void 0, this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
@@ -1927,13 +1927,18 @@ var Dt = "en", Ot = [
 			}));
 		}, this._onScopeChanged = (e) => {
 			this._activeScopeId = e.detail.scopeId, this._runSearch(this._searchQuery, this._activeScopeId);
-		}, new Wt(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+		}, new Gt(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);
+	}
+	_observeMenuSize(e) {
+		this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
 	}
 	willUpdate(e) {
-		e.has("lang") && Vt(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("lang") && Ht(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());
 	}
 	async focusSearch() {
 		await this.updateComplete, this.menu?.search?.enabled && this.renderRoot.querySelector("vsn-search")?.focus();
@@ -1975,7 +1980,7 @@ var Dt = "en", Ot = [
 			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() {
@@ -1995,7 +2000,7 @@ var Dt = "en", Ot = [
 			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) {
@@ -2067,6 +2072,7 @@ var Dt = "en", Ot = [
         .search=${e}
         .searchValue=${this._searchQuery}
         .searchLoading=${this._searchLoading}
+        .moduleSwitcherMaxHeight=${this._moduleSwitcherMaxHeight}
         @vsn-search-input=${this._onSearchInput}
         @vsn-search-submit=${this._onSearchSubmit}
         @vsn-search-cleared=${this._onSearchCleared}
@@ -2080,7 +2086,7 @@ var Dt = "en", Ot = [
       <vsn-search-scopes
         .scopes=${[{
 			id: "menu",
-			label: ze()
+			label: Be()
 		}, ...e.map((e) => ({
 			id: e.id,
 			label: e.label
@@ -2104,10 +2110,10 @@ var Dt = "en", Ot = [
     `;
 	}
 };
-F([s({ attribute: !1 })], K.prototype, "modules", void 0), F([s()], K.prototype, "activeModuleId", void 0), F([s()], K.prototype, "activeModuleLabel", void 0), F([s({ type: Boolean })], K.prototype, "modulesLoading", void 0), F([s()], K.prototype, "lang", void 0), F([s({ attribute: !1 })], K.prototype, "auth", void 0), F([s({ type: Boolean })], K.prototype, "error", void 0), F([s({
+P([s({ attribute: !1 })], K.prototype, "modules", void 0), P([s()], K.prototype, "activeModuleId", void 0), P([s()], K.prototype, "activeModuleLabel", void 0), P([s({ type: Boolean })], K.prototype, "modulesLoading", void 0), P([s()], K.prototype, "lang", void 0), P([s({ attribute: !1 })], K.prototype, "auth", void 0), P([s({ type: Boolean })], K.prototype, "error", void 0), P([s({
 	type: Boolean,
 	reflect: !0
-})], K.prototype, "open", void 0), F([s({ attribute: !1 })], K.prototype, "menu", void 0), F([l()], K.prototype, "_searchQuery", void 0), F([l()], K.prototype, "_searchResults", void 0), F([l()], K.prototype, "_searchLoading", void 0), F([l()], K.prototype, "_activeScopeId", void 0), F([l()], K.prototype, "_searchError", void 0), F([l()], K.prototype, "_searchNextCursor", void 0), F([l()], K.prototype, "_searchLoadingMore", void 0), K = F([o("vsn-side-bar")], K);
+})], K.prototype, "open", void 0), P([s({ attribute: !1 })], K.prototype, "menu", void 0), P([l()], K.prototype, "_searchQuery", void 0), P([l()], K.prototype, "_searchResults", void 0), P([l()], K.prototype, "_searchLoading", void 0), P([l()], K.prototype, "_activeScopeId", void 0), P([l()], K.prototype, "_searchError", void 0), P([l()], K.prototype, "_searchNextCursor", void 0), P([l()], K.prototype, "_searchLoadingMore", void 0), P([l()], K.prototype, "_moduleSwitcherMaxHeight", void 0), K = P([o("vsn-side-bar")], K);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
 var q, J = class extends e {
@@ -2139,7 +2145,7 @@ var q, J = class extends e {
 				e.preventDefault(), e.stopPropagation(), this._isExpanded = !this._isExpanded;
 				return;
 			}
-			if (!this.tree || e.button !== 0 || j(e)) return;
+			if (!this.tree || e.button !== 0 || A(e)) return;
 			e.preventDefault(), e.stopPropagation();
 			let t = [...this.ancestorPath, this.tree];
 			this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-leaf-select", {
@@ -2173,7 +2179,7 @@ var q, 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 ? N(P, 16) : N(ot, 16) : ""}
+			  ${this._isParent() ? this._isExpanded ? M(N, 16) : M(ct, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${e}</div>
@@ -2197,10 +2203,10 @@ var q, J = class extends e {
 		if (this.tree && _(this.tree)) return this.tree.items.length > 0;
 	}
 };
-F([s({ attribute: !1 })], J.prototype, "tree", void 0), F([s({ type: Number })], J.prototype, "level", void 0), F([s({ type: Array })], J.prototype, "ancestorPath", void 0), F([l()], J.prototype, "_isExpanded", void 0), F([l()], J.prototype, "_showTooltip", void 0), F([l()], J.prototype, "_tooltipPos", void 0), F([c(".ga-side-navigation__item-label")], J.prototype, "_labelEl", void 0), J = q = F([o("vsn-breadcrumb-menu-item")], J);
+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 = q = P([o("vsn-breadcrumb-menu-item")], J);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
-var qt = class extends e {
+var Y = class extends e {
 	static {
 		this.styles = h;
 	}
@@ -2220,10 +2226,10 @@ var qt = class extends e {
     `;
 	}
 };
-F([s({ attribute: !1 })], qt.prototype, "treeList", void 0), qt = F([o("vsn-breadcrumb-menu")], qt);
+P([s({ attribute: !1 })], Y.prototype, "treeList", void 0), Y = P([o("vsn-breadcrumb-menu")], Y);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
-var Y = class extends e {
+var X = class extends e {
 	constructor(...e) {
 		super(...e), this.modules = [], 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);
@@ -2530,7 +2536,7 @@ var Y = class extends e {
 	}
 	render() {
 		return n`
-      <nav aria-label=${x("Breadcrumb")}>
+      <nav aria-label=${b("Breadcrumb")}>
         <div class="ga-breadcrumb">
           ${this._displayMode === "full" ? this._renderFullBreadcrumbs() : this._displayMode === "overflow" ? this._renderOverflowBreadcrumbs() : this._renderMobileBreadcrumbs()}
         </div>
@@ -2543,7 +2549,7 @@ var Y = class extends e {
     `;
 	}
 };
-F([s({ attribute: !1 })], Y.prototype, "tree", void 0), F([s({ type: Array })], Y.prototype, "modules", void 0), F([s()], Y.prototype, "activeModuleId", void 0), F([l()], Y.prototype, "_openPopoverId", void 0), F([l()], Y.prototype, "_displayMode", void 0), F([l()], Y.prototype, "_overflowCount", void 0), F([l()], Y.prototype, "_tooltip", void 0), Y = F([S(), o("vsn-breadcrumbs")], Y);
+P([s({ attribute: !1 })], X.prototype, "tree", void 0), P([s({ type: Array })], X.prototype, "modules", void 0), P([s()], X.prototype, "activeModuleId", void 0), P([l()], X.prototype, "_openPopoverId", void 0), P([l()], X.prototype, "_displayMode", void 0), P([l()], X.prototype, "_overflowCount", void 0), P([l()], X.prototype, "_tooltip", void 0), X = P([x(), o("vsn-breadcrumbs")], X);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
 var Jt = class extends e {
@@ -2562,16 +2568,16 @@ var Jt = 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">${N(Ke)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Open AI assistant")} @click=${this._handleClick}>
+        <span class="ga-icon">${M(Je)}</span>
       </button>
     `;
 	}
 };
-Jt = F([S(), o("vsn-ai-assistant")], Jt);
+Jt = P([x(), o("vsn-ai-assistant")], Jt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
-var X = class extends e {
+var Z = class extends e {
 	constructor(...e) {
 		super(...e), this._compact = !1, this.feedback = null, this._mqMobile = window.matchMedia("(max-width: 767px)"), this._handleMediaChange = () => {
 			this._compact = this._mqMobile.matches;
@@ -2589,7 +2595,7 @@ var X = class extends e {
 	updated(e) {
 		if (super.updated(e), e.has("feedback") && this.feedback?.workspaceId && !document.getElementById("survicate-sdk") && !window._sva) {
 			let e = document.createElement("script");
-			e.id = He, e.src = We(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), document.head.appendChild(e);
+			e.id = Ue, e.src = Ge(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), document.head.appendChild(e);
 		}
 		if (e.has("auth")) {
 			let t = e.get("auth");
@@ -2609,21 +2615,21 @@ var X = class extends e {
 		this.dispatchEvent(new CustomEvent("vsn-feedback", {
 			bubbles: !0,
 			composed: !0
-		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent(Ue));
+		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent(We));
 	}
 	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">${N(Ye)}</span>
+        <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Send feedback")} @click=${this._handleClick}>
+          <span class="ga-icon">${M(Ze)}</span>
         </button>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary" aria-label=${x("Send feedback")} @click=${this._handleClick}>
-        ${x("Feedback")}
+      <button type="button" class="ga-button ga-button--secondary" aria-label=${b("Send feedback")} @click=${this._handleClick}>
+        ${b("Feedback")}
       </button>
     `;
 	}
 };
-F([l()], X.prototype, "_compact", void 0), F([s({ attribute: !1 })], X.prototype, "feedback", void 0), F([s({ attribute: !1 })], X.prototype, "auth", void 0), X = F([S(), o("vsn-feedback")], X);
+P([l()], Z.prototype, "_compact", void 0), P([s({ attribute: !1 })], Z.prototype, "feedback", void 0), P([s({ attribute: !1 })], Z.prototype, "auth", void 0), Z = P([x(), o("vsn-feedback")], Z);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
 var Yt = class extends e {
@@ -2637,7 +2643,7 @@ var Yt = class extends e {
 		e.preventDefault(), this.landingPageUrl && this.dispatchEvent(new CustomEvent("vsn-navigate", {
 			detail: {
 				id: "home",
-				label: x("Home"),
+				label: b("Home"),
 				url: this.landingPageUrl
 			},
 			bubbles: !0,
@@ -2646,29 +2652,18 @@ var Yt = 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")} @click=${this._handleClick}>
-        <span class="ga-icon">${N(Xe)}</span>
+      <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${b("Home")} @click=${this._handleClick}>
+        <span class="ga-icon">${M(Qe)}</span>
       </a>
     ` : r;
 	}
 };
-F([s({ attribute: "landing-page-url" })], Yt.prototype, "landingPageUrl", void 0), Yt = F([S(), o("vsn-home")], Yt);
+P([s({ attribute: "landing-page-url" })], Yt.prototype, "landingPageUrl", void 0), Yt = P([x(), o("vsn-home")], Yt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
 var Xt = class extends e {
-	constructor(...e) {
-		super(...e), this._tooltip = null, this._onMouseEnter = (e) => {
-			let t = e.currentTarget.getBoundingClientRect();
-			this._tooltip = {
-				x: t.left,
-				y: t.bottom + 4
-			};
-		}, this._onMouseLeave = () => {
-			this._tooltip = null;
-		};
-	}
 	static {
-		this.styles = h;
+		this.styles = [h];
 	}
 	createRenderRoot() {
 		return this;
@@ -2677,28 +2672,39 @@ var Xt = class extends e {
 		this.querySelector("button")?.focus(e);
 	}
 	_handleClick() {
-		this._tooltip = null, this.dispatchEvent(new CustomEvent("toggle-side-bar", {
+		this._tooltipElement.hidePopover?.(), this.dispatchEvent(new CustomEvent("toggle-side-bar", {
 			bubbles: !0,
 			composed: !0
 		}));
 	}
+	_onActivate(e) {
+		let t = e.currentTarget.getBoundingClientRect();
+		this._tooltipElement.style.left = `${t.left}px`, this._tooltipElement.style.top = `${t.bottom + 4}px`, this._tooltipElement.showPopover?.();
+	}
+	_onDeactivate() {
+		this._tooltipElement.hidePopover?.();
+	}
 	render() {
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Open menu")} aria-describedby=${this._tooltip ? "vsn-menu-toggle-tooltip" : r} @click=${this._handleClick} @mouseenter=${this._onMouseEnter} @mouseleave=${this._onMouseLeave}>
-        <span class="ga-icon">${N(Ge)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Open menu")}
+              aria-describedby="vsn-menu-toggle-tooltip"
+              @click=${this._handleClick}
+              @mouseenter=${this._onActivate}
+              @mouseleave=${this._onDeactivate}>
+        <span class="ga-icon">${M(qe)}</span>
       </button>
-      ${this._tooltip ? n`
-        <div id="vsn-menu-toggle-tooltip" role="tooltip" style="position: fixed; left: ${this._tooltip.x}px; top: ${this._tooltip.y}px; pointer-events: none; z-index: 9999;">
-          <div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${Le()}</div>
-        </div>
-      ` : r}
+      <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">${Re()}</div>
+      </div>
     `;
 	}
 };
-F([l()], Xt.prototype, "_tooltip", void 0), Xt = F([S(), o("vsn-menu-toggle")], Xt);
+P([c("div[role=\"tooltip\"]", !0)], Xt.prototype, "_tooltipElement", void 0), Xt = P([x(), o("vsn-menu-toggle")], Xt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
-var Z = class extends e {
+var Zt = class extends e {
 	constructor(...e) {
 		super(...e), this.notificationActive = !1;
 	}
@@ -2716,22 +2722,22 @@ var Z = class extends e {
 		}));
 	}
 	render() {
-		let e = this.notificationActive ? Je : qe;
+		let e = this.notificationActive ? Xe : Ye;
 		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">${N(e)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Notifications")} @click=${this._handleClick}>
+        <span class="ga-icon">${M(e)}</span>
       </button>
     `;
 	}
 };
-F([s({
+P([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], Z.prototype, "notificationActive", void 0), Z = F([S(), o("vsn-notifications")], Z);
+})], Zt.prototype, "notificationActive", void 0), Zt = P([x(), o("vsn-notifications")], Zt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
-function Zt(e) {
+function Qt(e) {
 	try {
 		let t = new URL(e);
 		return t.protocol === "https:" || t.protocol === "http:";
@@ -2739,7 +2745,7 @@ function Zt(e) {
 		return !1;
 	}
 }
-var Qt = class extends e {
+var $t = class extends e {
 	static {
 		this.styles = h;
 	}
@@ -2754,18 +2760,18 @@ var Qt = class extends e {
 		}));
 	}
 	render() {
-		return this.helpUrl && Zt(this.helpUrl) ? n`
-        <a href=${this.helpUrl} rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Help")}>
-          <span class="ga-icon">${N(Ze)}</span>
+		return this.helpUrl && Qt(this.helpUrl) ? n`
+        <a href=${this.helpUrl} rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Help")}>
+          <span class="ga-icon">${M($e)}</span>
         </a>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Help")} @click=${this._handleClick}>
-        <span class="ga-icon">${N(Ze)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Help")} @click=${this._handleClick}>
+        <span class="ga-icon">${M($e)}</span>
       </button>
     `;
 	}
 };
-F([s({ attribute: "help-url" })], Qt.prototype, "helpUrl", void 0), Qt = F([S(), o("vsn-help")], Qt);
+P([s({ attribute: "help-url" })], $t.prototype, "helpUrl", void 0), $t = P([x(), o("vsn-help")], $t);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-top-bar.ts
 var Q = class extends e {
@@ -2773,7 +2779,7 @@ var Q = class extends e {
 		super(...e), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.lang = "en";
 	}
 	willUpdate(e) {
-		e.has("lang") && Vt(this.lang).catch(console.error);
+		e.has("lang") && Ht(this.lang).catch(console.error);
 	}
 	focusMenuToggle() {
 		this.renderRoot.querySelector("vsn-menu-toggle")?.focus();
@@ -2875,28 +2881,28 @@ var Q = class extends e {
     `;
 	}
 };
-F([s({ attribute: !1 })], Q.prototype, "tree", void 0), F([s({ type: Array })], Q.prototype, "modules", void 0), F([s()], Q.prototype, "activeModuleId", void 0), F([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), F([s({ attribute: !1 })], Q.prototype, "feedback", void 0), F([s({ attribute: !1 })], Q.prototype, "auth", void 0), F([s({
+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({
 	type: Boolean,
 	attribute: "show-help"
-})], Q.prototype, "showHelp", void 0), F([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), F([s({
+})], Q.prototype, "showHelp", void 0), P([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), P([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], Q.prototype, "showNotification", void 0), F([s({
+})], Q.prototype, "showNotification", void 0), P([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], Q.prototype, "notificationActive", void 0), F([s()], Q.prototype, "lang", void 0), Q = F([o("vsn-top-bar")], Q);
+})], Q.prototype, "notificationActive", void 0), P([s()], Q.prototype, "lang", void 0), Q = P([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 || !Pe(e) || e.key.toLowerCase() !== "k" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
+			e.defaultPrevented || !Fe(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 && M(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
+			e.defaultPrevented || this.open && j(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
 		};
 	}
 	_resolveModules() {
@@ -3031,19 +3037,19 @@ var $ = class extends e {
     `;
 	}
 };
-F([s()], $.prototype, "lang", void 0), F([s({ attribute: !1 })], $.prototype, "tree", void 0), F([s({ attribute: !1 })], $.prototype, "modules", void 0), F([s({ attribute: !1 })], $.prototype, "auth", void 0), F([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), F([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), F([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), F([s({ attribute: !1 })], $.prototype, "feedback", void 0), F([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), F([s({
+})], $.prototype, "showNotification", void 0), P([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], $.prototype, "notificationActive", void 0), F([s({
+})], $.prototype, "notificationActive", void 0), P([s({
 	type: Boolean,
 	attribute: "open",
 	reflect: !0
-})], $.prototype, "open", void 0), F([l()], $.prototype, "_currentItem", void 0), F([l()], $.prototype, "_resolvedModules", void 0), F([l()], $.prototype, "_modulesLoading", void 0), $ = F([o("vsn-navigation")], $);
+})], $.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")], $);
 //#endregion
-export { v as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };
+export { de as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };