@visma-swno/vsn-navigation 1.2.0-beta.11 → 1.2.0-beta.12

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,67 +235,67 @@ 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, ke, Ae, O = new ye();
+var w = "", T, ke, E, D, Ae, O = new be();
 O.resolve();
-var k = 0, je = (e) => (ge(((e, t) => Ee(Ae, e, t))), T = Oe = e.sourceLocale, D = new Set(e.targetLocales), D.add(e.sourceLocale), ke = e.loadLocale, {
+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 = () => T, Ne = (e) => {
-	if (e === (E ?? T)) return O.promise;
-	if (!D || !ke) throw Error("Internal error");
-	if (!D.has(e)) throw Error("Invalid locale code");
+}), 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 E = e, O.settled && (O = new ye()), w({
+	return T = e, O.settled && (O = new be()), C({
 		status: "loading",
 		loadingLocale: e
-	}), (e === Oe ? Promise.resolve({ templates: void 0 }) : ke(e)).then((n) => {
-		k === t && (T = e, E = void 0, Ae = 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
 		}), O.resolve());
 	}, (n) => {
-		k === t && (w({
+		k === t && (C({
 			status: "error",
 			errorLocale: e,
 			errorMessage: n.toString()
@@ -305,7 +305,7 @@ var k = 0, je = (e) => (ge(((e, t) => Ee(Ae, e, t))), T = Oe = e.sourceLocale, D
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
 	return /mac/i.test(e);
-}, 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 = () => x("Choose a service"), Le = () => x("Search"), Re = () => Pe() ? "Cmd+K" : "CTRL+K", ze = (e) => x(b`Type at least ${e} characters to search`), Be = () => x("Menu items"), Ve = (e) => x(b`Load ${e} more`), He = () => x("VSN"), Ue = "survicate-sdk", We = "ui-components-feedback", Ge = (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 M(e, t = 24, r) {
@@ -519,7 +519,7 @@ var F, I = class extends e {
 	}
 };
 P([s({ attribute: !1 })], I.prototype, "tree", void 0), P([s({ type: Number })], I.prototype, "level", void 0), P([ue({
-	context: de,
+	context: fe,
 	subscribe: !0
 }), l()], I.prototype, "_currentActiveId", void 0), P([l()], I.prototype, "_isActive", void 0), P([l()], I.prototype, "_isExpanded", void 0), P([l()], I.prototype, "_showTooltip", void 0), P([l()], I.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__item-label")], I.prototype, "_labelEl", void 0), I = F = P([o("vsn-menu-item")], I);
 //#endregion
@@ -551,7 +551,7 @@ var L = class extends e {
       <vsn-menu-item .tree=${e}></vsn-menu-item>`;
 	}
 };
-P([s({ attribute: !1 })], L.prototype, "items", void 0), P([le({ context: de }), l()], L.prototype, "_currentActiveId", void 0), P([s()], L.prototype, "currentItem", void 0), L = P([o("vsn-menu")], L);
+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 R = class extends e {
@@ -715,11 +715,6 @@ var ut = class {
 				t instanceof HTMLElement && t.classList.contains("ga-side-navigation__footer-dropdown-item") && (e.preventDefault(), t.click());
 				return;
 			}
-			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 (A(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = this.host.querySelector(".ga-side-navigation__footer-dropdown");
@@ -767,13 +762,32 @@ function pt(e, t, n, r) {
 	return n && i.set("client_id", n), `${e}${t}?${i}`;
 }
 //#endregion
-//#region src/components/vsn-side-bar/vsn-footer/vsn-footer.ts
-var mt = {
+//#region src/components/controllers/focus-trapping-controller.ts
+var mt = class {
+	constructor(e, t, n = void 0) {
+		this._rootElement = null, this._onKeyDown = (e) => {
+			if (e.defaultPrevented || e.key !== "Tab" || e.ctrlKey || e.altKey || e.metaKey || !this._appliesCallback() || this._rootElement == null) return;
+			let t = Array.from(this._rootElement.querySelectorAll("a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])"));
+			if (t.length === 0) return;
+			let n = t[0], r = t[t.length - 1], i = this._host.shadowRoot;
+			i ??= this._host.getRootNode(), i ??= document, e.shiftKey ? i.activeElement === n && (r.focus(), e.preventDefault()) : i.activeElement === r && (n.focus(), e.preventDefault());
+		}, this._host = e, this._appliesCallback = t, this._rootSelector = n, e.addController(this);
+	}
+	hostConnected() {
+		this._rootSelector ? this._rootElement = this._host.renderRoot.querySelector(this._rootSelector) : this._rootElement = this._host.renderRoot, this._rootElement != null && this._rootElement.addEventListener("keydown", this._onKeyDown);
+	}
+	hostDisconnected() {
+		this._rootElement != null && this._rootElement.removeEventListener("keydown", this._onKeyDown);
+	}
+	hostUpdated() {
+		this._rootElement == null && this._rootSelector && (this._rootElement = this._host.renderRoot.querySelector(this._rootSelector), this._rootElement != null && this._rootElement.addEventListener("keydown", this._onKeyDown));
+	}
+}, ht = {
 	profile: et,
 	logout: tt
-}, ht = () => ({
-	profile: x("My profile"),
-	logout: x("Log out")
+}, gt = () => ({
+	profile: b("My profile"),
+	logout: b("Log out")
 }), z = class extends e {
 	createRenderRoot() {
 		return this;
@@ -781,18 +795,18 @@ var mt = {
 	get _items() {
 		return [{
 			id: "profile",
-			label: ht().profile,
+			label: gt().profile,
 			url: this.myProfileUrl
 		}, {
 			id: "logout",
-			label: ht().logout,
+			label: gt().logout,
 			url: "/logout"
 		}];
 	}
 	constructor() {
 		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;
-		});
+		}), new mt(this, () => this.expanded);
 	}
 	willUpdate(e) {
 		(e.has("user") || e.has("profilePictureBaseUrl")) && (this._avatarFailed = !1);
@@ -841,7 +855,7 @@ var mt = {
         ${this._items.map((e) => {
 			let t = n`
             <span class="ga-side-navigation__footer-dropdown-icon">
-                ${M(mt[e.id], 16)}
+                ${M(ht[e.id], 16)}
               </span>
             <span class="ga-side-navigation__footer-dropdown-title">
                 ${e.label}
@@ -904,10 +918,10 @@ var mt = {
 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
-})], z.prototype, "expanded", void 0), P([l()], z.prototype, "_avatarFailed", void 0), z = P([S(), o("vsn-footer")], z);
+})], 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 gt = class {
+var _t = class {
 	constructor(e) {
 		this.onSwitcherKeydown = (e) => {
 			if (!e.defaultPrevented) {
@@ -945,28 +959,13 @@ var gt = class {
 				t instanceof HTMLElement && t.classList.contains("ga-side-navigation__switcher-dropdown-item") && (e.preventDefault(), t.click());
 				return;
 			}
-			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,
-					composed: !0
-				}));
-				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;
 			let n = this.getRootNode().activeElement, r = n instanceof HTMLElement ? t.indexOf(n) : -1;
 			if (e.key === "ArrowUp") {
-				if (r <= 0) {
-					this.dispatchEvent(new CustomEvent("focus-switcher", {
-						bubbles: !0,
-						composed: !0
-					}));
-					return;
-				}
-				t[r - 1].focus();
+				r < 0 ? t[0].focus() : r > 0 && t[r - 1].focus();
 				return;
 			}
 			r === -1 ? t[0].focus() : r < t.length - 1 && t[r + 1].focus();
@@ -990,7 +989,7 @@ var gt = 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`
@@ -1012,7 +1011,7 @@ var gt = class {
     `;
 	}
 };
-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([S(), o("vsn-switcher-menu")], B);
+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.ts
 var V = class extends e {
@@ -1060,7 +1059,7 @@ var V = class extends e {
         <button
           type="button"
           class="vsn-search__trigger"
-          aria-label=${x("Search")}
+          aria-label=${b("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
           ${M(at, 24)}
@@ -1085,11 +1084,11 @@ var V = class extends e {
     `;
 	}
 	_spinner() {
-		return n`<span class="vsn-spinner" role="status" aria-label=${x("Searching")}></span>`;
+		return n`<span class="vsn-spinner" role="status" aria-label=${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}>
         ${M(ot, 16)}
       </button>
@@ -1099,7 +1098,7 @@ var V = class extends e {
 		return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
 	}
 };
-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([S(), o("vsn-search")], V);
+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 H = class extends e {
@@ -1107,9 +1106,17 @@ var H = class extends e {
 		return this;
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new gt(this), new dt(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);
-		});
+		}), new mt(this, () => this.expanded, ".vsn-switcher-anchor");
+	}
+	focus() {
+		let e = this.querySelector("vsn-search");
+		if (e) {
+			e.focus();
+			return;
+		}
+		e = this.querySelector(".ga-side-navigation__switcher"), e && e.focus();
 	}
 	render() {
 		let e = this._state;
@@ -1136,9 +1143,7 @@ var H = class extends e {
               .loading=${e.kind === "loading"}
               .maxHeight=${this.moduleSwitcherMaxHeight}
               @item-select=${this._onItemSelect}
-              @close-request=${this._onCloseRequest}
-              @focus-switcher=${this._onFocusSwitcher}
-              @tab-exit=${this._onTabExit}>
+              @close-request=${this._onCloseRequest}>
             </vsn-switcher-menu>`)}
         </div>
 
@@ -1200,20 +1205,14 @@ var H = class extends e {
 			this.querySelector(".ga-side-navigation__switcher")?.focus();
 		}));
 	}
-	_onFocusSwitcher() {
-		this.querySelector(".ga-side-navigation__switcher")?.focus();
-	}
-	_onTabExit() {
-		this.canClose && (this.expanded = !1);
-	}
 };
 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
-})], H.prototype, "expanded", void 0), H = P([S(), o("vsn-header")], H);
+})], 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.keyboard.ts
-var _t = class {
+var vt = class {
 	constructor(e) {
 		this.onResultsKeydown = (e) => {
 			if (e.defaultPrevented || A(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
@@ -1229,7 +1228,7 @@ var _t = class {
 	hostConnected() {}
 }, U = class extends e {
 	constructor(...e) {
-		super(...e), this.loadingMore = !1, this._keyboard = new _t(this);
+		super(...e), this.loadingMore = !1, this._keyboard = new vt(this);
 	}
 	createRenderRoot() {
 		return this;
@@ -1240,10 +1239,10 @@ var _t = class {
 	_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>
     `;
 	}
@@ -1260,7 +1259,7 @@ var _t = class {
       <div class="ga-side-navigation__body h-full ga-scroll"
            @keydown=${this._keyboard.onResultsKeydown}>
         <div class="ga-side-navigation__search-results-title">
-          ${x(t === 1 ? b`${t} result` : b`${t} results`)}
+          ${b(t === 1 ? y`${t} result` : y`${t} results`)}
         </div>
         ${e.map((e) => this._resultRow(e))}
         ${u(this.nextCursor, () => n`
@@ -1304,16 +1303,16 @@ var _t = class {
 		}));
 	}
 };
-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([S(), o("vsn-search-results")], U);
+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.ts
-var vt = [
+var yt = [
 	160,
 	96,
 	144,
 	192,
 	160
-], yt = class extends e {
+], bt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -1322,8 +1321,8 @@ var vt = [
       <div class="ga-side-navigation__body h-full"
            role="status"
            aria-busy="true"
-           aria-label=${x("Loading results")}>
-        ${vt.map((e) => n`
+           aria-label=${b("Loading results")}>
+        ${yt.map((e) => n`
           <div class="vsn-template__row">
             <div class="vsn-template__bar" style="width: ${e}px"></div>
           </div>
@@ -1332,10 +1331,10 @@ var vt = [
     `;
 	}
 };
-yt = P([S(), o("vsn-template")], yt);
+bt = P([x(), o("vsn-template")], bt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
-var bt = class extends e {
+var xt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -1343,23 +1342,23 @@ var bt = class extends e {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
         <div class="vsn-error-state__icon">${M(st, 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__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>
     `;
 	}
 };
-bt = P([S(), o("vsn-error-state")], bt);
+xt = P([x(), o("vsn-error-state")], xt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
-var W, G = class extends e {
+var St, W = class extends e {
 	static {
-		W = this;
+		St = this;
 	}
 	constructor(...e) {
-		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++W._counter}`;
+		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++St._counter}`;
 	}
 	createRenderRoot() {
 		return this;
@@ -1369,7 +1368,7 @@ var W, G = class extends e {
 	}
 	render() {
 		return this.scopes.length <= 1 ? n`` : n`
-      <div class="ga-radio-group" role="radiogroup" aria-label=${x("Search scope")}>
+      <div class="ga-radio-group" role="radiogroup" aria-label=${b("Search scope")}>
         ${this.scopes.map((e) => this._renderScope(e))}
       </div>
     `;
@@ -1398,25 +1397,25 @@ var W, G = class extends e {
 		}));
 	}
 };
-P([s({ attribute: !1 })], G.prototype, "scopes", void 0), P([s()], G.prototype, "selectedScopeId", void 0), G = W = P([S(), o("vsn-search-scopes")], G);
+P([s({ attribute: !1 })], W.prototype, "scopes", void 0), P([s()], W.prototype, "selectedScopeId", void 0), W = St = P([x(), o("vsn-search-scopes")], W);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
-var xt = "en", St = [
+var Ct = "en", wt = [
 	"da",
 	"fi",
 	"nl",
 	"no",
 	"sv"
-], Ct = /* @__PURE__ */ p({ templates: () => wt }), wt = {
+], Tt = /* @__PURE__ */ p({ templates: () => Et }), Et = {
 	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",
@@ -1437,16 +1436,16 @@ var xt = "en", St = [
 	sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Tt = /* @__PURE__ */ p({ templates: () => Et }), Et = {
+}, Dt = /* @__PURE__ */ p({ templates: () => Ot }), Ot = {
 	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",
@@ -1467,16 +1466,16 @@ var xt = "en", St = [
 	sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Dt = /* @__PURE__ */ p({ templates: () => Ot }), Ot = {
+}, kt = /* @__PURE__ */ p({ templates: () => At }), At = {
 	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",
@@ -1497,16 +1496,16 @@ var xt = "en", St = [
 	sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, kt = /* @__PURE__ */ p({ templates: () => At }), At = {
+}, jt = /* @__PURE__ */ p({ templates: () => Mt }), Mt = {
 	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",
@@ -1527,16 +1526,16 @@ var xt = "en", St = [
 	sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, jt = /* @__PURE__ */ p({ templates: () => Mt }), Mt = {
+}, Nt = /* @__PURE__ */ p({ templates: () => Pt }), Pt = {
 	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",
@@ -1557,17 +1556,17 @@ var xt = "en", St = [
 	sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Nt = {
-	da: Ct,
-	fi: Tt,
-	nl: Dt,
-	no: kt,
-	sv: jt
-}, { getLocale: Pt, setLocale: Ft } = je({
-	sourceLocale: xt,
-	targetLocales: St,
-	loadLocale: (e) => Nt[e] ? Promise.resolve(Nt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
-}), It = t`
+}, Ft = {
+	da: Tt,
+	fi: Dt,
+	nl: kt,
+	no: jt,
+	sv: Nt
+}, { getLocale: It, setLocale: Lt } = je({
+	sourceLocale: Ct,
+	targetLocales: wt,
+	loadLocale: (e) => Ft[e] ? Promise.resolve(Ft[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
+}), Rt = t`
   @layer components {
     vsn-footer {
       display: block;
@@ -1608,7 +1607,7 @@ var xt = "en", St = [
       justify-content: center;
     }
   }
-`, Lt = t`
+`, zt = t`
   @layer components {
     .vsn-switcher-anchor {
       position: relative;
@@ -1622,7 +1621,7 @@ var xt = "en", St = [
       z-index: 10;
     }
   }
-`, Rt = t`
+`, Bt = t`
   .vsn-search__trigger,
   .vsn-search__clear {
     display: inline-flex;
@@ -1671,7 +1670,7 @@ var xt = "en", St = [
   .ga-side-navigation__search input::placeholder {
     color: var(--ga-color-text-disable-selected);
   }
-`, zt = t`
+`, Vt = t`
   .vsn-search-results__empty {
     display: flex;
     flex-direction: column;
@@ -1740,7 +1739,7 @@ var xt = "en", St = [
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, Bt = t`
+`, Ht = t`
   @layer components {
     vsn-search-scopes {
       display: block;
@@ -1761,7 +1760,7 @@ var xt = "en", St = [
       text-overflow: ellipsis;
     }
   }
-`, Vt = t`
+`, Ut = t`
   .vsn-template__row {
     display: flex;
     flex-direction: column;
@@ -1776,7 +1775,7 @@ var xt = "en", St = [
     background: var(--ga-color-miscellaneous-skeleton-element, #F2F3F5);
     flex-shrink: 0;
   }
-`, Ht = t`
+`, Wt = t`
   .vsn-error-state {
     display: flex;
     flex-direction: column;
@@ -1815,7 +1814,7 @@ var xt = "en", St = [
     font-weight: 400;
     color: var(--ga-color-text-on-disabled);
   }
-`, Ut = t`
+`, Gt = t`
   .vsn-spinner {
     display: inline-block;
     flex-shrink: 0;
@@ -1835,7 +1834,7 @@ var xt = "en", St = [
   @keyframes vsn-spin {
     to { transform: rotate(360deg); }
   }
-`, Wt = class {
+`, Kt = class {
 	constructor(e, t, n) {
 		this._onHostClick = (e) => {
 			let t = this._host.renderRoot.querySelector(this._clickedSelector);
@@ -1848,14 +1847,14 @@ var xt = "en", St = [
 	hostDisconnected() {
 		this._host.removeEventListener("click", this._onHostClick);
 	}
-}, Gt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Kt = class {
+}, qt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Jt = class {
 	constructor(e) {
 		this.onKeydown = (e) => {
 			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(qt) && n.push(e), n.push(...Array.from(e.querySelectorAll(qt)));
 			if (n.length === 0) return;
 			let r = e.composedPath()[0];
 			if (!(r instanceof HTMLElement)) return;
@@ -1867,24 +1866,38 @@ var xt = "en", St = [
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, K = t`
+}, G = t`
   .ga-scroll {
     scrollbar-color: var(--ga-color-text-disabled) var(--ga-color-surface-page);
     scrollbar-width: thin;
   }
-`, q = class extends e {
+`, Yt = t`
+  @layer components {
+    .ga-side-navigation__item:focus-visible::after {
+      position: absolute;
+      inset: 3px;
+      border-radius: calc(var(--ga-radius) * var(--ga-base-scaling-factor, 1));
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+      border-color: var(--ga-color-border-focus);
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+  }
+`, K = class extends e {
 	static {
 		this.styles = [
 			h,
-			K,
-			Lt,
-			It,
-			Rt,
+			G,
 			zt,
+			Yt,
+			Rt,
 			Bt,
 			Vt,
 			Ht,
 			Ut,
+			Wt,
+			Gt,
 			t`
       :host {
         position: absolute;
@@ -1899,7 +1912,7 @@ var xt = "en", St = [
 		];
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId = "menu", this._searchLoadingMore = !1, this._moduleSwitcherMaxHeight = 0, this._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 Jt(this), this._onNavigate = (e) => {
 			this._searchQuery = "", this._searchResults = void 0, this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
@@ -1916,21 +1929,21 @@ var xt = "en", St = [
 			}));
 		}, 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 Kt(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);
+		}), this._resizeObserver.observe(this), new mt(this, () => this.open);
 	}
 	_observeMenuSize(e) {
 		this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
 	}
 	willUpdate(e) {
-		e.has("lang") && Ft(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") && Lt(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();
+		await this.updateComplete, this.renderRoot.querySelector("vsn-header")?.focus();
 	}
 	_onSearchInput(e) {
 		this._searchQuery = e.detail.value, e.detail.value === "" && this._clearSearchState();
@@ -1969,7 +1982,7 @@ var xt = "en", St = [
 			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() {
@@ -1989,7 +2002,7 @@ var xt = "en", St = [
 			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) {
@@ -2099,15 +2112,15 @@ var xt = "en", St = [
     `;
 	}
 };
-P([s({ attribute: !1 })], q.prototype, "modules", void 0), P([s()], q.prototype, "activeModuleId", void 0), P([s()], q.prototype, "activeModuleLabel", void 0), P([s({ type: Boolean })], q.prototype, "modulesLoading", void 0), P([s()], q.prototype, "lang", void 0), P([s({ attribute: !1 })], q.prototype, "auth", void 0), P([s({ type: Boolean })], q.prototype, "error", void 0), P([s({
+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
-})], q.prototype, "open", void 0), P([s({ attribute: !1 })], q.prototype, "menu", void 0), P([l()], q.prototype, "_searchQuery", void 0), P([l()], q.prototype, "_searchResults", void 0), P([l()], q.prototype, "_searchLoading", void 0), P([l()], q.prototype, "_activeScopeId", void 0), P([l()], q.prototype, "_searchError", void 0), P([l()], q.prototype, "_searchNextCursor", void 0), P([l()], q.prototype, "_searchLoadingMore", void 0), P([l()], q.prototype, "_moduleSwitcherMaxHeight", void 0), q = P([o("vsn-side-bar")], q);
+})], 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 J, Y = class extends e {
+var Xt, q = class extends e {
 	static {
-		J = this;
+		Xt = this;
 	}
 	static {
 		this._idCounter = 0;
@@ -2139,7 +2152,7 @@ var J, Y = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		}, this._tooltipId = `vsn-menu-item-tooltip-${J._idCounter++}`;
+		}, this._tooltipId = `vsn-menu-item-tooltip-${Xt._idCounter++}`;
 	}
 	createRenderRoot() {
 		return this;
@@ -2189,10 +2202,10 @@ var J, Y = class extends e {
 		if (this.tree && _(this.tree)) return this.tree.items.length > 0;
 	}
 };
-P([s({ attribute: !1 })], Y.prototype, "tree", void 0), P([s({ type: Number })], Y.prototype, "level", void 0), P([s({ type: Array })], Y.prototype, "ancestorPath", void 0), P([l()], Y.prototype, "_isExpanded", void 0), P([l()], Y.prototype, "_showTooltip", void 0), P([l()], Y.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__item-label")], Y.prototype, "_labelEl", void 0), Y = J = P([o("vsn-breadcrumb-menu-item")], Y);
+P([s({ attribute: !1 })], q.prototype, "tree", void 0), P([s({ type: Number })], q.prototype, "level", void 0), P([s({ type: Array })], q.prototype, "ancestorPath", void 0), P([l()], q.prototype, "_isExpanded", void 0), P([l()], q.prototype, "_showTooltip", void 0), P([l()], q.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__item-label")], q.prototype, "_labelEl", void 0), q = Xt = P([o("vsn-breadcrumb-menu-item")], q);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
-var qt = class extends e {
+var Zt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2212,10 +2225,10 @@ var qt = class extends e {
     `;
 	}
 };
-P([s({ attribute: !1 })], qt.prototype, "treeList", void 0), qt = P([o("vsn-breadcrumb-menu")], qt);
+P([s({ attribute: !1 })], Zt.prototype, "treeList", void 0), Zt = P([o("vsn-breadcrumb-menu")], Zt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
-var X = class extends e {
+var J = 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);
@@ -2236,7 +2249,7 @@ var X = class extends e {
 	static {
 		this.styles = [
 			h,
-			K,
+			G,
 			t`
       /* Temporary, until breadcrumb styles are updated */
 
@@ -2546,7 +2559,7 @@ var X = 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>
@@ -2560,10 +2573,10 @@ var X = class extends e {
     `;
 	}
 };
-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([S(), o("vsn-breadcrumbs")], X);
+P([s({ attribute: !1 })], J.prototype, "tree", void 0), P([s({ type: Array })], J.prototype, "modules", void 0), P([s()], J.prototype, "activeModuleId", void 0), P([l()], J.prototype, "_openPopoverId", void 0), P([l()], J.prototype, "_displayMode", void 0), P([l()], J.prototype, "_overflowCount", void 0), P([l()], J.prototype, "_tooltip", void 0), J = P([x(), o("vsn-breadcrumbs")], J);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
-var Jt = class extends e {
+var Qt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2577,16 +2590,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}>
+              aria-label=${b("Open AI assistant")} @click=${this._handleClick}>
         <span class="ga-icon">${M(Je)}</span>
       </button>
     `;
 	}
 };
-Jt = P([S(), o("vsn-ai-assistant")], Jt);
+Qt = P([x(), o("vsn-ai-assistant")], Qt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
-var Z = class extends e {
+var Y = 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;
@@ -2626,21 +2639,21 @@ var Z = class extends e {
 	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}>
+                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")}
+      <button type="button" class="ga-button ga-button--secondary" aria-label=${b("Send feedback")}
               @click=${this._handleClick}>
-        ${x("Feedback")}
+        ${b("Feedback")}
       </button>
     `;
 	}
 };
-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([S(), o("vsn-feedback")], Z);
+P([l()], Y.prototype, "_compact", void 0), P([s({ attribute: !1 })], Y.prototype, "feedback", void 0), P([s({ attribute: !1 })], Y.prototype, "auth", void 0), Y = P([x(), o("vsn-feedback")], Y);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
-var Yt = class extends e {
+var $t = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2648,7 +2661,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,
@@ -2657,17 +2670,17 @@ 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")}
+      <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;
 	}
 };
-P([s({ attribute: "landing-page-url" })], Yt.prototype, "landingPageUrl", void 0), Yt = P([S(), o("vsn-home")], Yt);
+P([s({ attribute: "landing-page-url" })], $t.prototype, "landingPageUrl", void 0), $t = P([x(), o("vsn-home")], $t);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
-var Xt = class extends e {
+var en = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2689,7 +2702,7 @@ var Xt = class extends e {
 	}
 	render() {
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Open menu")}
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Open menu")}
               aria-describedby="vsn-menu-toggle-tooltip"
               @click=${this._handleClick}
               @mouseenter=${this._onActivate}
@@ -2704,10 +2717,10 @@ var Xt = class extends e {
     `;
 	}
 };
-P([c("div[role=\"tooltip\"]", !0)], Xt.prototype, "_tooltipElement", void 0), Xt = P([S(), o("vsn-menu-toggle")], Xt);
+P([c("div[role=\"tooltip\"]", !0)], en.prototype, "_tooltipElement", void 0), en = P([x(), o("vsn-menu-toggle")], en);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
-var Zt = class extends e {
+var X = class extends e {
 	constructor(...e) {
 		super(...e), this.notificationActive = !1;
 	}
@@ -2725,7 +2738,7 @@ var Zt = class extends e {
 		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}>
+              aria-label=${b("Notifications")} @click=${this._handleClick}>
         <span class="ga-icon">${M(e)}</span>
       </button>
     `;
@@ -2735,10 +2748,10 @@ P([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], Zt.prototype, "notificationActive", void 0), Zt = P([S(), o("vsn-notifications")], Zt);
+})], X.prototype, "notificationActive", void 0), X = P([x(), o("vsn-notifications")], X);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
-function Qt(e) {
+function tn(e) {
 	try {
 		let t = new URL(e);
 		return t.protocol === "https:" || t.protocol === "http:";
@@ -2746,7 +2759,7 @@ function Qt(e) {
 		return !1;
 	}
 }
-var $t = class extends e {
+var Z = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2758,20 +2771,20 @@ var $t = class extends e {
 		}));
 	}
 	render() {
-		return this.helpUrl && Qt(this.helpUrl) ? n`
+		return this.helpUrl && tn(this.helpUrl) ? n`
         <a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
-           aria-label=${x("Help")}>
+           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")}
+      <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>
     `;
 	}
 };
-P([s({ attribute: "help-url" })], $t.prototype, "helpUrl", void 0), $t = P([S(), o("vsn-help")], $t);
+P([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), Z = P([x(), o("vsn-help")], Z);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-top-bar.ts
 var Q = class extends e {
@@ -2779,7 +2792,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") && Ft(this.lang).catch(console.error);
+		e.has("lang") && Lt(this.lang).catch(console.error);
 	}
 	focusMenuToggle() {
 		this.renderRoot.querySelector("vsn-menu-toggle")?.focus();
@@ -2925,7 +2938,7 @@ var $ = class extends e {
 	static {
 		this.styles = [
 			h,
-			K,
+			G,
 			t`
       :host {
         display: flex;
@@ -3051,4 +3064,4 @@ P([s()], $.prototype, "lang", void 0), P([s({ attribute: !1 })], $.prototype, "t
 	reflect: !0
 })], $.prototype, "open", void 0), P([l()], $.prototype, "_currentItem", void 0), P([l()], $.prototype, "_resolvedModules", void 0), P([l()], $.prototype, "_modulesLoading", void 0), $ = P([o("vsn-navigation")], $);
 //#endregion
-export { v as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };
+export { de as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };