@visma-swno/vsn-navigation 1.2.0-beta.17 → 1.2.0-beta.19

package/dist/assets/vsn-navigation.js

@@ -192,38 +192,38 @@ function g(e) {
 function _(e) {
 	return "items" in e;
 }
-var de = class e extends Error {
+var v = class e extends Error {
 	constructor(t) {
 		super(t), this.name = "SearchError", Object.setPrototypeOf(this, e.prototype);
 	}
-}, fe = ie("activeId"), pe = "lit-localize-status", v = (e, ...t) => ({
+}, de = ie("activeId"), fe = "lit-localize-status", y = (e, ...t) => ({
 	strTag: !0,
 	strings: e,
 	values: t
-}), me = (e) => typeof e != "string" && "strTag" in e, he = (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;
-}, ge = ((e) => me(e) ? he(e.strings, e.values) : e), y = ge, _e = !1;
-function ve(e) {
-	if (_e) throw Error("lit-localize can only be configured once");
-	y = e, _e = !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 ye = class {
+var ve = class {
 	constructor(e) {
 		this.__litLocalizeEventHandler = (e) => {
 			e.detail.status === "ready" && this.host.requestUpdate();
 		}, this.host = e;
 	}
 	hostConnected() {
-		window.addEventListener(pe, this.__litLocalizeEventHandler);
+		window.addEventListener(fe, this.__litLocalizeEventHandler);
 	}
 	hostDisconnected() {
-		window.removeEventListener(pe, this.__litLocalizeEventHandler);
+		window.removeEventListener(fe, this.__litLocalizeEventHandler);
 	}
-}, be = (e) => e.addController(new ye(e)), b = () => (e, t) => (e.addInitializer(be), e), xe = 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 ye = class {
 	reject(e) {
 		this.settled = !0, this._reject(e);
 	}
-}, x = [];
-for (let e = 0; e < 256; e++) x[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function Se(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 x[c >> 8] + x[c & 255] + x[o >> 8] + x[o & 255] + x[i >> 8] + x[i & 255] + x[n >> 8] + x[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 Ce = "h", we = "s";
-function Te(e, t) {
-	return (t ? Ce : we) + Se(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 Ee = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new Map();
-function Oe(e, t, n) {
+var Te = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new Map();
+function De(e, t, n) {
 	if (e) {
-		let r = e[n?.id ?? ke(t)];
+		let r = e[n?.id ?? Oe(t)];
 		if (r) {
 			if (typeof r == "string") return r;
-			if ("strTag" in r) return he(r.strings, t.values, r.values);
+			if ("strTag" in r) return me(r.strings, t.values, r.values);
 			{
-				let e = Ee.get(r);
-				return e === void 0 && (e = r.values, Ee.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 ge(t);
+	return he(t);
 }
-function ke(e) {
-	let t = typeof e == "string" ? e : e.strings, n = De.get(t);
-	return n === void 0 && (n = Te(t, typeof e != "string" && !("strTag" in e)), De.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 S(e) {
-	window.dispatchEvent(new CustomEvent(pe, { detail: e }));
+function C(e) {
+	window.dispatchEvent(new CustomEvent(fe, { detail: e }));
 }
-var C = "", w, Ae, T, E, je, D = new xe();
-D.resolve();
-var O = 0, Me = (e) => (ve(((e, t) => Oe(je, e, t))), C = Ae = e.sourceLocale, T = new Set(e.targetLocales), T.add(e.sourceLocale), E = e.loadLocale, {
-	getLocale: Ne,
-	setLocale: Pe
-}), Ne = () => C, Pe = (e) => {
-	if (e === (w ?? C)) return D.promise;
-	if (!T || !E) throw Error("Internal error");
-	if (!T.has(e)) throw Error("Invalid locale code");
-	O++;
-	let t = O;
-	return w = e, D.settled && (D = new xe()), S({
+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 === Ae ? Promise.resolve({ templates: void 0 }) : E(e)).then((n) => {
-		O === t && (C = e, w = void 0, je = n.templates, S({
+	}), (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
-		}), D.resolve());
+		}), O.resolve());
 	}, (n) => {
-		O === t && (S({
+		k === t && (C({
 			status: "error",
 			errorLocale: e,
 			errorMessage: n.toString()
-		}), D.reject(n));
-	}), D.promise;
-}, Fe = () => {
+		}), O.reject(n));
+	}), O.promise;
+}, Pe = () => {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
 	return /mac/i.test(e);
-}, Ie = (e) => !e.shiftKey && !e.altKey && (Fe() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), k = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, A = (e) => !k(e), Le = () => y("Choose a service"), Re = () => y("Search"), ze = () => Fe() ? "Cmd+K" : "CTRL+K", Be = (e) => y(v`Type at least ${e} characters to search`), Ve = () => y("Menu items"), He = () => y("Load more"), Ue = () => y("VSN"), We = "survicate-sdk", Ge = "ui-components-feedback", Ke = (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 = () => b("Load 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 j(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 j(e, t = 24, r) {
       class=${r ?? ""}
   >${e}</svg>`;
 }
-var qe = i``, Je = i`
+var Ke = i``, qe = i`
   <path d="M4 5h16"/>
   <path d="M4 12h16"/>
   <path d="M4 19h16"/>
-`, Ye = 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"/>
-`, Xe = 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"/>
-`, Ze = 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"/>
-`, Qe = 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 $e = 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"/>
-`, et = 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"/>
-`, tt = 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 nt = 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"/>
-`, rt = 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,12 +381,12 @@ i`
   <circle cx="12" cy="12" r="10"/>
   <circle cx="12" cy="12" r="1"/>
 `;
-var it = i`
+var rt = i`
   <path d="m7 15 5 5 5-5"/>
   <path d="m7 9 5-5 5 5"/>
-`, at = i`
+`, it = i`
   <path d="m18 15-6-6-6 6"/>
-`, M = i`
+`, at = i`
   <path d="m6 9 6 6 6-6"/>
 `, ot = i`
   <circle cx="11" cy="11" r="8"/>
@@ -474,7 +474,7 @@ var P, F = 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 ? j(M, 16) : j(lt, 16) : ""}
+			  ${e ? this._isExpanded ? M(at, 16) : M(lt, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${this.tree?.label}</div>
@@ -508,7 +508,7 @@ var P, F = class extends e {
 			this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		if (e.button !== 0 || k(e)) return;
+		if (e.button !== 0 || A(e)) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = new CustomEvent("vsn-menu-item-changed", {
 			bubbles: !0,
@@ -519,7 +519,7 @@ var P, F = class extends e {
 	}
 };
 N([s({ attribute: !1 })], F.prototype, "tree", void 0), N([s({ type: Number })], F.prototype, "level", void 0), N([ue({
-	context: fe,
+	context: de,
 	subscribe: !0
 }), l()], F.prototype, "_currentActiveId", void 0), N([l()], F.prototype, "_isActive", void 0), N([l()], F.prototype, "_isExpanded", void 0), N([l()], F.prototype, "_showTooltip", void 0), N([l()], F.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__item-label")], F.prototype, "_labelEl", void 0), F = P = N([o("vsn-menu-item")], F);
 //#endregion
@@ -551,15 +551,15 @@ var I = class extends e {
       <vsn-menu-item .tree=${e}></vsn-menu-item>`;
 	}
 };
-N([s({ attribute: !1 })], I.prototype, "items", void 0), N([le({ context: fe }), l()], I.prototype, "_currentActiveId", void 0), N([s()], I.prototype, "currentItem", void 0), I = N([o("vsn-menu")], I);
+N([s({ attribute: !1 })], I.prototype, "items", void 0), N([le({ context: de }), l()], I.prototype, "_currentActiveId", void 0), N([s()], I.prototype, "currentItem", void 0), I = N([o("vsn-menu")], I);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
 var L = class extends e {
 	constructor(...e) {
 		super(...e), this.label = "", this.closeOnClick = !1, this._onKeydown = (e) => {
-			e.defaultPrevented || A(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 || k(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
 			}));
@@ -703,9 +703,9 @@ ut = N([o("vsn-menu-separator")], ut);
 var dt = class {
 	constructor(e) {
 		this._prevExpanded = !1, this.onUserKeydown = (e) => {
-			e.defaultPrevented || k(e) || (e.key === "Enter" || e.key === " " || e.key === "Escape" && this.host.expanded) && (e.preventDefault(), this.host.expanded = !this.host.expanded);
+			e.defaultPrevented || A(e) || (e.key === "Enter" || e.key === " " || e.key === "Escape" && this.host.expanded) && (e.preventDefault(), this.host.expanded = !this.host.expanded);
 		}, this.onDropdownKeydown = (e) => {
-			if (e.defaultPrevented || k(e)) return;
+			if (e.defaultPrevented || A(e)) return;
 			if (e.key === "Enter" || e.key === " ") {
 				let t = e.target;
 				t instanceof HTMLElement && t.classList.contains("ga-side-navigation__footer-dropdown-item") && (e.preventDefault(), t.click());
@@ -778,11 +778,11 @@ var R = class {
 		this._rootElement == null && this._rootSelector && (this._rootElement = this._host.renderRoot.querySelector(this._rootSelector), this._rootElement != null && this._rootElement.addEventListener("keydown", this._onKeyDown));
 	}
 }, ht = {
-	profile: tt,
-	logout: nt
+	profile: et,
+	logout: tt
 }, gt = () => ({
-	profile: y("My profile"),
-	logout: y("Log out")
+	profile: b("My profile"),
+	logout: b("Log out")
 }), z = class extends e {
 	createRenderRoot() {
 		return this;
@@ -836,7 +836,7 @@ var R = class {
           </div>
 
           <span class="ga-side-navigation__user-action">
-              ${this.expanded ? j(at, 16) : j(it, 16)}
+              ${this.expanded ? M(it, 16) : M(rt, 16)}
             </span>
 
         </div>
@@ -850,14 +850,14 @@ var R = class {
         ${this._items.map((e) => {
 			let t = n`
             <span class="ga-side-navigation__footer-dropdown-icon">
-                ${j(ht[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">
-                  ${j(rt, 16)}
+                  ${M(nt, 16)}
                 </span>
             ` : r}
           `;
@@ -906,20 +906,20 @@ var R = class {
         @error=${() => {
 			this._avatarFailed = !0;
 		}}/>` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
-      ${j(tt, 24)}
+      ${M(et, 24)}
     </span>`;
 	}
 };
 N([s({ attribute: !1 })], z.prototype, "user", void 0), N([s()], z.prototype, "profilePictureBaseUrl", void 0), N([s()], z.prototype, "myProfileUrl", void 0), N([s({
 	type: Boolean,
 	reflect: !0
-})], z.prototype, "expanded", void 0), N([l()], z.prototype, "_avatarFailed", void 0), z = N([b(), o("vsn-footer")], z);
+})], z.prototype, "expanded", void 0), N([l()], z.prototype, "_avatarFailed", void 0), z = N([x(), o("vsn-footer")], z);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
 var _t = class {
 	constructor(e) {
 		this.onSwitcherKeydown = (e) => {
-			e.defaultPrevented || k(e) || (this.host.expanded && (e.key === "Enter" || e.key === " " || e.key === "Escape") ? this.host.requestClose() && e.preventDefault() : !this.host.expanded && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), (this.host.hasAvailableItems || this.host.modulesLoading) && (this.host.expanded = !this.host.expanded)));
+			e.defaultPrevented || A(e) || (this.host.expanded && (e.key === "Enter" || e.key === " " || e.key === "Escape") ? this.host.requestClose() && e.preventDefault() : !this.host.expanded && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), (this.host.hasAvailableItems || this.host.modulesLoading) && (this.host.expanded = !this.host.expanded)));
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
@@ -927,12 +927,12 @@ var _t = class {
 	constructor(...e) {
 		super(...e), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
 			if (e.defaultPrevented) return;
-			if (A(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 (k(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;
@@ -947,7 +947,7 @@ var _t = class {
 		this.loading || this.querySelector(".ga-side-navigation__switcher-dropdown-item")?.focus();
 	}
 	_handleItemClick(e, t) {
-		k(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
+		A(e) || (e.preventDefault(), this.dispatchEvent(new CustomEvent("item-select", {
 			detail: { id: t },
 			bubbles: !0,
 			composed: !0
@@ -958,16 +958,16 @@ var _t = class {
         <div class="ga-side-navigation__switcher-dropdown vsn-switcher-dropdown--loading"
              role="status"
              aria-busy="true"
-             aria-label=${y("Loading modules")}>
+             aria-label=${b("Loading modules")}>
           <span class="vsn-spinner"></span>
         </div>
       ` : n`
       <div class="ga-side-navigation__switcher-dropdown ga-scroll"
            role="menu"
            style=${`max-height: ${Math.max(0, this.maxHeight)}px`}
-           aria-label=${Le()}
+           aria-label=${Ie()}
            @keydown=${this._handleKeydown}>
-        <span class="ga-side-navigation__switcher-dropdown-header">${Le()}</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 ?? ""}
@@ -980,7 +980,7 @@ var _t = class {
     `;
 	}
 };
-N([s({ attribute: !1 })], B.prototype, "items", void 0), N([s({ type: Boolean })], B.prototype, "loading", void 0), N([s({ attribute: !1 })], B.prototype, "maxHeight", void 0), B = N([b(), o("vsn-switcher-menu")], B);
+N([s({ attribute: !1 })], B.prototype, "items", void 0), N([s({ type: Boolean })], B.prototype, "loading", void 0), N([s({ attribute: !1 })], B.prototype, "maxHeight", void 0), B = N([x(), o("vsn-switcher-menu")], B);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search/vsn-search.ts
 var V = class extends e {
@@ -1001,7 +1001,7 @@ var V = class extends e {
 				composed: !0
 			}));
 		}, this._handleEscape = (e) => {
-			e.defaultPrevented || A(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() {
@@ -1026,7 +1026,7 @@ var V = class extends e {
 		this._cancelDebounce(), super.disconnectedCallback();
 	}
 	_handleEnter(e) {
-		e.defaultPrevented || A(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;
@@ -1035,20 +1035,20 @@ var V = class extends e {
         <button
           type="button"
           class="vsn-search__trigger"
-          aria-label=${y("Search")}
+          aria-label=${b("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
-          ${j(ot, 24)}
+          ${M(ot, 24)}
         </button>
         <input type="search"
-               .placeholder=${Re()}
+               .placeholder=${Le()}
                .value=${this.value}
                @input=${this._handleInput}
                @keydown=${this._handleEnter}/>
         ${this._trailingSlot()}
       </div>
       ${u(e, () => n`
-        <div class="vsn-search__helper">${Be(3)}</div>`)}
+        <div class="vsn-search__helper">${ze(3)}</div>`)}
     `;
 	}
 	_trailingSlot() {
@@ -1060,13 +1060,13 @@ var V = class extends e {
     `;
 	}
 	_spinner() {
-		return n`<span class="vsn-spinner" role="status" aria-label=${y("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=${y("Clear search")}
+      <button class="vsn-search__clear" aria-label=${b("Clear search")}
               @click=${this._emitSearchCleared}>
-        ${j(st, 16)}
+        ${M(st, 16)}
       </button>
     `;
 	}
@@ -1074,7 +1074,7 @@ var V = class extends e {
 		return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
 	}
 };
-N([s()], V.prototype, "shortcut", void 0), N([s()], V.prototype, "value", void 0), N([s({ type: Boolean })], V.prototype, "loading", void 0), V = N([b(), o("vsn-search")], V);
+N([s()], V.prototype, "shortcut", void 0), N([s()], V.prototype, "value", void 0), N([s({ type: Boolean })], V.prototype, "loading", void 0), V = N([x(), o("vsn-search")], V);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.ts
 var H = class extends e {
@@ -1109,7 +1109,7 @@ var H = class extends e {
                title="">
             <span class="ga-side-navigation__switcher-title">${e.title}</span>
             <span class="ga-side-navigation__switcher-action">
-                ${this.canClose ? this.expanded ? j(M, 16) : j(it, 16) : j(qe, 16)}
+                ${this.canClose ? this.expanded ? M(at, 16) : M(rt, 16) : M(Ke, 16)}
             </span>
           </div>
 
@@ -1124,7 +1124,7 @@ var H = class extends e {
 
         ${u(this.search?.enabled, () => n`
           <vsn-search
-            .shortcut=${ze()}
+            .shortcut=${Re()}
             .value=${this.searchValue}
             .loading=${this.searchLoading}>
           </vsn-search>`)}
@@ -1134,7 +1134,7 @@ var H = class extends e {
 	get _state() {
 		if (this.modulesLoading) return {
 			kind: "loading",
-			title: this.activeModuleLabel || Ue()
+			title: this.activeModuleLabel || He()
 		};
 		let e = this.modules.find((e) => e.id === this.activeModuleId);
 		return e ? {
@@ -1143,7 +1143,7 @@ var H = class extends e {
 			available: this.modules.filter((t) => t.id !== e.id)
 		} : {
 			kind: "no-active",
-			title: Ue(),
+			title: He(),
 			available: this.modules
 		};
 	}
@@ -1184,13 +1184,13 @@ var H = class extends e {
 N([s({ attribute: !1 })], H.prototype, "modules", void 0), N([s()], H.prototype, "activeModuleId", void 0), N([s()], H.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], H.prototype, "modulesLoading", void 0), N([s({ type: Boolean })], H.prototype, "hasMenu", void 0), N([s({ attribute: !1 })], H.prototype, "moduleSwitcherMaxHeight", void 0), N([s({ attribute: !1 })], H.prototype, "search", void 0), N([s()], H.prototype, "searchValue", void 0), N([s({ type: Boolean })], H.prototype, "searchLoading", void 0), N([s({
 	type: Boolean,
 	reflect: !0
-})], H.prototype, "expanded", void 0), H = N([b(), o("vsn-header")], H);
+})], H.prototype, "expanded", void 0), H = N([x(), o("vsn-header")], H);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.keyboard.ts
 var vt = class {
 	constructor(e) {
 		this.onResultsKeydown = (e) => {
-			if (e.defaultPrevented || k(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;
@@ -1275,10 +1275,10 @@ var G = class extends e {
 	_emptyState() {
 		return n`
       <div class="vsn-search-results__empty" role="status" aria-live="polite">
-        <div class="vsn-search-results__empty-title">${y("No results found")}</div>
-        <div class="vsn-search-results__empty-message">${y("We couldn't find any matches.")}</div>
-        <div class="vsn-search-results__empty-hint">${y("Try different keywords or check spelling.")}</div>
-        <div class="vsn-search-results__empty-support">${y("Need help? Contact support.")}</div>
+        <div 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>
     `;
 	}
@@ -1295,7 +1295,7 @@ var G = class extends e {
       <div class="ga-side-navigation__body h-full ga-scroll"
            @keydown=${this._keyboard.onResultsKeydown}>
         <div class="ga-side-navigation__search-results-title">
-          ${y(t === 1 ? v`${t} result` : v`${t} results`)}
+          ${b(t === 1 ? y`${t} result` : y`${t} results`)}
         </div>
         ${e.map((e) => n`
           <vsn-search-result-item .item=${e}></vsn-search-result-item>
@@ -1306,7 +1306,7 @@ var G = class extends e {
             class="vsn-search-results__load-more"
             ?disabled=${this.loadingMore}
             @click=${this._onLoadMore}>
-            ${He()}
+            ${Ve()}
           </button>
         `)}
       </div>
@@ -1319,7 +1319,7 @@ var G = class extends e {
 		}));
 	}
 };
-N([s({ attribute: !1 })], G.prototype, "results", void 0), N([s()], G.prototype, "errorMessage", void 0), N([s()], G.prototype, "nextCursor", void 0), N([s({ type: Boolean })], G.prototype, "loadingMore", void 0), G = N([b(), o("vsn-search-results")], G);
+N([s({ attribute: !1 })], G.prototype, "results", void 0), N([s()], G.prototype, "errorMessage", void 0), N([s()], G.prototype, "nextCursor", void 0), N([s({ type: Boolean })], G.prototype, "loadingMore", void 0), G = N([x(), o("vsn-search-results")], G);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-template/vsn-template.ts
 var yt = [
@@ -1337,7 +1337,7 @@ var yt = [
       <div class="ga-side-navigation__body h-full"
            role="status"
            aria-busy="true"
-           aria-label=${y("Loading results")}>
+           aria-label=${b("Loading results")}>
         ${yt.map((e) => n`
           <div class="vsn-template__row">
             <div class="vsn-template__bar" style="width: ${e}px"></div>
@@ -1347,7 +1347,7 @@ var yt = [
     `;
 	}
 };
-bt = N([b(), o("vsn-template")], bt);
+bt = N([x(), o("vsn-template")], bt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
 var xt = class extends e {
@@ -1357,16 +1357,16 @@ var xt = class extends e {
 	render() {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
-        <div class="vsn-error-state__icon">${j(ct, 24)}</div>
-        <div class="vsn-error-state__title">${y("Loading error")}</div>
-        <div class="vsn-error-state__message">${y("We're unable to load the menu.")}</div>
-        <div class="vsn-error-state__hint">${y("Please check your internet connection and try again.")}</div>
-        <div class="vsn-error-state__support">${y("If the issue persists, reload the page or contact support.")}</div>
+        <div class="vsn-error-state__icon">${M(ct, 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>
     `;
 	}
 };
-xt = N([b(), o("vsn-error-state")], xt);
+xt = N([x(), o("vsn-error-state")], xt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
 var K, q = class extends e {
@@ -1384,7 +1384,7 @@ var K, q = class extends e {
 	}
 	render() {
 		return this.scopes.length <= 1 ? n`` : n`
-      <div class="ga-radio-group" role="radiogroup" aria-label=${y("Search scope")}>
+      <div class="ga-radio-group" role="radiogroup" aria-label=${b("Search scope")}>
         ${this.scopes.map((e) => this._renderScope(e))}
       </div>
     `;
@@ -1413,7 +1413,7 @@ var K, q = class extends e {
 		}));
 	}
 };
-N([s({ attribute: !1 })], q.prototype, "scopes", void 0), N([s()], q.prototype, "selectedScopeId", void 0), q = K = N([b(), o("vsn-search-scopes")], q);
+N([s({ attribute: !1 })], q.prototype, "scopes", void 0), N([s()], q.prototype, "selectedScopeId", void 0), q = K = N([x(), o("vsn-search-scopes")], q);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
 var St = "en", Ct = [
@@ -1425,13 +1425,13 @@ var St = "en", Ct = [
 ], wt = /* @__PURE__ */ p({ templates: () => Tt }), Tt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Har du brug for hjælp? Kontakt support.",
-	s1228605ee65ddefa: v`${0} resultat`,
-	s2bb33291ef8ae3d4: v`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: v`${0} resultater`,
+	s387a4a41718122cb: y`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet fortsætter, genindlæs siden eller kontakt support.",
 	s4b0c6b66b4efd7d8: "Vælg en tjeneste",
 	s5be3c6d61cd9182f: "Notifikationer",
@@ -1455,13 +1455,13 @@ var St = "en", Ct = [
 }, Et = /* @__PURE__ */ p({ templates: () => Dt }), Dt = {
 	s09a45db408570a7a: "Oma profiili",
 	s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
-	s1228605ee65ddefa: v`${0} tulos`,
-	s2bb33291ef8ae3d4: v`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: v`${0} tulosta`,
+	s387a4a41718122cb: y`${0} tulosta`,
 	s3fb7db4771812f0c: "Jos ongelma jatkuu, lataa sivu uudelleen tai ota yhteyttä tukeen.",
 	s4b0c6b66b4efd7d8: "Valitse palvelu",
 	s5be3c6d61cd9182f: "Ilmoitukset",
@@ -1485,13 +1485,13 @@ var St = "en", Ct = [
 }, Ot = /* @__PURE__ */ p({ templates: () => kt }), kt = {
 	s09a45db408570a7a: "Mijn profiel",
 	s119f9875b7d4cdfc: "Hulp nodig? Neem contact op met ondersteuning.",
-	s1228605ee65ddefa: v`${0} resultaat`,
-	s2bb33291ef8ae3d4: v`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: v`${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",
@@ -1515,13 +1515,13 @@ var St = "en", Ct = [
 }, At = /* @__PURE__ */ p({ templates: () => jt }), jt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Trenger du hjelp? Kontakt støtte.",
-	s1228605ee65ddefa: v`${0} resultat`,
-	s2bb33291ef8ae3d4: v`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: v`${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",
@@ -1545,13 +1545,13 @@ var St = "en", Ct = [
 }, Mt = /* @__PURE__ */ p({ templates: () => Nt }), Nt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Behöver du hjälp? Kontakta support.",
-	s1228605ee65ddefa: v`${0} resultat`,
-	s2bb33291ef8ae3d4: v`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: v`${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",
@@ -1578,7 +1578,7 @@ var St = "en", Ct = [
 	nl: Ot,
 	no: At,
 	sv: Mt
-}, { getLocale: Ft, setLocale: It } = Me({
+}, { getLocale: Ft, setLocale: It } = je({
 	sourceLocale: St,
 	targetLocales: Ct,
 	loadLocale: (e) => Pt[e] ? Promise.resolve(Pt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
@@ -1866,7 +1866,7 @@ var St = "en", Ct = [
 }, Kt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", qt = class {
 	constructor(e) {
 		this.onKeydown = (e) => {
-			if (e.defaultPrevented || k(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 = [];
@@ -2016,7 +2016,7 @@ var St = "en", Ct = [
 			this._searchResults = t.results, this._searchNextCursor = t.nextCursor, this._searchLoading = !1, this._searchAbort = void 0;
 		} catch (e) {
 			if (this._searchAbort !== r) return;
-			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;
+			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;
 		}
 	}
 	async _loadMore() {
@@ -2036,7 +2036,7 @@ var St = "en", Ct = [
 			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 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;
+			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;
 		}
 	}
 	_filterTree(e) {
@@ -2122,7 +2122,7 @@ var St = "en", Ct = [
       <vsn-search-scopes
         .scopes=${[{
 			id: "menu",
-			label: Ve()
+			label: Be()
 		}, ...e.map((e) => ({
 			id: e.id,
 			label: e.label
@@ -2173,12 +2173,16 @@ var Xt, Y = class extends e {
 			}
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
+		}, this._onKeyDown = (e) => {
+			e.defaultPrevented || A(e) || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), e.stopPropagation(), this._isExpanded = !this._isExpanded) : e.key === "ArrowRight" ? (e.preventDefault(), e.stopPropagation(), this._isExpanded = !0) : e.key === "ArrowLeft" ? (e.preventDefault(), e.stopPropagation(), this._isExpanded = !1) : e.key === "Escape" && (this._isExpanded &&= (e.preventDefault(), e.stopPropagation(), !1)));
 		}, this._onClick = (e) => {
+			if (e.defaultPrevented) return;
 			if (this._isParent()) {
+				if (A(e)) return;
 				e.preventDefault(), e.stopPropagation(), this._isExpanded = !this._isExpanded;
 				return;
 			}
-			if (!this.tree || e.button !== 0 || k(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", {
@@ -2186,7 +2190,7 @@ var Xt, Y = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		}, this._tooltipId = `vsn-menu-item-tooltip-${Xt._idCounter++}`;
+		}, this._tooltipId = `vsn-menu-item-tooltip-${Xt._idCounter++}`, new R(this, () => this._isExpanded);
 	}
 	createRenderRoot() {
 		return this;
@@ -2212,14 +2216,14 @@ var Xt, Y = 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 ? j(M, 16) : j(lt, 16) : ""}
+			  ${this._isParent() ? this._isExpanded ? M(at, 16) : M(lt, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${e}</div>
       </div>
     `;
 		return this._isParent() ? n`
-        <div class="${f(t)}" aria-describedby="${this._tooltipId}" @click=${this._onClick}
+        <div class="${f(t)}" role="button" tabindex="0" aria-expanded=${this._isExpanded} aria-describedby="${this._tooltipId}" @click=${this._onClick} @keydown=${this._onKeyDown}
              @mouseenter=${this._onItemMouseEnter} @mouseleave=${this._onItemMouseLeave}>${r}
         </div>` : n`<a class="${f(t)}" aria-describedby="${this._tooltipId}"
                    href="${this.tree && g(this.tree) ? this.tree.url : ""}" @click=${this._onClick}
@@ -2240,9 +2244,36 @@ N([s({ attribute: !1 })], Y.prototype, "tree", void 0), N([s({ type: Number })],
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
 var Zt = class extends e {
+	constructor() {
+		super(), this._handleKeyDown = (e) => {
+			if (e.defaultPrevented || A(e)) return;
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-close", {
+					bubbles: !0,
+					composed: !0
+				}));
+				return;
+			}
+			if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+			let t = Array.from(this.querySelectorAll("a.ga-side-navigation__item, div.ga-side-navigation__item[tabindex=\"0\"]"));
+			if (!t.length) return;
+			let n = t.indexOf(e.target);
+			n !== -1 && (e.preventDefault(), e.stopPropagation(), e.key === "ArrowDown" ? n < t.length - 1 && t[n + 1].focus() : n > 0 && t[n - 1].focus());
+		}, new R(this, () => !0);
+	}
 	createRenderRoot() {
 		return this;
 	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("keydown", this._handleKeyDown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("keydown", this._handleKeyDown);
+	}
 	menuItem(e) {
 		return n`
       <vsn-breadcrumb-menu-item .tree=${e}></vsn-breadcrumb-menu-item>`;
@@ -2288,8 +2319,11 @@ var X = class extends e {
       /* Temporary, until breadcrumb styles are updated */
 
       .ga-breadcrumb {
+        --_focus-ring-offset: calc(0.125rem * var(--ga-base-scaling-factor, 1));
         flex-wrap: nowrap;
         overflow-x: clip;
+        padding-left: calc(2 * var(--_focus-ring-offset));
+        margin-left: calc(-2 * var(--_focus-ring-offset));
       }
 
       /* Dropdowns use the native Popover API — promoted to the top layer on open,
@@ -2338,6 +2372,14 @@ var X = class extends e {
         text-decoration: none;
         color: var(--ga-color-text-body);
       }
+
+       /* Focus indicator for keyboard navigation inside breadcrumb dropdowns */
+      .ga-breadcrumb-item__menu .ga-side-navigation__item:focus-visible {
+        outline: var(--_focus-ring-offset) solid var(--ga-color-border-focus);
+        outline-offset: calc(-1 * var(--_focus-ring-offset));
+        border-radius: var(--ga-radius);
+        background-color: transparent;
+      }
     `
 		];
 	}
@@ -2413,10 +2455,19 @@ var X = class extends e {
 	}
 	_handlePopoverToggle(e, t) {
 		let n = t.newState === "open";
-		this._openPopoverId = n ? e : null, n && this.dispatchEvent(new CustomEvent("vsn-breadcrumb-dropdown-open", {
-			bubbles: !0,
-			composed: !0
-		}));
+		if (this._openPopoverId = n ? e : null, n) {
+			this.dispatchEvent(new CustomEvent("vsn-breadcrumb-dropdown-open", {
+				bubbles: !0,
+				composed: !0
+			}));
+			let t = this.shadowRoot?.getElementById(e);
+			t && requestAnimationFrame(() => {
+				t.querySelector("a.ga-side-navigation__item, div.ga-side-navigation__item[tabindex=\"0\"]")?.focus();
+			});
+		}
+	}
+	_handleMenuClose(e, t) {
+		(this.shadowRoot?.getElementById(t))?.hidePopover?.(), this.shadowRoot?.getElementById(e)?.focus();
 	}
 	_handleModuleSelect(e) {
 		(this.shadowRoot?.getElementById("vsn-bc-modules-popover"))?.hidePopover?.(), this.dispatchEvent(new CustomEvent("vsn-navigate", {
@@ -2454,6 +2505,7 @@ var X = class extends e {
           popover="auto"
           @beforetoggle=${(e) => this._handlePopoverBeforeToggle("vsn-bc-modules-trigger", e)}
           @toggle=${(e) => this._handlePopoverToggle("vsn-bc-modules-popover", e)}
+          @vsn-breadcrumb-menu-close=${() => this._handleMenuClose("vsn-bc-modules-trigger", "vsn-bc-modules-popover")}
         >
           <vsn-breadcrumb-menu
             .treeList=${t}
@@ -2533,6 +2585,7 @@ var X = class extends e {
           popover="auto"
           @beforetoggle=${(e) => this._handlePopoverBeforeToggle(a, e)}
           @toggle=${(e) => this._handlePopoverToggle(i, e)}
+          @vsn-breadcrumb-menu-close=${() => this._handleMenuClose(a, i)}
         >
           <vsn-breadcrumb-menu
             .treeList=${e.items}
@@ -2571,6 +2624,7 @@ var X = class extends e {
             popover="auto"
             @beforetoggle=${(e) => this._handlePopoverBeforeToggle("vsn-bc-overflow-trigger", e)}
             @toggle=${(e) => this._handlePopoverToggle("vsn-bc-overflow-popover", e)}
+            @vsn-breadcrumb-menu-close=${() => this._handleMenuClose("vsn-bc-overflow-trigger", "vsn-bc-overflow-popover")}
           >
             <vsn-breadcrumb-menu
               .treeList=${i}
@@ -2593,7 +2647,7 @@ var X = class extends e {
 	}
 	render() {
 		return n`
-      <nav aria-label=${y("Breadcrumb")}>
+      <nav aria-label=${b("Breadcrumb")}>
         <div class="ga-breadcrumb">
           ${this._displayMode === "full" ? this._renderFullBreadcrumbs() : this._displayMode === "overflow" ? this._renderOverflowBreadcrumbs() : this._renderMobileBreadcrumbs()}
         </div>
@@ -2607,7 +2661,7 @@ var X = class extends e {
     `;
 	}
 };
-N([s({ attribute: !1 })], X.prototype, "tree", void 0), N([s({ type: Array })], X.prototype, "modules", void 0), N([s()], X.prototype, "activeModuleId", void 0), N([l()], X.prototype, "_openPopoverId", void 0), N([l()], X.prototype, "_displayMode", void 0), N([l()], X.prototype, "_overflowCount", void 0), N([l()], X.prototype, "_tooltip", void 0), X = N([b(), o("vsn-breadcrumbs")], X);
+N([s({ attribute: !1 })], X.prototype, "tree", void 0), N([s({ type: Array })], X.prototype, "modules", void 0), N([s()], X.prototype, "activeModuleId", void 0), N([l()], X.prototype, "_openPopoverId", void 0), N([l()], X.prototype, "_displayMode", void 0), N([l()], X.prototype, "_overflowCount", void 0), N([l()], X.prototype, "_tooltip", void 0), X = N([x(), o("vsn-breadcrumbs")], X);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
 var Qt = class extends e {
@@ -2624,13 +2678,13 @@ var Qt = class extends e {
 	render() {
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-              aria-label=${y("Open AI assistant")} @click=${this._handleClick}>
-        <span class="ga-icon">${j(Ye)}</span>
+              aria-label=${b("Open AI assistant")} @click=${this._handleClick}>
+        <span class="ga-icon">${M(Je)}</span>
       </button>
     `;
 	}
 };
-Qt = N([b(), o("vsn-ai-assistant")], Qt);
+Qt = N([x(), o("vsn-ai-assistant")], Qt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
 var Z = class extends e {
@@ -2649,7 +2703,7 @@ var Z = class extends e {
 		if (super.updated(e), e.has("feedback") && this.feedback?.workspaceId && !document.getElementById("survicate-sdk") && !window._sva) {
 			window._sva = window._sva ?? {}, window._sva.forcedLanguage = this.lang;
 			let e = document.createElement("script");
-			e.id = We, e.src = Ke(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), 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");
@@ -2670,23 +2724,23 @@ var Z = class extends e {
 		this.dispatchEvent(new CustomEvent("vsn-feedback", {
 			bubbles: !0,
 			composed: !0
-		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(Ge));
+		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(We));
 	}
 	render() {
 		return this._compact ? n`
         <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-                aria-label=${y("Send feedback")} @click=${this._handleClick}>
-          <span class="ga-icon">${j(Qe)}</span>
+                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=${y("Send feedback")}
+      <button type="button" class="ga-button ga-button--secondary" aria-label=${b("Send feedback")}
               @click=${this._handleClick}>
-        ${y("Feedback")}
+        ${b("Feedback")}
       </button>
     `;
 	}
 };
-N([l()], Z.prototype, "_compact", void 0), N([s({ attribute: !1 })], Z.prototype, "feedback", void 0), N([s({ attribute: !1 })], Z.prototype, "auth", void 0), N([s()], Z.prototype, "lang", void 0), Z = N([b(), o("vsn-feedback")], Z);
+N([l()], Z.prototype, "_compact", void 0), N([s({ attribute: !1 })], Z.prototype, "feedback", void 0), N([s({ attribute: !1 })], Z.prototype, "auth", void 0), N([s()], Z.prototype, "lang", void 0), Z = N([x(), o("vsn-feedback")], Z);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
 var $t = class extends e {
@@ -2697,7 +2751,7 @@ var $t = class extends e {
 		e.preventDefault(), this.landingPageUrl && this.dispatchEvent(new CustomEvent("vsn-navigate", {
 			detail: {
 				id: "home",
-				label: y("Home"),
+				label: b("Home"),
 				url: this.landingPageUrl
 			},
 			bubbles: !0,
@@ -2706,14 +2760,14 @@ var $t = class extends e {
 	}
 	render() {
 		return this.landingPageUrl ? n`
-      <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${y("Home")}
+      <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">${j($e)}</span>
+        <span class="ga-icon">${M(Qe)}</span>
       </a>
     ` : r;
 	}
 };
-N([s({ attribute: "landing-page-url" })], $t.prototype, "landingPageUrl", void 0), $t = N([b(), o("vsn-home")], $t);
+N([s({ attribute: "landing-page-url" })], $t.prototype, "landingPageUrl", void 0), $t = N([x(), o("vsn-home")], $t);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
 var en = class extends e {
@@ -2738,22 +2792,22 @@ var en = class extends e {
 	}
 	render() {
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${y("Open menu")}
+      <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">${j(Je)}</span>
+        <span class="ga-icon">${M(qe)}</span>
       </button>
       <div id="vsn-menu-toggle-tooltip" role="tooltip"
            style="position: fixed; inset: unset; margin: 0; padding: 0; border: none; background: transparent; overflow: visible; pointer-events: none; z-index: 9999;"
            popover="manual">
-        <div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${ze()}</div>
+        <div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${Re()}</div>
       </div>
     `;
 	}
 };
-N([c("div[role=\"tooltip\"]", !0)], en.prototype, "_tooltipElement", void 0), en = N([b(), o("vsn-menu-toggle")], en);
+N([c("div[role=\"tooltip\"]", !0)], en.prototype, "_tooltipElement", void 0), en = N([x(), o("vsn-menu-toggle")], en);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
 var tn = class extends e {
@@ -2771,11 +2825,11 @@ var tn = class extends e {
 		}));
 	}
 	render() {
-		let e = this.notificationActive ? Ze : Xe;
+		let e = this.notificationActive ? Xe : Ye;
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-              aria-label=${y("Notifications")} @click=${this._handleClick}>
-        <span class="ga-icon">${j(e)}</span>
+              aria-label=${b("Notifications")} @click=${this._handleClick}>
+        <span class="ga-icon">${M(e)}</span>
       </button>
     `;
 	}
@@ -2784,7 +2838,7 @@ N([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], tn.prototype, "notificationActive", void 0), tn = N([b(), o("vsn-notifications")], tn);
+})], tn.prototype, "notificationActive", void 0), tn = N([x(), o("vsn-notifications")], tn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
 function nn(e) {
@@ -2809,23 +2863,23 @@ var rn = class extends e {
 	render() {
 		return this.helpUrl && nn(this.helpUrl) ? n`
         <a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
-           aria-label=${y("Help")}>
-          <span class="ga-icon">${j(et)}</span>
+           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=${y("Help")}
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Help")}
               @click=${this._handleClick}>
-        <span class="ga-icon">${j(et)}</span>
+        <span class="ga-icon">${M($e)}</span>
       </button>
     `;
 	}
 };
-N([s({ attribute: "help-url" })], rn.prototype, "helpUrl", void 0), rn = N([b(), o("vsn-help")], rn);
+N([s({ attribute: "help-url" })], rn.prototype, "helpUrl", void 0), rn = N([x(), o("vsn-help")], rn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-top-bar.ts
 var Q = class extends e {
-	constructor(...e) {
-		super(...e), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.lang = "en";
+	constructor() {
+		super(), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.lang = "en", new R(this, () => !0);
 	}
 	willUpdate(e) {
 		e.has("lang") && It(this.lang).catch(console.error);
@@ -2945,13 +2999,13 @@ N([s({ attribute: !1 })], Q.prototype, "tree", void 0), N([s({ type: Array })],
 var $ = class extends e {
 	constructor(...e) {
 		super(...e), this.lang = "en", this.showHelp = !1, this.feedback = null, this.showNotification = !1, this.notificationActive = !1, this.open = !1, this._currentItem = "", this._resolvedModules = [], this._modulesLoading = !1, this._modulesLoadToken = 0, this._restoreFocusToToggle = !1, this._onShortcut = (e) => {
-			e.defaultPrevented || !Ie(e) || e.key.toLowerCase() !== "k" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
+			e.defaultPrevented || !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 && A(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
+			e.defaultPrevented || this.open && j(e) && e.key === "Escape" && (e.preventDefault(), this.open = !1);
 		};
 	}
 	_resolveModules() {
@@ -3078,7 +3132,7 @@ var $ = class extends e {
         >
           <slot name="nav-footer" slot="nav-footer"></slot>
         </vsn-side-bar>
-        <div class="h-full overflow-y-auto ga-scroll">
+        <div class="h-full">
           <slot></slot>
         </div>
       </div>
@@ -3100,4 +3154,4 @@ N([s()], $.prototype, "lang", void 0), N([s({ attribute: !1 })], $.prototype, "t
 	reflect: !0
 })], $.prototype, "open", void 0), N([l()], $.prototype, "_currentItem", void 0), N([l()], $.prototype, "_resolvedModules", void 0), N([l()], $.prototype, "_modulesLoading", void 0), $ = N([o("vsn-navigation")], $);
 //#endregion
-export { de as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };
+export { v as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };