@visma-swno/vsn-navigation 1.2.0-beta.20 → 1.2.0-beta.22

package/dist/assets/vsn-navigation.js

@@ -196,7 +196,7 @@ var v = class e extends Error {
 	constructor(t) {
 		super(t), this.name = "SearchError", Object.setPrototypeOf(this, e.prototype);
 	}
-}, de = ie("activeId"), fe = "lit-localize-status", y = (e, ...t) => ({
+}, de = ie("activeId"), fe = ie(Symbol("focus-manager")), y = "lit-localize-status", b = (e, ...t) => ({
 	strTag: !0,
 	strings: e,
 	values: t
@@ -204,10 +204,10 @@ var v = class e extends Error {
 	let r = e[0];
 	for (let i = 1; i < e.length; i++) r += t[n ? n[i - 1] : i - 1], r += e[i];
 	return r;
-}, he = ((e) => pe(e) ? me(e.strings, e.values) : e), b = he, ge = !1;
+}, he = ((e) => pe(e) ? me(e.strings, e.values) : e), x = he, ge = !1;
 function _e(e) {
 	if (ge) throw Error("lit-localize can only be configured once");
-	b = e, ge = !0;
+	x = e, ge = !0;
 }
 //#endregion
 //#region node_modules/@lit/localize/internal/localized-controller.js
@@ -218,12 +218,12 @@ var ve = class {
 		}, this.host = e;
 	}
 	hostConnected() {
-		window.addEventListener(fe, this.__litLocalizeEventHandler);
+		window.addEventListener(y, this.__litLocalizeEventHandler);
 	}
 	hostDisconnected() {
-		window.removeEventListener(fe, this.__litLocalizeEventHandler);
+		window.removeEventListener(y, this.__litLocalizeEventHandler);
 	}
-}, ye = (e) => e.addController(new ve(e)), x = () => (e, t) => (e.addInitializer(ye), e), be = class {
+}, ye = (e) => e.addController(new ve(e)), S = () => (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,12 +235,12 @@ var ve = class {
 	reject(e) {
 		this.settled = !0, this._reject(e);
 	}
-}, S = [];
-for (let e = 0; e < 256; e++) S[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
+}, C = [];
+for (let e = 0; e < 256; e++) C[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 S[c >> 8] + S[c & 255] + S[o >> 8] + S[o & 255] + S[i >> 8] + S[i & 255] + S[n >> 8] + S[n & 255];
+	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];
 }
 var Se = "h", Ce = "s";
 function we(e, t) {
@@ -272,40 +272,40 @@ function Oe(e) {
 }
 //#endregion
 //#region node_modules/@lit/localize/init/runtime.js
-function C(e) {
-	window.dispatchEvent(new CustomEvent(fe, { detail: e }));
+function w(e) {
+	window.dispatchEvent(new CustomEvent(y, { detail: e }));
 }
-var w = "", T, ke, E, D, Ae, O = new be();
+var T = "", E, ke, D, Ae, je, 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");
+var k = 0, Me = (e) => (_e(((e, t) => De(je, e, t))), T = ke = e.sourceLocale, D = new Set(e.targetLocales), D.add(e.sourceLocale), Ae = e.loadLocale, {
+	getLocale: Ne,
+	setLocale: Pe
+}), Ne = () => T, Pe = (e) => {
+	if (e === (E ?? T)) return O.promise;
+	if (!D || !Ae) throw Error("Internal error");
+	if (!D.has(e)) throw Error("Invalid locale code");
 	k++;
 	let t = k;
-	return T = e, O.settled && (O = new be()), C({
+	return E = e, O.settled && (O = new be()), w({
 		status: "loading",
 		loadingLocale: e
-	}), (e === ke ? Promise.resolve({ templates: void 0 }) : D(e)).then((n) => {
-		k === t && (w = e, T = void 0, Ae = n.templates, C({
+	}), (e === ke ? Promise.resolve({ templates: void 0 }) : Ae(e)).then((n) => {
+		k === t && (T = e, E = void 0, je = n.templates, w({
 			status: "ready",
 			readyLocale: e
 		}), O.resolve());
 	}, (n) => {
-		k === t && (C({
+		k === t && (w({
 			status: "error",
 			errorLocale: e,
 			errorMessage: n.toString()
 		}), O.reject(n));
 	}), O.promise;
-}, Pe = () => {
+}, Fe = () => {
 	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 = () => 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`;
+}, Ie = (e) => !e.shiftKey && !e.altKey && (Fe() ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey), A = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, j = (e) => !A(e), Le = () => x("Choose a service"), Re = () => x("Search"), ze = () => Fe() ? "Cmd+K" : "CTRL+K", Be = (e) => x(b`Type at least ${e} characters to search`), Ve = () => x("Menu items"), He = () => x("Load more"), Ue = () => x("VSN"), We = "survicate-sdk", Ge = "ui-components-feedback", Ke = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
 //#endregion
 //#region src/shared/icons.ts
 function M(e, t = 24, r) {
@@ -323,23 +323,23 @@ function M(e, t = 24, r) {
       class=${r ?? ""}
   >${e}</svg>`;
 }
-var Ke = i``, qe = i`
+var qe = i``, Je = i`
   <path d="M4 5h16"/>
   <path d="M4 12h16"/>
   <path d="M4 19h16"/>
-`, Je = i`
+`, Ye = 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"/>
-`, Ye = i`
+`, Xe = 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"/>
-`, Xe = i`
+`, Ze = 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"/>
-`, Ze = i`
+`, Qe = 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 Qe = i`
+var $e = 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"/>
-`, $e = i`
+`, et = 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"/>
-`, et = i`
+`, tt = 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 tt = i`
+var nt = 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"/>
-`, nt = i`
+`, rt = 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 rt = i`
+var it = i`
   <path d="m7 15 5 5 5-5"/>
   <path d="m7 9 5-5 5 5"/>
-`, it = i`
-  <path d="m18 15-6-6-6 6"/>
 `, at = i`
+  <path d="m18 15-6-6-6 6"/>
+`, N = i`
   <path d="m6 9 6 6 6-6"/>
 `, ot = i`
   <circle cx="11" cy="11" r="8"/>
@@ -417,7 +417,7 @@ var lt = i`
 `;
 //#endregion
 //#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
-function N(e, t, n, r) {
+function P(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -425,13 +425,23 @@ function N(e, t, n, r) {
 }
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-item.ts
-var P, F = class extends e {
+var F, I = class extends e {
 	static {
-		P = this;
+		F = this;
 	}
 	static {
 		this._idCounter = 0;
 	}
+	static {
+		this.menuShortcuts = [
+			"ArrowRight",
+			"ArrowLeft",
+			"ArrowUp",
+			"ArrowDown",
+			"Enter",
+			" "
+		];
+	}
 	createRenderRoot() {
 		return this;
 	}
@@ -449,7 +459,23 @@ var P, F = class extends e {
 			}
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
-		}, this._tooltipId = `vsn-side-menu-item-tooltip-${P._idCounter++}`;
+		}, this._onKeyDown = (e) => {
+			let t = this.tree;
+			if (t !== void 0 && !(e.defaultPrevented || A(e))) {
+				if (F.menuShortcuts.includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "ArrowUp") {
+					this._focusManager?.focusPrev(this);
+					return;
+				}
+				if (e.key === "ArrowDown") {
+					this._focusManager?.focusNext(this);
+					return;
+				}
+				_(t) ? this.handleKeyForParent(e.key) : this.handleKeyForLeaf(e.key);
+			}
+		}, this._tooltipId = `vsn-side-menu-item-tooltip-${F._idCounter++}`;
+	}
+	focusSelf() {
+		this.querySelector("a.ga-side-navigation__item, div.ga-side-navigation__item[tabindex=\"0\"]")?.focus();
 	}
 	willUpdate(e) {
 		let t = this.tree;
@@ -474,20 +500,46 @@ 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 ? M(at, 16) : M(lt, 16) : ""}
+			  ${e ? this._isExpanded ? M(N, 16) : M(lt, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${this.tree?.label}</div>
       </div>
     `;
 		return e ? n`
-        <div class="${f(r)}" aria-describedby="${this._tooltipId}" data-qa-id="${ee(t)}"
+        <div class="${f(r)}" tabindex="0" aria-describedby="${this._tooltipId}" data-qa-id="${ee(t)}"
              @click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
-             @mouseleave=${this._onItemMouseLeave}>${i}
+             @mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}
         </div>` : n`<a class="${f(r)}" aria-describedby="${this._tooltipId}"
                    href="${this.tree && g(this.tree) ? this.tree.url : ""}" data-qa-id="${ee(t)}"
                    @click=${this._handleItemClick} @mouseenter=${this._onItemMouseEnter}
-                   @mouseleave=${this._onItemMouseLeave}>${i}</a>`;
+                   @mouseleave=${this._onItemMouseLeave} @keydown=${this._onKeyDown}>${i}</a>`;
+	}
+	handleKeyForLeaf(e) {
+		switch (e) {
+			case " ":
+			case "Enter":
+				this._isActive || this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
+					bubbles: !0,
+					composed: !0,
+					detail: this.tree
+				}));
+				break;
+		}
+	}
+	handleKeyForParent(e) {
+		switch (e) {
+			case " ":
+			case "Enter":
+				this._isExpanded = !this._isExpanded;
+				break;
+			case "ArrowRight":
+				this._isExpanded = !0;
+				break;
+			case "ArrowLeft":
+				this._isExpanded = !1;
+				break;
+		}
 	}
 	menuItem(e, t) {
 		return n`
@@ -503,30 +555,37 @@ var P, F = class extends e {
 	}
 	_handleItemClick(e) {
 		let t = this.tree;
-		if (t === void 0) return;
-		if (_(t)) {
-			this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
-			return;
+		if (t !== void 0) {
+			if (_(t)) {
+				this._isExpanded = !this._isExpanded, e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			e.button !== 0 || A(e) || (e.preventDefault(), e.stopPropagation(), this._isActive || this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
+				bubbles: !0,
+				composed: !0,
+				detail: t
+			})));
 		}
-		if (e.button !== 0 || A(e)) return;
-		e.preventDefault(), e.stopPropagation();
-		let n = new CustomEvent("vsn-menu-item-changed", {
-			bubbles: !0,
-			composed: !0,
-			detail: t
-		});
-		this.dispatchEvent(n);
 	}
 };
-N([s({ attribute: !1 })], F.prototype, "tree", void 0), N([s({ type: Number })], F.prototype, "level", void 0), N([ue({
+P([s({ attribute: !1 })], I.prototype, "tree", void 0), P([s({ type: Number })], I.prototype, "level", void 0), P([ue({
 	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);
+}), l()], I.prototype, "_currentActiveId", void 0), P([l()], I.prototype, "_isActive", void 0), P([l()], I.prototype, "_isExpanded", void 0), P([l()], I.prototype, "_showTooltip", void 0), P([l()], I.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__item-label")], I.prototype, "_labelEl", void 0), P([ue({ context: fe })], I.prototype, "_focusManager", void 0), I = F = P([o("vsn-menu-item")], I);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
-var I = class extends e {
+var L = class extends e {
 	constructor(...e) {
-		super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "";
+		super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "", this._focusManager = {
+			focusPrev: (e) => {
+				let t = Array.from(this.querySelectorAll("vsn-menu-item"));
+				t[t.indexOf(e) - 1]?.focusSelf();
+			},
+			focusNext: (e) => {
+				let t = Array.from(this.querySelectorAll("vsn-menu-item"));
+				t[t.indexOf(e) + 1]?.focusSelf();
+			}
+		};
 	}
 	createRenderRoot() {
 		return this;
@@ -551,10 +610,10 @@ 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: de }), l()], I.prototype, "_currentActiveId", void 0), N([s()], I.prototype, "currentItem", void 0), I = N([o("vsn-menu")], I);
+P([s({ attribute: !1 })], L.prototype, "items", void 0), P([le({ context: de }), l()], L.prototype, "_currentActiveId", void 0), P([s()], L.prototype, "currentItem", void 0), P([le({ context: fe })], L.prototype, "_focusManager", void 0), L = P([o("vsn-menu")], L);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
-var L = class extends e {
+var R = class extends e {
 	constructor(...e) {
 		super(...e), this.label = "", this.closeOnClick = !1, this._onKeydown = (e) => {
 			e.defaultPrevented || j(e) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.click());
@@ -667,10 +726,10 @@ var L = class extends e {
     `;
 	}
 };
-N([s()], L.prototype, "label", void 0), N([s({
+P([s()], R.prototype, "label", void 0), P([s({
 	type: Boolean,
 	attribute: "close-on-click"
-})], L.prototype, "closeOnClick", void 0), L = N([o("vsn-menu-button")], L);
+})], R.prototype, "closeOnClick", void 0), R = P([o("vsn-menu-button")], R);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-separator.ts
 var ut = class extends e {
@@ -697,7 +756,7 @@ var ut = class extends e {
 		return n`<div class="line"></div>`;
 	}
 };
-ut = N([o("vsn-menu-separator")], ut);
+ut = P([o("vsn-menu-separator")], ut);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-footer/vsn-footer.keyboard.ts
 var dt = class {
@@ -758,7 +817,7 @@ function mt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/controllers/focus-trapping-controller.ts
-var R = class {
+var z = class {
 	constructor(e, t, n = void 0) {
 		this._rootElement = null, this._onKeyDown = (e) => {
 			if (e.defaultPrevented || e.key !== "Tab" || e.ctrlKey || e.altKey || e.metaKey || !this._appliesCallback() || this._rootElement == null) return;
@@ -778,12 +837,12 @@ 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: et,
-	logout: tt
+	profile: tt,
+	logout: nt
 }, gt = () => ({
-	profile: b("My profile"),
-	logout: b("Log out")
-}), z = class extends e {
+	profile: x("My profile"),
+	logout: x("Log out")
+}), B = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -801,7 +860,7 @@ var R = class {
 	constructor() {
 		super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new dt(this), new ft(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
 			this.expanded = !1;
-		}), new R(this, () => this.expanded);
+		}), new z(this, () => this.expanded);
 	}
 	willUpdate(e) {
 		(e.has("user") || e.has("profilePictureBaseUrl")) && (this._avatarFailed = !1);
@@ -836,7 +895,7 @@ var R = class {
           </div>
 
           <span class="ga-side-navigation__user-action">
-              ${this.expanded ? M(it, 16) : M(rt, 16)}
+              ${this.expanded ? M(at, 16) : M(it, 16)}
             </span>
 
         </div>
@@ -857,7 +916,7 @@ var R = class {
               </span>
             ${e.external ? n`
               <span class="ga-side-navigation__footer-dropdown-trail">
-                  ${M(nt, 16)}
+                  ${M(rt, 16)}
                 </span>
             ` : r}
           `;
@@ -906,14 +965,14 @@ var R = class {
         @error=${() => {
 			this._avatarFailed = !0;
 		}}/>` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
-      ${M(et, 24)}
+      ${M(tt, 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({
+P([s({ attribute: !1 })], B.prototype, "user", void 0), P([s()], B.prototype, "profilePictureBaseUrl", void 0), P([s()], B.prototype, "myProfileUrl", void 0), P([s({
 	type: Boolean,
 	reflect: !0
-})], z.prototype, "expanded", void 0), N([l()], z.prototype, "_avatarFailed", void 0), z = N([x(), o("vsn-footer")], z);
+})], B.prototype, "expanded", void 0), P([l()], B.prototype, "_avatarFailed", void 0), B = P([S(), o("vsn-footer")], B);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
 var _t = class {
@@ -923,7 +982,7 @@ var _t = class {
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, B = class extends e {
+}, V = class extends e {
 	constructor(...e) {
 		super(...e), this.items = [], this.loading = !1, this.maxHeight = 0, this._handleKeydown = (e) => {
 			if (e.defaultPrevented) return;
@@ -958,16 +1017,16 @@ var _t = class {
         <div class="ga-side-navigation__switcher-dropdown vsn-switcher-dropdown--loading"
              role="status"
              aria-busy="true"
-             aria-label=${b("Loading modules")}>
+             aria-label=${x("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=${Ie()}
+           aria-label=${Le()}
            @keydown=${this._handleKeydown}>
-        <span class="ga-side-navigation__switcher-dropdown-header">${Ie()}</span>
+        <span class="ga-side-navigation__switcher-dropdown-header">${Le()}</span>
         ${this.items.map((e) => n`
           <a class="ga-side-navigation__switcher-dropdown-item"
              href=${e.url ?? ""}
@@ -980,10 +1039,10 @@ 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([x(), o("vsn-switcher-menu")], B);
+P([s({ attribute: !1 })], V.prototype, "items", void 0), P([s({ type: Boolean })], V.prototype, "loading", void 0), P([s({ attribute: !1 })], V.prototype, "maxHeight", void 0), V = P([S(), o("vsn-switcher-menu")], V);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search/vsn-search.ts
-var V = class extends e {
+var H = class extends e {
 	constructor(...e) {
 		super(...e), this.shortcut = "", this.value = "", this.loading = !1, this._scheduleAutoSearch = () => {
 			this._cancelDebounce(), this._debounceTimer = window.setTimeout(this._emitSearch, 200);
@@ -1035,20 +1094,20 @@ var V = class extends e {
         <button
           type="button"
           class="vsn-search__trigger"
-          aria-label=${b("Search")}
+          aria-label=${x("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
           ${M(ot, 24)}
         </button>
         <input type="search"
-               .placeholder=${Le()}
+               .placeholder=${Re()}
                .value=${this.value}
                @input=${this._handleInput}
                @keydown=${this._handleEnter}/>
         ${this._trailingSlot()}
       </div>
       ${u(e, () => n`
-        <div class="vsn-search__helper">${ze(3)}</div>`)}
+        <div class="vsn-search__helper">${Be(3)}</div>`)}
     `;
 	}
 	_trailingSlot() {
@@ -1060,11 +1119,11 @@ var V = class extends e {
     `;
 	}
 	_spinner() {
-		return n`<span class="vsn-spinner" role="status" aria-label=${b("Searching")}></span>`;
+		return n`<span class="vsn-spinner" role="status" aria-label=${x("Searching")}></span>`;
 	}
 	_clearButton() {
 		return n`
-      <button class="vsn-search__clear" aria-label=${b("Clear search")}
+      <button class="vsn-search__clear" aria-label=${x("Clear search")}
               @click=${this._emitSearchCleared}>
         ${M(st, 16)}
       </button>
@@ -1074,17 +1133,17 @@ 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([x(), o("vsn-search")], V);
+P([s()], H.prototype, "shortcut", void 0), P([s()], H.prototype, "value", void 0), P([s({ type: Boolean })], H.prototype, "loading", void 0), H = P([S(), o("vsn-search")], H);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.ts
-var H = class extends e {
+var U = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	constructor() {
 		super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new _t(this), new ft(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
 			this.canClose && (this.expanded = !1);
-		}), new R(this, () => this.expanded, ".vsn-switcher-anchor");
+		}), new z(this, () => this.expanded, ".vsn-switcher-anchor");
 	}
 	focus() {
 		let e = this.querySelector("vsn-search");
@@ -1109,7 +1168,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 ? M(at, 16) : M(rt, 16) : M(Ke, 16)}
+                ${this.canClose ? this.expanded ? M(N, 16) : M(it, 16) : M(qe, 16)}
             </span>
           </div>
 
@@ -1124,7 +1183,7 @@ var H = class extends e {
 
         ${u(this.search?.enabled, () => n`
           <vsn-search
-            .shortcut=${Re()}
+            .shortcut=${ze()}
             .value=${this.searchValue}
             .loading=${this.searchLoading}>
           </vsn-search>`)}
@@ -1134,7 +1193,7 @@ var H = class extends e {
 	get _state() {
 		if (this.modulesLoading) return {
 			kind: "loading",
-			title: this.activeModuleLabel || He()
+			title: this.activeModuleLabel || Ue()
 		};
 		let e = this.modules.find((e) => e.id === this.activeModuleId);
 		return e ? {
@@ -1143,7 +1202,7 @@ var H = class extends e {
 			available: this.modules.filter((t) => t.id !== e.id)
 		} : {
 			kind: "no-active",
-			title: He(),
+			title: Ue(),
 			available: this.modules
 		};
 	}
@@ -1181,10 +1240,10 @@ var H = class extends e {
 		}), !0);
 	}
 };
-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({
+P([s({ attribute: !1 })], U.prototype, "modules", void 0), P([s()], U.prototype, "activeModuleId", void 0), P([s()], U.prototype, "activeModuleLabel", void 0), P([s({ type: Boolean })], U.prototype, "modulesLoading", void 0), P([s({ type: Boolean })], U.prototype, "hasMenu", void 0), P([s({ attribute: !1 })], U.prototype, "moduleSwitcherMaxHeight", void 0), P([s({ attribute: !1 })], U.prototype, "search", void 0), P([s()], U.prototype, "searchValue", void 0), P([s({ type: Boolean })], U.prototype, "searchLoading", void 0), P([s({
 	type: Boolean,
 	reflect: !0
-})], H.prototype, "expanded", void 0), H = N([x(), o("vsn-header")], H);
+})], U.prototype, "expanded", void 0), U = P([S(), o("vsn-header")], U);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.keyboard.ts
 var vt = class {
@@ -1201,9 +1260,9 @@ var vt = class {
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, U, W = class extends e {
+}, yt, W = class extends e {
 	static {
-		U = this;
+		yt = this;
 	}
 	createRenderRoot() {
 		return this;
@@ -1225,7 +1284,7 @@ var vt = class {
 			}
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
-		}, this._tooltipId = `vsn-search-result-item-tooltip-${U._idCounter++}`;
+		}, this._tooltipId = `vsn-search-result-item-tooltip-${yt._idCounter++}`;
 	}
 	render() {
 		let e = this.item;
@@ -1259,7 +1318,7 @@ var vt = class {
 		}));
 	}
 };
-N([s({ attribute: !1 })], W.prototype, "item", void 0), N([l()], W.prototype, "_showTooltip", void 0), N([l()], W.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__search-results-item-label")], W.prototype, "_labelEl", void 0), W = U = N([o("vsn-search-result-item")], W);
+P([s({ attribute: !1 })], W.prototype, "item", void 0), P([l()], W.prototype, "_showTooltip", void 0), P([l()], W.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__search-results-item-label")], W.prototype, "_labelEl", void 0), W = yt = P([o("vsn-search-result-item")], W);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.ts
 var G = class extends e {
@@ -1275,10 +1334,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">${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 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>
     `;
 	}
@@ -1295,7 +1354,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">
-          ${b(t === 1 ? y`${t} result` : y`${t} results`)}
+          ${x(t === 1 ? b`${t} result` : b`${t} results`)}
         </div>
         ${e.map((e) => n`
           <vsn-search-result-item .item=${e}></vsn-search-result-item>
@@ -1306,7 +1365,7 @@ var G = class extends e {
             class="vsn-search-results__load-more"
             ?disabled=${this.loadingMore}
             @click=${this._onLoadMore}>
-            ${Ve()}
+            ${He()}
           </button>
         `)}
       </div>
@@ -1319,16 +1378,16 @@ 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([x(), o("vsn-search-results")], G);
+P([s({ attribute: !1 })], G.prototype, "results", void 0), P([s()], G.prototype, "errorMessage", void 0), P([s()], G.prototype, "nextCursor", void 0), P([s({ type: Boolean })], G.prototype, "loadingMore", void 0), G = P([S(), o("vsn-search-results")], G);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-template/vsn-template.ts
-var yt = [
+var bt = [
 	160,
 	96,
 	144,
 	192,
 	160
-], bt = class extends e {
+], xt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -1337,8 +1396,8 @@ var yt = [
       <div class="ga-side-navigation__body h-full"
            role="status"
            aria-busy="true"
-           aria-label=${b("Loading results")}>
-        ${yt.map((e) => n`
+           aria-label=${x("Loading results")}>
+        ${bt.map((e) => n`
           <div class="vsn-template__row">
             <div class="vsn-template__bar" style="width: ${e}px"></div>
           </div>
@@ -1347,10 +1406,10 @@ var yt = [
     `;
 	}
 };
-bt = N([x(), o("vsn-template")], bt);
+xt = P([S(), o("vsn-template")], xt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
-var xt = class extends e {
+var St = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -1358,23 +1417,23 @@ var xt = class extends e {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
         <div class="vsn-error-state__icon">${M(ct, 24)}</div>
-        <div class="vsn-error-state__title">${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 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>
     `;
 	}
 };
-xt = N([x(), o("vsn-error-state")], xt);
+St = P([S(), o("vsn-error-state")], St);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
-var K, q = class extends e {
+var Ct, K = class extends e {
 	static {
-		K = this;
+		Ct = this;
 	}
 	constructor(...e) {
-		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++K._counter}`;
+		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++Ct._counter}`;
 	}
 	createRenderRoot() {
 		return this;
@@ -1384,7 +1443,7 @@ var K, q = class extends e {
 	}
 	render() {
 		return this.scopes.length <= 1 ? n`` : n`
-      <div class="ga-radio-group" role="radiogroup" aria-label=${b("Search scope")}>
+      <div class="ga-radio-group" role="radiogroup" aria-label=${x("Search scope")}>
         ${this.scopes.map((e) => this._renderScope(e))}
       </div>
     `;
@@ -1413,25 +1472,25 @@ 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([x(), o("vsn-search-scopes")], q);
+P([s({ attribute: !1 })], K.prototype, "scopes", void 0), P([s()], K.prototype, "selectedScopeId", void 0), K = Ct = P([S(), o("vsn-search-scopes")], K);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
-var St = "en", Ct = [
+var wt = "en", Tt = [
 	"da",
 	"fi",
 	"nl",
 	"no",
 	"sv"
-], wt = /* @__PURE__ */ p({ templates: () => Tt }), Tt = {
+], Et = /* @__PURE__ */ p({ templates: () => Dt }), Dt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Har du brug for hjælp? Kontakt support.",
-	s1228605ee65ddefa: y`${0} resultat`,
-	s2bb33291ef8ae3d4: y`Indtast mindst ${0} tegn for at søge`,
+	s1228605ee65ddefa: b`${0} resultat`,
+	s2bb33291ef8ae3d4: b`Indtast mindst ${0} tegn for at søge`,
 	s2be8f715fbd00dcb: "Vi fandt ingen matchende resultater.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Indlæsningsfejl",
 	s352719d86112de9a: "Hjælp",
-	s387a4a41718122cb: y`${0} resultater`,
+	s387a4a41718122cb: b`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet fortsætter, genindlæs siden eller kontakt support.",
 	s4b0c6b66b4efd7d8: "Vælg en tjeneste",
 	s5be3c6d61cd9182f: "Notifikationer",
@@ -1452,16 +1511,16 @@ var St = "en", Ct = [
 	sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Et = /* @__PURE__ */ p({ templates: () => Dt }), Dt = {
+}, Ot = /* @__PURE__ */ p({ templates: () => kt }), kt = {
 	s09a45db408570a7a: "Oma profiili",
 	s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
-	s1228605ee65ddefa: y`${0} tulos`,
-	s2bb33291ef8ae3d4: y`Kirjoita vähintään ${0} merkkiä hakua varten`,
+	s1228605ee65ddefa: b`${0} tulos`,
+	s2bb33291ef8ae3d4: b`Kirjoita vähintään ${0} merkkiä hakua varten`,
 	s2be8f715fbd00dcb: "Emme löytäneet osumia.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Latausvirhe",
 	s352719d86112de9a: "Ohje",
-	s387a4a41718122cb: y`${0} tulosta`,
+	s387a4a41718122cb: b`${0} tulosta`,
 	s3fb7db4771812f0c: "Jos ongelma jatkuu, lataa sivu uudelleen tai ota yhteyttä tukeen.",
 	s4b0c6b66b4efd7d8: "Valitse palvelu",
 	s5be3c6d61cd9182f: "Ilmoitukset",
@@ -1482,16 +1541,16 @@ var St = "en", Ct = [
 	sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Ot = /* @__PURE__ */ p({ templates: () => kt }), kt = {
+}, At = /* @__PURE__ */ p({ templates: () => jt }), jt = {
 	s09a45db408570a7a: "Mijn profiel",
 	s119f9875b7d4cdfc: "Hulp nodig? Neem contact op met ondersteuning.",
-	s1228605ee65ddefa: y`${0} resultaat`,
-	s2bb33291ef8ae3d4: y`Typ minimaal ${0} tekens om te zoeken`,
+	s1228605ee65ddefa: b`${0} resultaat`,
+	s2bb33291ef8ae3d4: b`Typ minimaal ${0} tekens om te zoeken`,
 	s2be8f715fbd00dcb: "We konden geen overeenkomsten vinden.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Laadingsfout",
 	s352719d86112de9a: "Hulp",
-	s387a4a41718122cb: y`${0} resultaten`,
+	s387a4a41718122cb: b`${0} resultaten`,
 	s3fb7db4771812f0c: "Als het probleem aanhoudt, laad de pagina opnieuw of neem contact op met ondersteuning.",
 	s4b0c6b66b4efd7d8: "Kies een service",
 	s5be3c6d61cd9182f: "Meldingen",
@@ -1512,16 +1571,16 @@ var St = "en", Ct = [
 	sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, At = /* @__PURE__ */ p({ templates: () => jt }), jt = {
+}, Mt = /* @__PURE__ */ p({ templates: () => Nt }), Nt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Trenger du hjelp? Kontakt støtte.",
-	s1228605ee65ddefa: y`${0} resultat`,
-	s2bb33291ef8ae3d4: y`Skriv inn minst ${0} tegn for å søke`,
+	s1228605ee65ddefa: b`${0} resultat`,
+	s2bb33291ef8ae3d4: b`Skriv inn minst ${0} tegn for å søke`,
 	s2be8f715fbd00dcb: "Vi fant ingen treff.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Lastingsfeil",
 	s352719d86112de9a: "Hjelp",
-	s387a4a41718122cb: y`${0} resultater`,
+	s387a4a41718122cb: b`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet vedvarer, last inn siden på nytt eller kontakt støtte.",
 	s4b0c6b66b4efd7d8: "Velg en tjeneste",
 	s5be3c6d61cd9182f: "Varsler",
@@ -1542,16 +1601,16 @@ var St = "en", Ct = [
 	sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Mt = /* @__PURE__ */ p({ templates: () => Nt }), Nt = {
+}, Pt = /* @__PURE__ */ p({ templates: () => Ft }), Ft = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Behöver du hjälp? Kontakta support.",
-	s1228605ee65ddefa: y`${0} resultat`,
-	s2bb33291ef8ae3d4: y`Skriv minst ${0} tecken för att söka`,
+	s1228605ee65ddefa: b`${0} resultat`,
+	s2bb33291ef8ae3d4: b`Skriv minst ${0} tecken för att söka`,
 	s2be8f715fbd00dcb: "Vi hittade inga matchningar.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Laddningsfel",
 	s352719d86112de9a: "Hjälp",
-	s387a4a41718122cb: y`${0} resultat`,
+	s387a4a41718122cb: b`${0} resultat`,
 	s3fb7db4771812f0c: "Om problemet kvarstår, ladda om sidan eller kontakta support.",
 	s4b0c6b66b4efd7d8: "Välj en tjänst",
 	s5be3c6d61cd9182f: "Aviseringar",
@@ -1572,17 +1631,17 @@ var St = "en", Ct = [
 	sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Pt = {
-	da: wt,
-	fi: Et,
-	nl: Ot,
-	no: At,
-	sv: Mt
-}, { getLocale: Ft, setLocale: It } = je({
-	sourceLocale: St,
-	targetLocales: Ct,
-	loadLocale: (e) => Pt[e] ? Promise.resolve(Pt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
-}), Lt = t`
+}, It = {
+	da: Et,
+	fi: Ot,
+	nl: At,
+	no: Mt,
+	sv: Pt
+}, { getLocale: Lt, setLocale: Rt } = Me({
+	sourceLocale: wt,
+	targetLocales: Tt,
+	loadLocale: (e) => It[e] ? Promise.resolve(It[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
+}), zt = t`
   @layer components {
     vsn-footer {
       display: block;
@@ -1623,7 +1682,7 @@ var St = "en", Ct = [
       justify-content: center;
     }
   }
-`, Rt = t`
+`, Bt = t`
   @layer components {
     .vsn-switcher-anchor {
       position: relative;
@@ -1637,7 +1696,7 @@ var St = "en", Ct = [
       z-index: 10;
     }
   }
-`, zt = t`
+`, Vt = t`
   .vsn-search__trigger,
   .vsn-search__clear {
     display: inline-flex;
@@ -1686,7 +1745,7 @@ var St = "en", Ct = [
   .ga-side-navigation__search input::placeholder {
     color: var(--ga-color-text-disable-selected);
   }
-`, Bt = t`
+`, Ht = t`
   .vsn-search-results__empty {
     display: flex;
     flex-direction: column;
@@ -1755,7 +1814,7 @@ var St = "en", Ct = [
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, Vt = t`
+`, Ut = t`
   @layer components {
     vsn-search-scopes {
       display: block;
@@ -1776,7 +1835,7 @@ var St = "en", Ct = [
       text-overflow: ellipsis;
     }
   }
-`, Ht = t`
+`, Wt = t`
   .vsn-template__row {
     display: flex;
     flex-direction: column;
@@ -1791,7 +1850,7 @@ var St = "en", Ct = [
     background: var(--ga-color-miscellaneous-skeleton-element, #F2F3F5);
     flex-shrink: 0;
   }
-`, Ut = t`
+`, Gt = t`
   .vsn-error-state {
     display: flex;
     flex-direction: column;
@@ -1830,7 +1889,7 @@ var St = "en", Ct = [
     font-weight: 400;
     color: var(--ga-color-text-on-disabled);
   }
-`, Wt = t`
+`, Kt = t`
   .vsn-spinner {
     display: inline-block;
     flex-shrink: 0;
@@ -1850,7 +1909,7 @@ var St = "en", Ct = [
   @keyframes vsn-spin {
     to { transform: rotate(360deg); }
   }
-`, Gt = class {
+`, qt = class {
 	constructor(e, t, n) {
 		this._onHostClick = (e) => {
 			let t = this._host.renderRoot.querySelector(this._clickedSelector);
@@ -1863,14 +1922,14 @@ var St = "en", Ct = [
 	hostDisconnected() {
 		this._host.removeEventListener("click", this._onHostClick);
 	}
-}, Kt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", qt = class {
+}, Jt = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", Yt = 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(Kt) && n.push(e), n.push(...Array.from(e.querySelectorAll(Kt)));
+			for (let e of t.assignedElements({ flatten: !0 })) e.matches(Jt) && n.push(e), n.push(...Array.from(e.querySelectorAll(Jt)));
 			if (n.length === 0) return;
 			let r = e.composedPath()[0];
 			if (!(r instanceof HTMLElement)) return;
@@ -1882,12 +1941,12 @@ var St = "en", Ct = [
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, Jt = t`
+}, Xt = t`
   .ga-scroll {
     scrollbar-color: var(--ga-color-text-disabled) var(--ga-color-surface-page);
     scrollbar-width: thin;
   }
-`, Yt = t`
+`, Zt = t`
   @layer components {
     .ga-side-navigation__item:focus-visible::after {
       position: absolute;
@@ -1900,20 +1959,20 @@ var St = "en", Ct = [
       content: var(--tw-content);
     }
   }
-`, J = class extends e {
+`, q = class extends e {
 	static {
 		this.styles = [
 			h,
-			Jt,
-			Rt,
-			Yt,
-			Lt,
-			zt,
+			Xt,
 			Bt,
+			Zt,
+			zt,
 			Vt,
 			Ht,
 			Ut,
 			Wt,
+			Gt,
+			Kt,
 			t`
       :host {
         position: absolute;
@@ -1928,7 +1987,7 @@ var St = "en", Ct = [
 		];
 	}
 	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 qt(this), this._customWidthPerLanguage = { fi: "30em" }, this._onNavigate = (e) => {
+		super(), this.modules = [], this.modulesLoading = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId = "menu", this._searchLoadingMore = !1, this._moduleSwitcherMaxHeight = 0, this._navFooterKeyboard = new Yt(this), this._customWidthPerLanguage = { fi: "30em" }, this._onNavigate = (e) => {
 			this._searchQuery = "", this._searchResults = void 0, this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
@@ -1945,18 +2004,18 @@ var St = "en", Ct = [
 			}));
 		}, this._onScopeChanged = (e) => {
 			this._activeScopeId = e.detail.scopeId, this._runSearch(this._searchQuery, this._activeScopeId), this.focusSearch();
-		}, new Gt(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+		}, new qt(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 			bubbles: !0,
 			composed: !0
 		}))), this._resizeObserver = new ResizeObserver((e) => {
 			this._observeMenuSize(e);
-		}), this._resizeObserver.observe(this), new R(this, () => this.open);
+		}), this._resizeObserver.observe(this), new z(this, () => this.open);
 	}
 	_observeMenuSize(e) {
 		this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
 	}
 	willUpdate(e) {
-		e.has("lang") && It(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") && Rt(this.lang).catch(console.error), e.has("open") && e.get("open") && !this.open && (this._searchQuery = "", this._activeScopeId = "menu", this._clearSearchState(), this.renderRoot.querySelector("vsn-header")?.reset(), this.renderRoot.querySelector("vsn-footer")?.reset());
 	}
 	updated(e) {
 		e.has("open") && this.open && this._scrollActiveItemIntoView(), e.has("menu") && this.open && this.menu?.currentItem && (e.get("menu")?.currentItem || this._scrollActiveItemIntoView());
@@ -2123,7 +2182,7 @@ var St = "en", Ct = [
       <vsn-search-scopes
         .scopes=${[{
 			id: "menu",
-			label: Be()
+			label: Ve()
 		}, ...e.map((e) => ({
 			id: e.id,
 			label: e.label
@@ -2147,15 +2206,15 @@ var St = "en", Ct = [
     `;
 	}
 };
-N([s({ attribute: !1 })], J.prototype, "modules", void 0), N([s()], J.prototype, "activeModuleId", void 0), N([s()], J.prototype, "activeModuleLabel", void 0), N([s({ type: Boolean })], J.prototype, "modulesLoading", void 0), N([s()], J.prototype, "lang", void 0), N([s({ attribute: !1 })], J.prototype, "auth", void 0), N([s({ type: Boolean })], J.prototype, "error", void 0), N([s({
+P([s({ attribute: !1 })], q.prototype, "modules", void 0), P([s()], q.prototype, "activeModuleId", void 0), P([s()], q.prototype, "activeModuleLabel", void 0), P([s({ type: Boolean })], q.prototype, "modulesLoading", void 0), P([s()], q.prototype, "lang", void 0), P([s({ attribute: !1 })], q.prototype, "auth", void 0), P([s({ type: Boolean })], q.prototype, "error", void 0), P([s({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "open", void 0), N([s({ attribute: !1 })], J.prototype, "menu", void 0), N([l()], J.prototype, "_searchQuery", void 0), N([l()], J.prototype, "_searchResults", void 0), N([l()], J.prototype, "_searchLoading", void 0), N([l()], J.prototype, "_activeScopeId", void 0), N([l()], J.prototype, "_searchError", void 0), N([l()], J.prototype, "_searchNextCursor", void 0), N([l()], J.prototype, "_searchLoadingMore", void 0), N([l()], J.prototype, "_moduleSwitcherMaxHeight", void 0), J = N([o("vsn-side-bar")], J);
+})], 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);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
-var Xt, Y = class extends e {
+var Qt, J = class extends e {
 	static {
-		Xt = this;
+		Qt = this;
 	}
 	static {
 		this._idCounter = 0;
@@ -2175,23 +2234,23 @@ 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)));
+			e.defaultPrevented || A(e) || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), this._isExpanded = !this._isExpanded) : e.key === "ArrowRight" ? (e.preventDefault(), this._isExpanded = !0) : e.key === "ArrowLeft" && (e.preventDefault(), this._isExpanded = !1));
 		}, this._onClick = (e) => {
 			if (e.defaultPrevented) return;
 			if (this._isParent()) {
 				if (A(e)) return;
-				e.preventDefault(), e.stopPropagation(), this._isExpanded = !this._isExpanded;
+				e.preventDefault(), this._isExpanded = !this._isExpanded;
 				return;
 			}
 			if (!this.tree || e.button !== 0 || A(e)) return;
-			e.preventDefault(), e.stopPropagation();
+			e.preventDefault();
 			let t = [...this.ancestorPath, this.tree];
 			this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-leaf-select", {
 				detail: { path: t },
 				bubbles: !0,
 				composed: !0
 			}));
-		}, this._tooltipId = `vsn-menu-item-tooltip-${Xt._idCounter++}`, new R(this, () => this._isExpanded);
+		}, this._tooltipId = `vsn-menu-item-tooltip-${Qt._idCounter++}`, new z(this, () => this._isExpanded);
 	}
 	createRenderRoot() {
 		return this;
@@ -2217,7 +2276,7 @@ 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 ? M(at, 16) : M(lt, 16) : ""}
+			  ${this._isParent() ? this._isExpanded ? M(N, 16) : M(lt, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${e}</div>
@@ -2241,30 +2300,30 @@ var Xt, Y = class extends e {
 		if (this.tree && _(this.tree)) return this.tree.items.length > 0;
 	}
 };
-N([s({ attribute: !1 })], Y.prototype, "tree", void 0), N([s({ type: Number })], Y.prototype, "level", void 0), N([s({ type: Array })], Y.prototype, "ancestorPath", void 0), N([l()], Y.prototype, "_isExpanded", void 0), N([l()], Y.prototype, "_showTooltip", void 0), N([l()], Y.prototype, "_tooltipPos", void 0), N([c(".ga-side-navigation__item-label")], Y.prototype, "_labelEl", void 0), Y = Xt = N([o("vsn-breadcrumb-menu-item")], Y);
+P([s({ attribute: !1 })], J.prototype, "tree", void 0), P([s({ type: Number })], J.prototype, "level", void 0), P([s({ type: Array })], J.prototype, "ancestorPath", void 0), P([l()], J.prototype, "_isExpanded", void 0), P([l()], J.prototype, "_showTooltip", void 0), P([l()], J.prototype, "_tooltipPos", void 0), P([c(".ga-side-navigation__item-label")], J.prototype, "_labelEl", void 0), J = Qt = P([o("vsn-breadcrumb-menu-item")], J);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
-var Zt = class extends e {
+var $t = 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", {
+				e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-breadcrumb-menu-close", {
 					bubbles: !0,
 					composed: !0
 				}));
 				return;
 			}
 			if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-				e.preventDefault(), e.stopPropagation();
+				e.preventDefault();
 				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);
+			n !== -1 && (e.preventDefault(), e.key === "ArrowDown" ? n < t.length - 1 && t[n + 1].focus() : n > 0 && t[n - 1].focus());
+		}, new z(this, () => !0);
 	}
 	createRenderRoot() {
 		return this;
@@ -2291,12 +2350,12 @@ var Zt = class extends e {
     `;
 	}
 };
-N([s({ attribute: !1 })], Zt.prototype, "treeList", void 0), Zt = N([o("vsn-breadcrumb-menu")], Zt);
+P([s({ attribute: !1 })], $t.prototype, "treeList", void 0), $t = P([o("vsn-breadcrumb-menu")], $t);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
-var X = class extends e {
+var Y = 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 = () => {
+		super(...e), this.modules = [], this.modulesLoading = !1, this._openPopoverId = null, this._displayMode = "full", this._overflowCount = 0, this._tooltip = null, this._mqDesktop = window.matchMedia("(min-width: 1440px)"), this._mqTablet = window.matchMedia("(min-width: 768px) and (max-width: 1439px)"), this._ro = null, this._lastContainerWidth = 0, this._mounted = !1, this._handleMediaChange = () => {
 			this._mqDesktop.matches ? (this._displayMode = "full", this._overflowCount = 0) : this._mqTablet.matches ? (this._displayMode = "overflow", this._overflowCount = 0, this._mounted && this.updateComplete.then(() => this._recalculateOverflow())) : (this._displayMode = "mobile", this._overflowCount = 0);
 		}, this._onBreadcrumbMouseEnter = (e) => {
 			let t = e.currentTarget, n = t.querySelector(".ga-breadcrumb-item__label");
@@ -2315,7 +2374,20 @@ var X = class extends e {
 	static {
 		this.styles = [
 			h,
-			Jt,
+			Xt,
+			Kt,
+			t`
+      .vsn-bc-modules-loading {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: calc(0.75rem * var(--ga-base-scaling-factor, 1));
+        min-width: var(--ga-size-160);
+        border-radius: var(--ga-radius);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);
+        background: var(--ga-color-surface-primary);
+      }
+    `,
 			t`
       /* Temporary, until breadcrumb styles are updated */
 
@@ -2478,10 +2550,36 @@ var X = class extends e {
 		}));
 	}
 	_renderModules() {
-		if (!this.modules?.length) return n``;
+		if (!this.modules?.length && !this.modulesLoading) return n``;
 		let e = this.activeModuleId ? this.modules.filter((e) => e.id !== this.activeModuleId) : this.modules;
-		if (!e.length) return n``;
-		let t = e.map((e) => ({
+		if (!e.length && !this.modulesLoading) return n``;
+		let t = this._breadcrumbPath.length > 0 ? n`<span class="ga-breadcrumb-item__separator" aria-hidden="true">/</span>` : "";
+		if (this.modulesLoading || !e.length) return n`
+        <div class="ga-breadcrumb-item ga-breadcrumb-item--link">
+          <button
+            id="vsn-bc-modules-trigger"
+            class="ga-breadcrumb-item__trigger"
+            type="button"
+            aria-expanded=${this._openPopoverId === "vsn-bc-modules-popover"}
+            aria-haspopup="menu"
+            popovertarget="vsn-bc-modules-popover"
+          >
+            <span class="ga-breadcrumb-item__label">${"VSN"}</span>
+          </button>
+          ${t}
+          <div
+            id="vsn-bc-modules-popover"
+            class="ga-breadcrumb-item__menu"
+            popover="auto"
+            @beforetoggle=${(e) => this._handlePopoverBeforeToggle("vsn-bc-modules-trigger", e)}
+            @toggle=${(e) => this._handlePopoverToggle("vsn-bc-modules-popover", e)}
+          >
+            <div class="vsn-bc-modules-loading" role="status" aria-busy="true">
+              <span class="vsn-spinner"></span>
+            </div>
+          </div>
+        </div>`;
+		let r = e.map((e) => ({
 			id: e.id,
 			label: e.label,
 			url: e.url
@@ -2498,8 +2596,7 @@ var X = class extends e {
         >
           <span class="ga-breadcrumb-item__label">${"VSN"}</span>
         </button>
-        ${this._breadcrumbPath.length > 0 ? n`<span class="ga-breadcrumb-item__separator"
-                                                       aria-hidden="true">/</span>` : ""}
+        ${t}
         <div
           id="vsn-bc-modules-popover"
           class="ga-breadcrumb-item__menu ga-scroll"
@@ -2509,7 +2606,7 @@ var X = class extends e {
           @vsn-breadcrumb-menu-close=${() => this._handleMenuClose("vsn-bc-modules-trigger", "vsn-bc-modules-popover")}
         >
           <vsn-breadcrumb-menu
-            .treeList=${t}
+            .treeList=${r}
             @vsn-breadcrumb-menu-leaf-select=${(e) => {
 			let t = e.detail, n = t.path?.[t.path.length - 1], r = n?.id ? this.modules.find((e) => e.id === n.id) : void 0;
 			r && this._handleModuleSelect(r);
@@ -2648,7 +2745,7 @@ var X = class extends e {
 	}
 	render() {
 		return n`
-      <nav aria-label=${b("Breadcrumb")}>
+      <nav aria-label=${x("Breadcrumb")}>
         <div class="ga-breadcrumb">
           ${this._displayMode === "full" ? this._renderFullBreadcrumbs() : this._displayMode === "overflow" ? this._renderOverflowBreadcrumbs() : this._renderMobileBreadcrumbs()}
         </div>
@@ -2662,10 +2759,10 @@ 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([x(), o("vsn-breadcrumbs")], X);
+P([s({ attribute: !1 })], Y.prototype, "tree", void 0), P([s({ type: Array })], Y.prototype, "modules", void 0), P([s()], Y.prototype, "activeModuleId", void 0), P([s({ type: Boolean })], Y.prototype, "modulesLoading", void 0), P([l()], Y.prototype, "_openPopoverId", void 0), P([l()], Y.prototype, "_displayMode", void 0), P([l()], Y.prototype, "_overflowCount", void 0), P([l()], Y.prototype, "_tooltip", void 0), Y = P([S(), o("vsn-breadcrumbs")], Y);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
-var Qt = class extends e {
+var en = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2679,16 +2776,16 @@ var Qt = class extends e {
 	render() {
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-              aria-label=${b("Open AI assistant")} @click=${this._handleClick}>
-        <span class="ga-icon">${M(Je)}</span>
+              aria-label=${x("Open AI assistant")} @click=${this._handleClick}>
+        <span class="ga-icon">${M(Ye)}</span>
       </button>
     `;
 	}
 };
-Qt = N([x(), o("vsn-ai-assistant")], Qt);
+en = P([S(), o("vsn-ai-assistant")], en);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
-var Z = class extends e {
+var X = class extends e {
 	constructor(...e) {
 		super(...e), this._compact = !1, this.feedback = null, this.lang = "en", this._mqMobile = window.matchMedia("(max-width: 767px)"), this._handleMediaChange = () => {
 			this._compact = this._mqMobile.matches;
@@ -2704,7 +2801,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 = Ue, e.src = Ge(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), document.head.appendChild(e);
+			e.id = We, e.src = Ke(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), document.head.appendChild(e);
 		}
 		if (e.has("auth")) {
 			let t = e.get("auth");
@@ -2725,26 +2822,26 @@ var Z = class extends e {
 		this.dispatchEvent(new CustomEvent("vsn-feedback", {
 			bubbles: !0,
 			composed: !0
-		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(We));
+		})), this.feedback?.surveyId && (this._applyVisitorTraits(), window._sva?.invokeEvent?.(Ge));
 	}
 	render() {
 		return this._compact ? n`
         <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-                aria-label=${b("Send feedback")} @click=${this._handleClick}>
-          <span class="ga-icon">${M(Ze)}</span>
+                aria-label=${x("Send feedback")} @click=${this._handleClick}>
+          <span class="ga-icon">${M(Qe)}</span>
         </button>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary" aria-label=${b("Send feedback")}
+      <button type="button" class="ga-button ga-button--secondary" aria-label=${x("Send feedback")}
               @click=${this._handleClick}>
-        ${b("Feedback")}
+        ${x("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([x(), o("vsn-feedback")], Z);
+P([l()], X.prototype, "_compact", void 0), P([s({ attribute: !1 })], X.prototype, "feedback", void 0), P([s({ attribute: !1 })], X.prototype, "auth", void 0), P([s()], X.prototype, "lang", void 0), X = P([S(), o("vsn-feedback")], X);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
-var $t = class extends e {
+var tn = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2752,7 +2849,7 @@ var $t = class extends e {
 		e.preventDefault(), this.landingPageUrl && this.dispatchEvent(new CustomEvent("vsn-navigate", {
 			detail: {
 				id: "home",
-				label: b("Home"),
+				label: x("Home"),
 				url: this.landingPageUrl
 			},
 			bubbles: !0,
@@ -2761,17 +2858,17 @@ 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=${b("Home")}
+      <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${x("Home")}
          @click=${this._handleClick}>
-        <span class="ga-icon">${M(Qe)}</span>
+        <span class="ga-icon">${M($e)}</span>
       </a>
     ` : r;
 	}
 };
-N([s({ attribute: "landing-page-url" })], $t.prototype, "landingPageUrl", void 0), $t = N([x(), o("vsn-home")], $t);
+P([s({ attribute: "landing-page-url" })], tn.prototype, "landingPageUrl", void 0), tn = P([S(), o("vsn-home")], tn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
-var en = class extends e {
+var nn = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2793,25 +2890,25 @@ var en = class extends e {
 	}
 	render() {
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Open menu")}
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Open menu")}
               aria-describedby="vsn-menu-toggle-tooltip"
               @click=${this._handleClick}
               @mouseenter=${this._onActivate}
               @mouseleave=${this._onDeactivate}>
-        <span class="ga-icon">${M(qe)}</span>
+        <span class="ga-icon">${M(Je)}</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">${Re()}</div>
+        <div class="ga-tooltip ga-tooltip--bottom-start" style="white-space: nowrap">${ze()}</div>
       </div>
     `;
 	}
 };
-N([c("div[role=\"tooltip\"]", !0)], en.prototype, "_tooltipElement", void 0), en = N([x(), o("vsn-menu-toggle")], en);
+P([c("div[role=\"tooltip\"]", !0)], nn.prototype, "_tooltipElement", void 0), nn = P([S(), o("vsn-menu-toggle")], nn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
-var tn = class extends e {
+var rn = class extends e {
 	constructor(...e) {
 		super(...e), this.notificationActive = !1;
 	}
@@ -2826,23 +2923,23 @@ var tn = class extends e {
 		}));
 	}
 	render() {
-		let e = this.notificationActive ? Xe : Ye;
+		let e = this.notificationActive ? Ze : Xe;
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
-              aria-label=${b("Notifications")} @click=${this._handleClick}>
+              aria-label=${x("Notifications")} @click=${this._handleClick}>
         <span class="ga-icon">${M(e)}</span>
       </button>
     `;
 	}
 };
-N([s({
+P([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], tn.prototype, "notificationActive", void 0), tn = N([x(), o("vsn-notifications")], tn);
+})], rn.prototype, "notificationActive", void 0), rn = P([S(), o("vsn-notifications")], rn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
-function nn(e) {
+function an(e) {
 	try {
 		let t = new URL(e);
 		return t.protocol === "https:" || t.protocol === "http:";
@@ -2850,7 +2947,7 @@ function nn(e) {
 		return !1;
 	}
 }
-var rn = class extends e {
+var Z = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2862,28 +2959,28 @@ var rn = class extends e {
 		}));
 	}
 	render() {
-		return this.helpUrl && nn(this.helpUrl) ? n`
+		return this.helpUrl && an(this.helpUrl) ? n`
         <a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
-           aria-label=${b("Help")}>
-          <span class="ga-icon">${M($e)}</span>
+           aria-label=${x("Help")}>
+          <span class="ga-icon">${M(et)}</span>
         </a>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${b("Help")}
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${x("Help")}
               @click=${this._handleClick}>
-        <span class="ga-icon">${M($e)}</span>
+        <span class="ga-icon">${M(et)}</span>
       </button>
     `;
 	}
 };
-N([s({ attribute: "help-url" })], rn.prototype, "helpUrl", void 0), rn = N([x(), o("vsn-help")], rn);
+P([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), Z = P([S(), o("vsn-help")], Z);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-top-bar.ts
 var Q = class extends e {
 	constructor() {
-		super(), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.lang = "en", new R(this, () => !0);
+		super(), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.modulesLoading = !1, this.lang = "en", new z(this, () => !0);
 	}
 	willUpdate(e) {
-		e.has("lang") && It(this.lang).catch(console.error);
+		e.has("lang") && Rt(this.lang).catch(console.error);
 	}
 	focusMenuToggle() {
 		this.renderRoot.querySelector("vsn-menu-toggle")?.focus();
@@ -2969,7 +3066,7 @@ var Q = class extends e {
         <div class="ga-page-header__menu-breadcrumbs">
           <vsn-menu-toggle></vsn-menu-toggle>
           <vsn-home .landingPageUrl=${this.landingPageUrl}></vsn-home>
-          <vsn-breadcrumbs .tree=${this.tree} .modules=${this.modules} .activeModuleId=${this.activeModuleId}></vsn-breadcrumbs>
+          <vsn-breadcrumbs .tree=${this.tree} .modules=${this.modules} .activeModuleId=${this.activeModuleId} .modulesLoading=${this.modulesLoading}></vsn-breadcrumbs>
         </div>
         <div class="ga-page-header__context-selector">
           <slot name="context-selector"></slot>
@@ -2985,22 +3082,22 @@ var Q = class extends e {
     `;
 	}
 };
-N([s({ attribute: !1 })], Q.prototype, "tree", void 0), N([s({ type: Array })], Q.prototype, "modules", void 0), N([s()], Q.prototype, "activeModuleId", void 0), N([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), N([s({ attribute: !1 })], Q.prototype, "feedback", void 0), N([s({ attribute: !1 })], Q.prototype, "auth", void 0), N([s({
+P([s({ attribute: !1 })], Q.prototype, "tree", void 0), P([s({ type: Array })], Q.prototype, "modules", void 0), P([s()], Q.prototype, "activeModuleId", void 0), P([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), P([s({ attribute: !1 })], Q.prototype, "feedback", void 0), P([s({ attribute: !1 })], Q.prototype, "auth", void 0), P([s({
 	type: Boolean,
 	attribute: "show-help"
-})], Q.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), N([s({
+})], Q.prototype, "showHelp", void 0), P([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), P([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], Q.prototype, "showNotification", void 0), N([s({
+})], Q.prototype, "showNotification", void 0), P([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], Q.prototype, "notificationActive", void 0), N([s()], Q.prototype, "lang", void 0), Q = N([o("vsn-top-bar")], Q);
+})], Q.prototype, "notificationActive", void 0), P([s({ type: Boolean })], Q.prototype, "modulesLoading", void 0), P([s()], Q.prototype, "lang", void 0), Q = P([o("vsn-top-bar")], Q);
 //#endregion
 //#region src/components/vsn-navigation.ts
 var $ = class extends e {
 	constructor(...e) {
 		super(...e), this.lang = "en", this.showHelp = !1, this.feedback = null, this.showNotification = !1, this.notificationActive = !1, this.open = !1, this._currentItem = "", this._resolvedModules = [], this._modulesLoading = !1, this._modulesLoadToken = 0, this._restoreFocusToToggle = !1, this._onShortcut = (e) => {
-			e.defaultPrevented || !Fe(e) || e.key.toLowerCase() !== "k" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
+			e.defaultPrevented || !Ie(e) || e.key.toLowerCase() !== "k" || (e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-open", {
 				cancelable: !0,
 				bubbles: !0,
 				composed: !0
@@ -3029,7 +3126,7 @@ var $ = class extends e {
 	static {
 		this.styles = [
 			h,
-			Jt,
+			Xt,
 			t`
       :host {
         display: flex;
@@ -3105,6 +3202,7 @@ var $ = class extends e {
         .tree=${this.tree}
         .modules=${this._resolvedModules}
         .activeModuleId=${this.modules?.activeModuleId}
+        .modulesLoading=${this._modulesLoading}
         lang=${this._resolvedLang}
         landing-page-url=${this.landingPageUrl ?? ""}
         ?show-help=${this.showHelp}
@@ -3140,19 +3238,19 @@ var $ = class extends e {
     `;
 	}
 };
-N([s()], $.prototype, "lang", void 0), N([s({ attribute: !1 })], $.prototype, "tree", void 0), N([s({ attribute: !1 })], $.prototype, "modules", void 0), N([s({ attribute: !1 })], $.prototype, "auth", void 0), N([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), N([s({
+P([s()], $.prototype, "lang", void 0), P([s({ attribute: !1 })], $.prototype, "tree", void 0), P([s({ attribute: !1 })], $.prototype, "modules", void 0), P([s({ attribute: !1 })], $.prototype, "auth", void 0), P([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), P([s({
 	type: Boolean,
 	attribute: "show-help"
-})], $.prototype, "showHelp", void 0), N([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), N([s({ attribute: !1 })], $.prototype, "feedback", void 0), N([s({
+})], $.prototype, "showHelp", void 0), P([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), P([s({ attribute: !1 })], $.prototype, "feedback", void 0), P([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], $.prototype, "showNotification", void 0), N([s({
+})], $.prototype, "showNotification", void 0), P([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], $.prototype, "notificationActive", void 0), N([s({
+})], $.prototype, "notificationActive", void 0), P([s({
 	type: Boolean,
 	attribute: "open",
 	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")], $);
+})], $.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 };