@visma-swno/vsn-navigation 1.1.0-beta.11 → 1.1.0-beta.13

package/dist/assets/vsn-navigation.js

@@ -191,10 +191,14 @@ function g(e) {
 function _(e) {
 	return "items" in e;
 }
-var ue = re("activeId");
+var v = class e extends Error {
+	constructor(t) {
+		super(t), this.name = "SearchError", Object.setPrototypeOf(this, e.prototype);
+	}
+}, ue = re("activeId");
 //#endregion
 //#region src/shared/icons.ts
-function v(e, t = 24, r) {
+function y(e, t = 24, r) {
 	return n`<svg
       xmlns="http://www.w3.org/2000/svg"
       width="${t}"
@@ -272,7 +276,7 @@ var xe = i`
   <path d="m7 9 5-5 5 5"/>
 `, Se = i`
   <path d="m18 15-6-6-6 6"/>
-`, y = i`
+`, b = i`
   <path d="m6 9 6 6 6-6"/>
 `, Ce = i`
   <circle cx="11" cy="11" r="8"/>
@@ -303,7 +307,7 @@ var Ee = i`
 `;
 //#endregion
 //#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
-function b(e, t, n, r) {
+function x(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);
@@ -311,7 +315,7 @@ function b(e, t, n, r) {
 }
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-item.ts
-var x = class extends e {
+var S = class extends e {
 	constructor(...e) {
 		super(...e), this.level = 1, this._currentActiveId = "", this._isActive = !1, this._isExpanded = !1;
 	}
@@ -341,7 +345,7 @@ var x = class extends e {
 		}, r = n`
 			${u(e, () => n`
 				<span class="ga-side-navigation__item-icon">
-					${this._isExpanded ? v(y, 24) : v(Ee, 24)}
+					${this._isExpanded ? y(b, 24) : y(Ee, 24)}
 				</span>
 			`)}
 			<div class="ga-side-navigation__item-content">
@@ -375,13 +379,13 @@ var x = class extends e {
 		}
 	}
 };
-b([s({ attribute: !1 })], x.prototype, "tree", void 0), b([s({ type: Number })], x.prototype, "level", void 0), b([le({
+x([s({ attribute: !1 })], S.prototype, "tree", void 0), x([s({ type: Number })], S.prototype, "level", void 0), x([le({
 	context: ue,
 	subscribe: !0
-}), l()], x.prototype, "_currentActiveId", void 0), b([l()], x.prototype, "_isActive", void 0), b([l()], x.prototype, "_isExpanded", void 0), x = b([o("vsn-menu-item")], x);
+}), l()], S.prototype, "_currentActiveId", void 0), x([l()], S.prototype, "_isActive", void 0), x([l()], S.prototype, "_isExpanded", void 0), S = x([o("vsn-menu-item")], S);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
-var S = class extends e {
+var C = class extends e {
 	constructor(...e) {
 		super(...e), this.items = [], this._currentActiveId = "", this.currentItem = "";
 	}
@@ -405,37 +409,37 @@ var S = class extends e {
 		return n`<vsn-menu-item .tree=${e}></vsn-menu-item>`;
 	}
 };
-b([s({ attribute: !1 })], S.prototype, "items", void 0), b([ce({ context: ue }), l()], S.prototype, "_currentActiveId", void 0), b([s()], S.prototype, "currentItem", void 0), S = b([o("vsn-menu")], S);
+x([s({ attribute: !1 })], C.prototype, "items", void 0), x([ce({ context: ue }), l()], C.prototype, "_currentActiveId", void 0), x([s()], C.prototype, "currentItem", void 0), C = x([o("vsn-menu")], C);
 //#endregion
 //#region node_modules/@lit/localize/internal/locale-status-event.js
-var C = "lit-localize-status", w = (e, ...t) => ({
+var w = "lit-localize-status", T = (e, ...t) => ({
 	strTag: !0,
 	strings: e,
 	values: t
-}), De = (e) => typeof e != "string" && "strTag" in e, T = (e, t, n) => {
+}), De = (e) => typeof e != "string" && "strTag" in e, Oe = (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;
-}, E = ((e) => De(e) ? T(e.strings, e.values) : e), D = E, Oe = !1;
-function ke(e) {
-	if (Oe) throw Error("lit-localize can only be configured once");
-	D = e, Oe = !0;
+}, ke = ((e) => De(e) ? Oe(e.strings, e.values) : e), E = ke, Ae = !1;
+function je(e) {
+	if (Ae) throw Error("lit-localize can only be configured once");
+	E = e, Ae = !0;
 }
 //#endregion
 //#region node_modules/@lit/localize/internal/localized-controller.js
-var Ae = class {
+var Me = class {
 	constructor(e) {
 		this.__litLocalizeEventHandler = (e) => {
 			e.detail.status === "ready" && this.host.requestUpdate();
 		}, this.host = e;
 	}
 	hostConnected() {
-		window.addEventListener(C, this.__litLocalizeEventHandler);
+		window.addEventListener(w, this.__litLocalizeEventHandler);
 	}
 	hostDisconnected() {
-		window.removeEventListener(C, this.__litLocalizeEventHandler);
+		window.removeEventListener(w, this.__litLocalizeEventHandler);
 	}
-}, je = (e) => e.addController(new Ae(e)), O = () => (e, t) => (e.addInitializer(je), e), Me = class {
+}, Ne = (e) => e.addController(new Me(e)), D = () => (e, t) => (e.addInitializer(Ne), e), Pe = class {
 	constructor() {
 		this.settled = !1, this.promise = new Promise((e, t) => {
 			this._resolve = e, this._reject = t;
@@ -447,73 +451,73 @@ var Ae = class {
 	reject(e) {
 		this.settled = !0, this._reject(e);
 	}
-}, k = [];
-for (let e = 0; e < 256; e++) k[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function Ne(e) {
+}, O = [];
+for (let e = 0; e < 256; e++) O[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
+function Fe(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 k[c >> 8] + k[c & 255] + k[o >> 8] + k[o & 255] + k[i >> 8] + k[i & 255] + k[n >> 8] + k[n & 255];
+	return O[c >> 8] + O[c & 255] + O[o >> 8] + O[o & 255] + O[i >> 8] + O[i & 255] + O[n >> 8] + O[n & 255];
 }
-var Pe = "h", Fe = "s";
-function Ie(e, t) {
-	return (t ? Pe : Fe) + Ne(typeof e == "string" ? e : e.join(""));
+var Ie = "h", Le = "s";
+function Re(e, t) {
+	return (t ? Ie : Le) + Fe(typeof e == "string" ? e : e.join(""));
 }
 //#endregion
 //#region node_modules/@lit/localize/internal/runtime-msg.js
-var Le = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new Map();
-function Re(e, t, n) {
+var ze = /* @__PURE__ */ new WeakMap(), Be = /* @__PURE__ */ new Map();
+function Ve(e, t, n) {
 	if (e) {
-		let r = e[n?.id ?? ze(t)];
+		let r = e[n?.id ?? He(t)];
 		if (r) {
 			if (typeof r == "string") return r;
-			if ("strTag" in r) return T(r.strings, t.values, r.values);
+			if ("strTag" in r) return Oe(r.strings, t.values, r.values);
 			{
-				let e = Le.get(r);
-				return e === void 0 && (e = r.values, Le.set(r, e)), {
+				let e = ze.get(r);
+				return e === void 0 && (e = r.values, ze.set(r, e)), {
 					...r,
 					values: e.map((e) => t.values[e])
 				};
 			}
 		}
 	}
-	return E(t);
+	return ke(t);
 }
-function ze(e) {
-	let t = typeof e == "string" ? e : e.strings, n = A.get(t);
-	return n === void 0 && (n = Ie(t, typeof e != "string" && !("strTag" in e)), A.set(t, n)), n;
+function He(e) {
+	let t = typeof e == "string" ? e : e.strings, n = Be.get(t);
+	return n === void 0 && (n = Re(t, typeof e != "string" && !("strTag" in e)), Be.set(t, n)), n;
 }
 //#endregion
 //#region node_modules/@lit/localize/init/runtime.js
-function j(e) {
-	window.dispatchEvent(new CustomEvent(C, { detail: e }));
+function k(e) {
+	window.dispatchEvent(new CustomEvent(w, { detail: e }));
 }
-var M = "", N, Be, P, F, Ve, I = new Me();
-I.resolve();
-var L = 0, He = (e) => (ke(((e, t) => Re(Ve, e, t))), M = Be = e.sourceLocale, P = new Set(e.targetLocales), P.add(e.sourceLocale), F = e.loadLocale, {
-	getLocale: Ue,
-	setLocale: We
-}), Ue = () => M, We = (e) => {
-	if (e === (N ?? M)) return I.promise;
-	if (!P || !F) throw Error("Internal error");
-	if (!P.has(e)) throw Error("Invalid locale code");
-	L++;
-	let t = L;
-	return N = e, I.settled && (I = new Me()), j({
+var A = "", j, Ue, M, N, We, P = new Pe();
+P.resolve();
+var F = 0, Ge = (e) => (je(((e, t) => Ve(We, e, t))), A = Ue = e.sourceLocale, M = new Set(e.targetLocales), M.add(e.sourceLocale), N = e.loadLocale, {
+	getLocale: Ke,
+	setLocale: qe
+}), Ke = () => A, qe = (e) => {
+	if (e === (j ?? A)) return P.promise;
+	if (!M || !N) throw Error("Internal error");
+	if (!M.has(e)) throw Error("Invalid locale code");
+	F++;
+	let t = F;
+	return j = e, P.settled && (P = new Pe()), k({
 		status: "loading",
 		loadingLocale: e
-	}), (e === Be ? Promise.resolve({ templates: void 0 }) : F(e)).then((n) => {
-		L === t && (M = e, N = void 0, Ve = n.templates, j({
+	}), (e === Ue ? Promise.resolve({ templates: void 0 }) : N(e)).then((n) => {
+		F === t && (A = e, j = void 0, We = n.templates, k({
 			status: "ready",
 			readyLocale: e
-		}), I.resolve());
+		}), P.resolve());
 	}, (n) => {
-		L === t && (j({
+		F === t && (k({
 			status: "error",
 			errorLocale: e,
 			errorMessage: n.toString()
-		}), I.reject(n));
-	}), I.promise;
-}, Ge = class {
+		}), P.reject(n));
+	}), P.promise;
+}, Je = class {
 	constructor(e) {
 		this._prevExpanded = !1, this.onUserKeydown = (e) => {
 			e.key === "Enter" || e.key === " " ? (e.preventDefault(), this.host.expanded = !this.host.expanded) : e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
@@ -527,6 +531,11 @@ var L = 0, He = (e) => (ke(((e, t) => Re(Ve, e, t))), M = Be = e.sourceLocale, P
 				t instanceof HTMLElement && t.classList.contains("ga-side-navigation__footer-dropdown-item") && (e.preventDefault(), t.click());
 				return;
 			}
+			if (e.key === "Tab" && !e.shiftKey) {
+				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 (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = this.host.querySelector(".ga-side-navigation__footer-dropdown");
@@ -547,7 +556,24 @@ var L = 0, He = (e) => (ke(((e, t) => Re(Ve, e, t))), M = Be = e.sourceLocale, P
 			this.host.querySelector(".ga-side-navigation__user")?.focus();
 		});
 	}
-}, Ke = t`
+}, Ye = class {
+	constructor(e, t, n) {
+		this._onPointerDown = (e) => {
+			let t = e.composedPath();
+			for (let e of this._insideSelectors) {
+				let n = this._host.renderRoot.querySelector(e);
+				if (n && t.includes(n)) return;
+			}
+			this._callback();
+		}, this._host = e, this._insideSelectors = t, this._callback = n, e.addController(this);
+	}
+	hostConnected() {
+		document.addEventListener("pointerdown", this._onPointerDown, !0);
+	}
+	hostDisconnected() {
+		document.removeEventListener("pointerdown", this._onPointerDown, !0);
+	}
+}, Xe = t`
   @layer components {
     :where(.ga-side-navigation__user),
     :where(.ga-side-navigation__footer-dropdown-item) {
@@ -583,33 +609,26 @@ var L = 0, He = (e) => (ke(((e, t) => Re(Ve, e, t))), M = Be = e.sourceLocale, P
       justify-content: center;
     }
   }
-`, qe = "initials";
-function Je(e, t, n, r) {
+`, Ze = "initials";
+function Qe(e, t, n, r) {
 	if (!t) return;
 	let i = new URLSearchParams({
-		type: qe,
+		type: Ze,
 		size: r
 	});
 	return n && i.set("client_id", n), `${e}${t}?${i}`;
 }
 //#endregion
 //#region src/components/vsn-side-bar/vsn-footer/vsn-footer.ts
-var Ye = {
+var $e = {
 	profile: ve,
 	logout: ye
-}, Xe = () => ({
-	profile: D("My profile"),
-	logout: D("Log out")
-}), R = class extends e {
-	constructor(...e) {
-		super(...e), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new Ge(this), this._onDocumentPointerDown = (e) => {
-			if (!this.expanded) return;
-			let t = this.querySelector(".ga-side-navigation__footer-dropdown"), n = this.querySelector(".ga-side-navigation__user"), r = e.composedPath();
-			t && r.includes(t) || n && r.includes(n) || (this.expanded = !1);
-		};
-	}
+}, et = () => ({
+	profile: E("My profile"),
+	logout: E("Log out")
+}), I = class extends e {
 	static {
-		this.styles = [h, Ke];
+		this.styles = [h, Xe];
 	}
 	createRenderRoot() {
 		return this;
@@ -617,19 +636,18 @@ var Ye = {
 	get _items() {
 		return [{
 			id: "profile",
-			label: Xe().profile,
+			label: et().profile,
 			url: this.myProfileUrl
 		}, {
 			id: "logout",
-			label: Xe().logout,
+			label: et().logout,
 			url: "/logout"
 		}];
 	}
-	connectedCallback() {
-		super.connectedCallback(), document.addEventListener("pointerdown", this._onDocumentPointerDown, !0);
-	}
-	disconnectedCallback() {
-		document.removeEventListener("pointerdown", this._onDocumentPointerDown, !0), super.disconnectedCallback();
+	constructor() {
+		super(), this.expanded = !1, this._avatarFailed = !1, this._keyboard = new Je(this), new Ye(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
+			this.expanded = !1;
+		});
 	}
 	willUpdate(e) {
 		(e.has("user") || e.has("profilePictureBaseUrl")) && (this._avatarFailed = !1);
@@ -645,6 +663,8 @@ var Ye = {
           <div
             role="button"
             tabindex="0"
+            aria-expanded="${this.expanded}"
+            aria-haspopup="menu"
             class="ga-side-navigation__user
                    ${this.expanded ? "ga-side-navigation__user--active" : ""}"
             @click=${this._toggle}
@@ -662,7 +682,7 @@ var Ye = {
             </div>
 
             <span class="ga-side-navigation__user-action">
-              ${this.expanded ? v(Se, 16) : v(xe, 16)}
+              ${this.expanded ? y(Se, 16) : y(xe, 16)}
             </span>
 
           </div>
@@ -676,14 +696,14 @@ var Ye = {
           ${this._items.map((e) => {
 			let t = n`
               <span class="ga-side-navigation__footer-dropdown-icon">
-                ${v(Ye[e.id], 16)}
+                ${y($e[e.id], 16)}
               </span>
               <span class="ga-side-navigation__footer-dropdown-title">
                 ${e.label}
               </span>
               ${e.external ? n`
                 <span class="ga-side-navigation__footer-dropdown-trail">
-                  ${v(be, 16)}
+                  ${y(be, 16)}
                 </span>
               ` : r}
             `;
@@ -723,7 +743,7 @@ var Ye = {
 		}));
 	}
 	renderAvatar() {
-		let e = Je(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
+		let e = Qe(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
 		return e && !this._avatarFailed ? n`<img
         class="ga-side-navigation__user-avatar"
         src=${e}
@@ -731,21 +751,22 @@ var Ye = {
         @error=${() => {
 			this._avatarFailed = !0;
 		}} />` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
-      ${v(ve, 24)}
+      ${y(ve, 24)}
     </span>`;
 	}
 };
-b([s({ attribute: !1 })], R.prototype, "user", void 0), b([s()], R.prototype, "profilePictureBaseUrl", void 0), b([s()], R.prototype, "myProfileUrl", void 0), b([s({
+x([s({ attribute: !1 })], I.prototype, "user", void 0), x([s()], I.prototype, "profilePictureBaseUrl", void 0), x([s()], I.prototype, "myProfileUrl", void 0), x([s({
 	type: Boolean,
 	reflect: !0
-})], R.prototype, "expanded", void 0), b([l()], R.prototype, "_avatarFailed", void 0), R = b([O(), o("vsn-footer")], R);
+})], I.prototype, "expanded", void 0), x([l()], I.prototype, "_avatarFailed", void 0), I = x([D(), o("vsn-footer")], I);
 //#endregion
 //#region src/shared/utils.ts
-var Ze = () => D("Choose a service"), Qe = () => D("Search"), $e = (e) => D(w`Type at least ${e} characters to search`), et = () => D("VSN"), tt = "survicate-sdk", nt = "ui-components-feedback", rt = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`, it = class {
+var tt = () => E("Choose a service"), nt = () => E("Search"), rt = (e) => E(T`Type at least ${e} characters to search`), it = () => E("Menu items"), at = (e) => E(T`Load ${e} more`), ot = () => E("VSN"), st = "survicate-sdk", ct = "ui-components-feedback", lt = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`, ut = class {
 	constructor(e) {
 		this.onSwitcherKeydown = (e) => {
 			if (e.key === "Enter" || e.key === " ") {
-				e.preventDefault(), (this.host.expanded || this.host.hasAvailableItems) && (this.host.expanded = !this.host.expanded);
+				if (e.preventDefault(), this.host.expanded && !this.host.canClose) return;
+				(this.host.expanded || this.host.hasAvailableItems) && (this.host.expanded = !this.host.expanded);
 				return;
 			}
 			if (e.key === "ArrowDown" && !this.host.expanded) {
@@ -753,11 +774,14 @@ var Ze = () => D("Choose a service"), Qe = () => D("Search"), $e = (e) => D(w`Ty
 				e.preventDefault(), this.host.expanded = !0;
 				return;
 			}
-			e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
+			if (e.key === "Escape" && this.host.expanded) {
+				if (!this.host.canClose) return;
+				e.preventDefault(), this.host.expanded = !1;
+			}
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, at = ".ga-side-navigation__switcher:focus{outline-offset:2px;outline:2px solid #3b82f6}", z = class extends e {
+}, dt = ".ga-side-navigation__switcher:focus{outline-offset:2px;outline:2px solid #3b82f6}", L = class extends e {
 	constructor(...e) {
 		super(...e), this.items = [], this.loading = !1, this._handleKeydown = (e) => {
 			if (e.key === "Escape") {
@@ -772,6 +796,14 @@ var Ze = () => D("Choose a service"), Qe = () => D("Search"), $e = (e) => D(w`Ty
 				t instanceof HTMLElement && t.classList.contains("ga-side-navigation__switcher-dropdown-item") && (e.preventDefault(), t.click());
 				return;
 			}
+			if (e.key === "Tab" && !e.shiftKey) {
+				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 (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
 			let t = Array.from(this.querySelectorAll(".ga-side-navigation__switcher-dropdown-item"));
@@ -809,15 +841,15 @@ var Ze = () => D("Choose a service"), Qe = () => D("Search"), $e = (e) => D(w`Ty
         <div class="ga-side-navigation__switcher-dropdown vsn-switcher-dropdown--loading"
              role="status"
              aria-busy="true"
-             aria-label=${D("Loading modules")}>
+             aria-label=${E("Loading modules")}>
           <span class="vsn-spinner"></span>
         </div>
       ` : n`
       <div class="ga-side-navigation__switcher-dropdown"
            role="menu"
-           aria-label=${Ze()}
+           aria-label=${tt()}
            @keydown=${this._handleKeydown}>
-        <span class="ga-side-navigation__switcher-dropdown-header">${Ze()}</span>
+        <span class="ga-side-navigation__switcher-dropdown-header">${tt()}</span>
         ${this.items.map((e) => n`
           <a class="ga-side-navigation__switcher-dropdown-item"
              href=${e.url ?? ""}
@@ -830,10 +862,10 @@ var Ze = () => D("Choose a service"), Qe = () => D("Search"), $e = (e) => D(w`Ty
     `;
 	}
 };
-b([s({ attribute: !1 })], z.prototype, "items", void 0), b([s({ type: Boolean })], z.prototype, "loading", void 0), z = b([O(), o("vsn-switcher-menu")], z);
+x([s({ attribute: !1 })], L.prototype, "items", void 0), x([s({ type: Boolean })], L.prototype, "loading", void 0), L = x([D(), o("vsn-switcher-menu")], L);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search/vsn-search.css.ts
-var ot = t`
+var ft = t`
   .vsn-search__trigger,
   .vsn-search__clear {
     display: inline-flex;
@@ -882,7 +914,7 @@ var ot = t`
   .ga-side-navigation__search input::placeholder {
     color: var(--ga-color-text-disable-selected);
   }
-`, B = class extends e {
+`, R = class extends e {
 	constructor(...e) {
 		super(...e), this.shortcut = "", this.value = "", this.loading = !1, this._emitSearch = () => {
 			this._canSearch && this.dispatchEvent(new CustomEvent("vsn-search-submit", {
@@ -902,7 +934,7 @@ var ot = t`
 		return this;
 	}
 	static {
-		this.styles = [h, ot];
+		this.styles = [h, ft];
 	}
 	focus() {
 		let e = this.querySelector("input");
@@ -929,19 +961,19 @@ var ot = t`
         <button
           type="button"
           class="vsn-search__trigger"
-          aria-label=${D("Search")}
+          aria-label=${E("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
-          ${v(Ce, 24)}
+          ${y(Ce, 24)}
         </button>
         <input type="search"
-          .placeholder=${Qe()}
+          .placeholder=${nt()}
           .value=${this.value}
           @input=${this._handleInput}
           @keydown=${this._handleKeyDown} />
         ${this._trailingSlot()}
       </div>
-      ${u(e, () => n`<div class="vsn-search__helper">${$e(3)}</div>`)}
+      ${u(e, () => n`<div class="vsn-search__helper">${rt(3)}</div>`)}
     `;
 	}
 	_trailingSlot() {
@@ -953,13 +985,13 @@ var ot = t`
     `;
 	}
 	_spinner() {
-		return n`<span class="vsn-spinner" role="status" aria-label=${D("Searching")}></span>`;
+		return n`<span class="vsn-spinner" role="status" aria-label=${E("Searching")}></span>`;
 	}
 	_clearButton() {
 		return n`
-      <button class="vsn-search__clear" aria-label=${D("Clear search")}
+      <button class="vsn-search__clear" aria-label=${E("Clear search")}
         @click=${this._emitEscape}>
-        ${v(we, 16)}
+        ${y(we, 16)}
       </button>
     `;
 	}
@@ -967,33 +999,25 @@ var ot = t`
 		return n`<kbd class="ga-side-navigation__search-shortcut">${this.shortcut}</kbd>`;
 	}
 };
-b([s()], B.prototype, "shortcut", void 0), b([s()], B.prototype, "value", void 0), b([s({ type: Boolean })], B.prototype, "loading", void 0), B = b([O(), o("vsn-search")], B);
+x([s()], R.prototype, "shortcut", void 0), x([s()], R.prototype, "value", void 0), x([s({ type: Boolean })], R.prototype, "loading", void 0), R = x([D(), o("vsn-search")], R);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.ts
-var V = class extends e {
-	constructor(...e) {
-		super(...e), this.modules = [], this.modulesLoading = !1, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new it(this), this._didAutoOpen = !1, this._onDocumentPointerDown = (e) => {
-			if (!this.expanded) return;
-			let t = this.querySelector(".ga-side-navigation__switcher-dropdown"), n = this.querySelector(".ga-side-navigation__switcher"), r = e.composedPath();
-			t && r.includes(t) || n && r.includes(n) || (this.expanded = !1);
-		};
-	}
+var z = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, a(at)];
-	}
-	connectedCallback() {
-		super.connectedCallback(), document.addEventListener("pointerdown", this._onDocumentPointerDown, !0);
+		this.styles = [h, a(dt)];
 	}
-	disconnectedCallback() {
-		document.removeEventListener("pointerdown", this._onDocumentPointerDown, !0), super.disconnectedCallback();
+	constructor() {
+		super(), this.modules = [], this.modulesLoading = !1, this.hasMenu = !1, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new ut(this), new Ye(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
+			this.canClose && (this.expanded = !1);
+		});
 	}
 	get _state() {
 		if (this.modulesLoading) return {
 			kind: "loading",
-			title: this.activeModuleLabel ?? ""
+			title: this.activeModuleLabel || ot()
 		};
 		let e = this.modules.find((e) => e.id === this.activeModuleId);
 		return e ? {
@@ -1002,24 +1026,30 @@ var V = class extends e {
 			available: this.modules.filter((t) => t.id !== e.id)
 		} : {
 			kind: "no-active",
-			title: et(),
+			title: ot(),
 			available: this.modules
 		};
 	}
+	get canClose() {
+		return this.hasMenu ? !0 : this._state.kind !== "no-active";
+	}
 	get hasAvailableItems() {
 		let e = this._state;
 		return e.kind !== "loading" && e.available.length > 0;
 	}
 	willUpdate() {
-		if (this._didAutoOpen) return;
 		let e = this._state;
-		e.kind !== "no-active" || e.available.length === 0 || (this._didAutoOpen = !0, this.expanded = !0);
+		if (e.kind === "loading") {
+			this.expanded = !0;
+			return;
+		}
+		this.hasMenu || e.kind !== "no-active" || e.available.length === 0 || (this.expanded = !0);
 	}
 	reset() {
-		this.expanded = !1, this._didAutoOpen = !1;
+		this.expanded = !1;
 	}
 	_toggle() {
-		!this.expanded && !this.hasAvailableItems && !this.modulesLoading || (this.expanded = !this.expanded);
+		this.expanded && !this.canClose || !this.expanded && !this.hasAvailableItems && !this.modulesLoading || (this.expanded = !this.expanded);
 	}
 	_pickModule(e) {
 		let t = this.modules.find((t) => t.id === e);
@@ -1033,13 +1063,16 @@ var V = class extends e {
 		this._pickModule(e.detail.id);
 	}
 	_onCloseRequest() {
-		this.expanded = !1, this.updateComplete.then(() => {
+		this.canClose && (this.expanded = !1, this.updateComplete.then(() => {
 			this.querySelector(".ga-side-navigation__switcher")?.focus();
-		});
+		}));
 	}
 	_onFocusSwitcher() {
 		this.querySelector(".ga-side-navigation__switcher")?.focus();
 	}
+	_onTabExit() {
+		this.canClose && (this.expanded = !1);
+	}
 	render() {
 		let e = this._state;
 		return n`
@@ -1054,9 +1087,11 @@ var V = class extends e {
                @keydown=${this._keyboard.onSwitcherKeydown}
                title="">
             <span class="ga-side-navigation__switcher-title">${e.title}</span>
-            <span class="ga-side-navigation__switcher-action">
-              ${this.expanded ? v(y, 16) : v(xe, 16)}
-            </span>
+            ${u(this.canClose, () => n`
+              <span class="ga-side-navigation__switcher-action">
+                ${this.expanded ? y(b, 16) : y(xe, 16)}
+              </span>
+            `)}
           </div>
 
           ${u(this.expanded, () => n`
@@ -1065,7 +1100,8 @@ var V = class extends e {
               .loading=${e.kind === "loading"}
               @item-select=${this._onItemSelect}
               @close-request=${this._onCloseRequest}
-              @focus-switcher=${this._onFocusSwitcher}>
+              @focus-switcher=${this._onFocusSwitcher}
+              @tab-exit=${this._onTabExit}>
             </vsn-switcher-menu>`)}
         </div>
 
@@ -1079,13 +1115,13 @@ var V = class extends e {
     `;
 	}
 };
-b([s({ attribute: !1 })], V.prototype, "modules", void 0), b([s()], V.prototype, "activeModuleId", void 0), b([s()], V.prototype, "activeModuleLabel", void 0), b([s({ type: Boolean })], V.prototype, "modulesLoading", void 0), b([s({ attribute: !1 })], V.prototype, "search", void 0), b([s()], V.prototype, "searchValue", void 0), b([s({ type: Boolean })], V.prototype, "searchLoading", void 0), b([s({
+x([s({ attribute: !1 })], z.prototype, "modules", void 0), x([s()], z.prototype, "activeModuleId", void 0), x([s()], z.prototype, "activeModuleLabel", void 0), x([s({ type: Boolean })], z.prototype, "modulesLoading", void 0), x([s({ type: Boolean })], z.prototype, "hasMenu", void 0), x([s({ attribute: !1 })], z.prototype, "search", void 0), x([s()], z.prototype, "searchValue", void 0), x([s({ type: Boolean })], z.prototype, "searchLoading", void 0), x([s({
 	type: Boolean,
 	reflect: !0
-})], V.prototype, "expanded", void 0), V = b([O(), o("vsn-header")], V);
+})], z.prototype, "expanded", void 0), z = x([D(), o("vsn-header")], z);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.css.ts
-var st = t`
+var pt = t`
   .vsn-search-results__empty {
     display: flex;
     flex-direction: column;
@@ -1120,70 +1156,137 @@ var st = t`
     font-weight: 400;
     color: var(--ga-color-text-on-disabled);
   }
-`, H = class extends e {
+
+  .vsn-search-results__error {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 2rem 1.5rem;
+    text-align: center;
+    font-family: var(--ga-font-family-primary);
+    font-size: var(--ga-text-sm-font-size);
+    line-height: var(--ga-text-sm-line-height);
+    font-weight: 400;
+    color: var(--ga-color-text-body);
+  }
+
+  .vsn-search-results__load-more {
+    width: 100%;
+    padding: calc(0.25rem * 3) calc(0.25rem * 4);
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: var(--ga-color-text-action);
+    text-align: center;
+    font-family: var(--ga-font-family-primary);
+    font-size: var(--ga-text-md-font-size);
+    font-style: normal;
+    font-weight: 500;
+    line-height: var(--ga-text-md-line-height);
+    letter-spacing: var(--ga-text-md-letter-spacing);
+  }
+
+  .vsn-search-results__load-more:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+`, mt = class {
+	constructor(e) {
+		this.onResultsKeydown = (e) => {
+			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			e.preventDefault();
+			let t = Array.from(this.host.querySelectorAll(".ga-side-navigation__search-results-item"));
+			if (t.length === 0) return;
+			let n = this.host.getRootNode().activeElement;
+			if (!(n instanceof HTMLElement)) return;
+			let r = t.indexOf(n), i = e.key === "ArrowDown" ? 1 : -1;
+			t[r === -1 ? i === 1 ? 0 : t.length - 1 : (r + i + t.length) % t.length].focus();
+		}, this.host = e, e.addController(this);
+	}
+	hostConnected() {}
+}, B = class extends e {
+	constructor(...e) {
+		super(...e), this.loadingMore = !1, this._keyboard = new mt(this);
+	}
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, st];
+		this.styles = [h, pt];
 	}
 	render() {
-		return this.results === void 0 ? n`${r}` : this.results.length === 0 ? this._emptyState() : this._resultsList(this.results);
+		return this.errorMessage ? this._errorState(this.errorMessage) : this.results === void 0 ? n`${r}` : this.results.length === 0 ? this._emptyState() : this._resultsList(this.results);
 	}
 	_emptyState() {
 		return n`
       <div class="vsn-search-results__empty" role="status" aria-live="polite">
-        <div class="vsn-search-results__empty-title">${D("No results found")}</div>
-        <div class="vsn-search-results__empty-message">${D("We couldn't find any matches.")}</div>
-        <div class="vsn-search-results__empty-hint">${D("Try different keywords or check spelling.")}</div>
-        <div class="vsn-search-results__empty-support">${D("Need help? Contact support.")}</div>
+        <div class="vsn-search-results__empty-title">${E("No results found")}</div>
+        <div class="vsn-search-results__empty-message">${E("We couldn't find any matches.")}</div>
+        <div class="vsn-search-results__empty-hint">${E("Try different keywords or check spelling.")}</div>
+        <div class="vsn-search-results__empty-support">${E("Need help? Contact support.")}</div>
+      </div>
+    `;
+	}
+	_errorState(e) {
+		return n`
+      <div class="vsn-search-results__error" role="alert" aria-live="assertive">
+        ${e}
       </div>
     `;
 	}
 	_resultsList(e) {
 		let t = e.length;
 		return n`
-      <div class="ga-side-navigation__body h-full">
+      <div class="ga-side-navigation__body h-full" @keydown=${this._keyboard.onResultsKeydown}>
         <div class="ga-side-navigation__search-results-title">
-          ${D(t === 1 ? w`${t} result` : w`${t} results`)}
+          ${E(t === 1 ? T`${t} result` : T`${t} results`)}
         </div>
         ${e.map((e) => this._resultRow(e))}
+        ${u(this.nextCursor, () => n`
+          <button
+            type="button"
+            class="vsn-search-results__load-more"
+            ?disabled=${this.loadingMore}
+            @click=${this._onLoadMore}>
+            ${at(30)}
+          </button>
+        `)}
       </div>
     `;
 	}
 	_resultRow(e) {
-		let t = e.node, r = e.ancestors;
 		return n`
-      <div tabindex="0"
+      <a
         class="ga-side-navigation__search-results-item"
-        @click=${() => this._onActivate(e)}
-        @keydown=${(t) => this._onKeyDown(t, e)}>
+        href=${e.url}
+        @click=${(t) => this._onActivate(t, e)}>
         <div class="ga-side-navigation__search-results-item-content">
-          <div class="ga-side-navigation__search-results-item-label">${t.label}</div>
-          ${u(r.length > 0, () => n`
-            <div class="ga-side-navigation__search-results-item-description">
-              ${r.map((e) => e.label).join(D(" › "))}
-            </div>
+          <div class="ga-side-navigation__search-results-item-label">${e.label}</div>
+          ${(e.lines ?? []).map((e) => n`
+            <div class="ga-side-navigation__search-results-item-description">${e}</div>
           `)}
         </div>
-      </div>
+      </a>
     `;
 	}
-	_onActivate(e) {
-		this.dispatchEvent(new CustomEvent("vsn-menu-item-changed", {
-			detail: e.node,
+	_onActivate(e, t) {
+		e.preventDefault(), this.dispatchEvent(new CustomEvent("vsn-search-item-clicked", {
+			detail: t,
 			bubbles: !0,
 			composed: !0
 		}));
 	}
-	_onKeyDown(e, t) {
-		e.key === "Enter" && (e.preventDefault(), this._onActivate(t));
+	_onLoadMore() {
+		this.dispatchEvent(new CustomEvent("vsn-search-load-more", {
+			bubbles: !0,
+			composed: !0
+		}));
 	}
 };
-b([s({ attribute: !1 })], H.prototype, "results", void 0), H = b([O(), o("vsn-search-results")], H);
+x([s({ attribute: !1 })], B.prototype, "results", void 0), x([s()], B.prototype, "errorMessage", void 0), x([s()], B.prototype, "nextCursor", void 0), x([s({ type: Boolean })], B.prototype, "loadingMore", void 0), B = x([D(), o("vsn-search-results")], B);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-template/vsn-template.css.ts
-var ct = t`
+var ht = t`
   .vsn-template__row {
     display: flex;
     flex-direction: column;
@@ -1198,26 +1301,26 @@ var ct = t`
     background: var(--ga-color-miscellaneous-skeleton-element, #F2F3F5);
     flex-shrink: 0;
   }
-`, lt = [
+`, gt = [
 	160,
 	96,
 	144,
 	192,
 	160
-], ut = class extends e {
+], _t = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, ct];
+		this.styles = [h, ht];
 	}
 	render() {
 		return n`
       <div class="ga-side-navigation__body h-full"
         role="status"
         aria-busy="true"
-        aria-label=${D("Loading results")}>
-        ${lt.map((e) => n`
+        aria-label=${E("Loading results")}>
+        ${gt.map((e) => n`
           <div class="vsn-template__row">
             <div class="vsn-template__bar" style="width: ${e}px"></div>
           </div>
@@ -1226,10 +1329,10 @@ var ct = t`
     `;
 	}
 };
-ut = b([O(), o("vsn-template")], ut);
+_t = x([D(), o("vsn-template")], _t);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.css.ts
-var dt = t`
+var vt = t`
   .vsn-error-state {
     display: flex;
     flex-direction: column;
@@ -1268,44 +1371,115 @@ var dt = t`
     font-weight: 400;
     color: var(--ga-color-text-on-disabled);
   }
-`, ft = class extends e {
+`, yt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	static {
-		this.styles = [h, dt];
+		this.styles = [h, vt];
 	}
 	render() {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
-        <div class="vsn-error-state__icon">${v(Te, 24)}</div>
-        <div class="vsn-error-state__title">${D("Loading error")}</div>
-        <div class="vsn-error-state__message">${D("We're unable to load the menu.")}</div>
-        <div class="vsn-error-state__hint">${D("Please check your internet connection and try again.")}</div>
-        <div class="vsn-error-state__support">${D("If the issue persists, reload the page or contact support.")}</div>
+        <div class="vsn-error-state__icon">${y(Te, 24)}</div>
+        <div class="vsn-error-state__title">${E("Loading error")}</div>
+        <div class="vsn-error-state__message">${E("We're unable to load the menu.")}</div>
+        <div class="vsn-error-state__hint">${E("Please check your internet connection and try again.")}</div>
+        <div class="vsn-error-state__support">${E("If the issue persists, reload the page or contact support.")}</div>
+      </div>
+    `;
+	}
+};
+yt = x([D(), o("vsn-error-state")], yt);
+//#endregion
+//#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.css.ts
+var bt = t`
+  @layer components {
+    vsn-search-scopes {
+      display: block;
+      flex-shrink: 0;
+      padding: calc(0.25rem * 2) calc(0.25rem * 3);
+    }
+
+    vsn-search-scopes .ga-radio-group {
+      gap: calc(0.25rem * 2);
+    }
+
+    vsn-search-scopes .ga-radio-button__label {
+      line-height: calc(0.25rem * 6);
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+`, V, H = class extends e {
+	static {
+		V = this;
+	}
+	constructor(...e) {
+		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++V._counter}`;
+	}
+	createRenderRoot() {
+		return this;
+	}
+	static {
+		this.styles = [h, bt];
+	}
+	static {
+		this._counter = 0;
+	}
+	render() {
+		return this.scopes.length <= 1 ? n`` : n`
+      <div class="ga-radio-group" role="radiogroup" aria-label=${E("Search scope")}>
+        ${this.scopes.map((e) => this._renderScope(e))}
       </div>
     `;
 	}
+	_renderScope(e) {
+		return n`
+      <label class="ga-radio-button">
+        <input
+          type="radio"
+          class="ga-radio-button__native"
+          name=${this._name}
+          .value=${e.id}
+          ?checked=${e.id === this.selectedScopeId}
+          @change=${() => this._onChange(e.id)}
+        />
+        <span class="ga-radio-button__marker"></span>
+        <span class="ga-radio-button__label">${e.label}</span>
+      </label>
+    `;
+	}
+	_onChange(e) {
+		this.dispatchEvent(new CustomEvent("vsn-search-scope-changed", {
+			detail: { scopeId: e },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
 };
-ft = b([O(), o("vsn-error-state")], ft);
+x([s({ attribute: !1 })], H.prototype, "scopes", void 0), x([s()], H.prototype, "selectedScopeId", void 0), H = V = x([D(), o("vsn-search-scopes")], H);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
-var pt = "en", mt = [
+var xt = "en", St = [
 	"da",
 	"fi",
 	"nl",
 	"no",
 	"sv"
-], ht = /* @__PURE__ */ p({ templates: () => gt }), gt = {
+], Ct = /* @__PURE__ */ p({ templates: () => wt }), wt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Har du brug for hjælp? Kontakt support.",
-	s1228605ee65ddefa: w`${0} resultat`,
-	s2bb33291ef8ae3d4: w`Indtast mindst ${0} tegn for at søge`,
+	s1228605ee65ddefa: T`${0} resultat`,
+	s2bb33291ef8ae3d4: T`Indtast mindst ${0} tegn for at søge`,
 	s2be8f715fbd00dcb: "Vi fandt ingen matchende resultater.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Indlæsningsfejl",
 	s352719d86112de9a: "Hjælp",
-	s387a4a41718122cb: w`${0} resultater`,
+	s387a4a41718122cb: T`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet fortsætter, genindlæs siden eller kontakt support.",
 	s4b0c6b66b4efd7d8: "Vælg en tjeneste",
 	s5be3c6d61cd9182f: "Notifikationer",
@@ -1326,16 +1500,16 @@ var pt = "en", mt = [
 	sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, _t = /* @__PURE__ */ p({ templates: () => vt }), vt = {
+}, Tt = /* @__PURE__ */ p({ templates: () => Et }), Et = {
 	s09a45db408570a7a: "Oma profiili",
 	s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
-	s1228605ee65ddefa: w`${0} tulos`,
-	s2bb33291ef8ae3d4: w`Kirjoita vähintään ${0} merkkiä hakua varten`,
+	s1228605ee65ddefa: T`${0} tulos`,
+	s2bb33291ef8ae3d4: T`Kirjoita vähintään ${0} merkkiä hakua varten`,
 	s2be8f715fbd00dcb: "Emme löytäneet osumia.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Latausvirhe",
 	s352719d86112de9a: "Ohje",
-	s387a4a41718122cb: w`${0} tulosta`,
+	s387a4a41718122cb: T`${0} tulosta`,
 	s3fb7db4771812f0c: "Jos ongelma jatkuu, lataa sivu uudelleen tai ota yhteyttä tukeen.",
 	s4b0c6b66b4efd7d8: "Valitse palvelu",
 	s5be3c6d61cd9182f: "Ilmoitukset",
@@ -1356,16 +1530,16 @@ var pt = "en", mt = [
 	sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, yt = /* @__PURE__ */ p({ templates: () => bt }), bt = {
+}, Dt = /* @__PURE__ */ p({ templates: () => Ot }), Ot = {
 	s09a45db408570a7a: "Mijn profiel",
 	s119f9875b7d4cdfc: "Hulp nodig? Neem contact op met ondersteuning.",
-	s1228605ee65ddefa: w`${0} resultaat`,
-	s2bb33291ef8ae3d4: w`Typ minimaal ${0} tekens om te zoeken`,
+	s1228605ee65ddefa: T`${0} resultaat`,
+	s2bb33291ef8ae3d4: T`Typ minimaal ${0} tekens om te zoeken`,
 	s2be8f715fbd00dcb: "We konden geen overeenkomsten vinden.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Laadingsfout",
 	s352719d86112de9a: "Hulp",
-	s387a4a41718122cb: w`${0} resultaten`,
+	s387a4a41718122cb: T`${0} resultaten`,
 	s3fb7db4771812f0c: "Als het probleem aanhoudt, laad de pagina opnieuw of neem contact op met ondersteuning.",
 	s4b0c6b66b4efd7d8: "Kies een service",
 	s5be3c6d61cd9182f: "Meldingen",
@@ -1386,16 +1560,16 @@ var pt = "en", mt = [
 	sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, xt = /* @__PURE__ */ p({ templates: () => St }), St = {
+}, kt = /* @__PURE__ */ p({ templates: () => At }), At = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Trenger du hjelp? Kontakt støtte.",
-	s1228605ee65ddefa: w`${0} resultat`,
-	s2bb33291ef8ae3d4: w`Skriv inn minst ${0} tegn for å søke`,
+	s1228605ee65ddefa: T`${0} resultat`,
+	s2bb33291ef8ae3d4: T`Skriv inn minst ${0} tegn for å søke`,
 	s2be8f715fbd00dcb: "Vi fant ingen treff.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Lastingsfeil",
 	s352719d86112de9a: "Hjelp",
-	s387a4a41718122cb: w`${0} resultater`,
+	s387a4a41718122cb: T`${0} resultater`,
 	s3fb7db4771812f0c: "Hvis problemet vedvarer, last inn siden på nytt eller kontakt støtte.",
 	s4b0c6b66b4efd7d8: "Velg en tjeneste",
 	s5be3c6d61cd9182f: "Varsler",
@@ -1416,16 +1590,16 @@ var pt = "en", mt = [
 	sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Ct = /* @__PURE__ */ p({ templates: () => wt }), wt = {
+}, jt = /* @__PURE__ */ p({ templates: () => Mt }), Mt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Behöver du hjälp? Kontakta support.",
-	s1228605ee65ddefa: w`${0} resultat`,
-	s2bb33291ef8ae3d4: w`Skriv minst ${0} tecken för att söka`,
+	s1228605ee65ddefa: T`${0} resultat`,
+	s2bb33291ef8ae3d4: T`Skriv minst ${0} tecken för att söka`,
 	s2be8f715fbd00dcb: "Vi hittade inga matchningar.",
 	s301876182accccad: " › ",
 	s3112f1ca236c8a61: "Laddningsfel",
 	s352719d86112de9a: "Hjälp",
-	s387a4a41718122cb: w`${0} resultat`,
+	s387a4a41718122cb: T`${0} resultat`,
 	s3fb7db4771812f0c: "Om problemet kvarstår, ladda om sidan eller kontakta support.",
 	s4b0c6b66b4efd7d8: "Välj en tjänst",
 	s5be3c6d61cd9182f: "Aviseringar",
@@ -1446,17 +1620,17 @@ var pt = "en", mt = [
 	sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
 	s7c510419ea376840: "VSN",
 	s38385cd359b17f7a: "Loading modules"
-}, Tt = {
-	da: ht,
-	fi: _t,
-	nl: yt,
-	no: xt,
-	sv: Ct
-}, { getLocale: Et, setLocale: Dt } = He({
-	sourceLocale: pt,
-	targetLocales: mt,
-	loadLocale: (e) => Tt[e] ? Promise.resolve(Tt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
-}), Ot = t`
+}, Nt = {
+	da: Ct,
+	fi: Tt,
+	nl: Dt,
+	no: kt,
+	sv: jt
+}, { getLocale: Pt, setLocale: Ft } = Ge({
+	sourceLocale: xt,
+	targetLocales: St,
+	loadLocale: (e) => Nt[e] ? Promise.resolve(Nt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
+}), It = t`
   @layer components {
     .vsn-switcher-anchor {
       position: relative;
@@ -1475,7 +1649,7 @@ var pt = "en", mt = [
       outline-offset: 2px;
     }
   }
-`, kt = t`
+`, Lt = t`
   .vsn-spinner {
     display: inline-block;
     flex-shrink: 0;
@@ -1495,7 +1669,7 @@ var pt = "en", mt = [
   @keyframes vsn-spin {
     to { transform: rotate(360deg); }
   }
-`, At = class {
+`, Rt = class {
 	constructor(e, t, n) {
 		this._onHostClick = (e) => {
 			let t = this._host.renderRoot.querySelector(this._clickedSelector);
@@ -1512,13 +1686,14 @@ var pt = "en", mt = [
 	static {
 		this.styles = [
 			h,
-			Ot,
-			Ke,
-			ot,
-			st,
-			ct,
-			dt,
-			kt,
+			It,
+			Xe,
+			ft,
+			pt,
+			bt,
+			ht,
+			vt,
+			Lt,
 			t`
       :host {
         position: absolute;
@@ -1533,7 +1708,7 @@ var pt = "en", mt = [
 		];
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._onShortcut = (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._onShortcut = (e) => {
 			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), this.renderRoot.querySelector("vsn-search")?.focus());
 		}, this._onNavigate = (e) => {
 			this._searchQuery = "", this._searchResults = void 0, this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
@@ -1545,12 +1720,19 @@ var pt = "en", mt = [
 				bubbles: !0,
 				composed: !0
 			}));
+		}, this._onSearchItemClicked = (e) => {
+			this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+				bubbles: !0,
+				composed: !0
+			}));
 		}, this._onFooterAction = () => {
 			this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 				bubbles: !0,
 				composed: !0
 			}));
-		}, new At(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+		}, this._onScopeChanged = (e) => {
+			this._activeScopeId = e.detail.scopeId, this._runSearch(this._searchQuery, this._activeScopeId);
+		}, new Rt(this, ".ga-side-navigation", () => this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 			bubbles: !0,
 			composed: !0
 		})));
@@ -1562,33 +1744,90 @@ var pt = "en", mt = [
 		super.disconnectedCallback(), document.removeEventListener("keydown", this._onShortcut);
 	}
 	willUpdate(e) {
-		e.has("lang") && Dt(this.lang).catch(console.error), e.has("open") && e.get("open") && !this.open && (this._searchQuery = "", this._searchResults = void 0, this.renderRoot.querySelector("vsn-header")?.reset(), this.renderRoot.querySelector("vsn-footer")?.reset());
+		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());
 	}
 	_onSearchInput(e) {
-		this._searchQuery = e.detail.value, e.detail.value === "" && (this._searchResults = void 0);
+		this._searchQuery = e.detail.value, e.detail.value === "" && this._clearSearchState();
 	}
 	_onSearchSubmit(e) {
-		this._searchResults = this._filterTree(e.detail.query);
+		this._runSearch(e.detail.query, this._activeScopeId);
 	}
 	_onSearchEscape(e) {
-		e.detail.value.length > 0 ? (this._searchQuery = "", this._searchResults = void 0) : this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
+		e.detail.value.length > 0 ? (this._searchQuery = "", this._clearSearchState()) : this.dispatchEvent(new CustomEvent("vsn-side-bar-close", {
 			bubbles: !0,
 			composed: !0
 		}));
 	}
+	_clearSearchState() {
+		this._searchAbort?.abort(), this._searchAbort = void 0, this._searchResults = void 0, this._searchLoading = !1, this._searchLoadingMore = !1, this._searchError = void 0, this._searchNextCursor = void 0;
+	}
+	async _runSearch(e, t) {
+		if (this._searchAbort?.abort(), this._searchAbort = void 0, this._searchError = void 0, this._searchNextCursor = void 0, this._searchLoadingMore = !1, !e) {
+			this._searchResults = void 0, this._searchLoading = !1;
+			return;
+		}
+		if (t === "menu") {
+			this._searchResults = this._filterTree(e), this._searchLoading = !1;
+			return;
+		}
+		let n = this.menu?.search?.extraDataSets?.find((e) => e.id === t);
+		if (!n) {
+			this._searchResults = void 0, this._searchLoading = !1;
+			return;
+		}
+		let r = new AbortController();
+		this._searchAbort = r, this._searchLoading = !0, this._searchResults = void 0;
+		try {
+			let t = await n.searchFunction({
+				query: e,
+				abortController: r
+			});
+			if (this._searchAbort !== r) return;
+			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;
+		}
+	}
+	async _loadMore() {
+		if (this._searchLoadingMore || !this._searchNextCursor || !this._searchQuery || this._activeScopeId === "menu") return;
+		let e = this.menu?.search?.extraDataSets?.find((e) => e.id === this._activeScopeId);
+		if (!e) return;
+		this._searchAbort?.abort();
+		let t = new AbortController();
+		this._searchAbort = t, this._searchLoadingMore = !0;
+		try {
+			let n = await e.searchFunction({
+				query: this._searchQuery,
+				cursor: this._searchNextCursor,
+				abortController: t
+			});
+			if (this._searchAbort !== t) return;
+			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;
+		}
+	}
 	_filterTree(e) {
 		let t = this.menu?.items;
 		if (!t?.length || !e) return [];
 		let n = e.toLowerCase(), r = [], i = (e, t) => {
-			for (let a of e) _(a) ? i(a.items, [...t, a]) : a.label.toLowerCase().includes(n) && r.push({
-				node: a,
-				ancestors: t
-			});
+			for (let a of e) if (_(a)) i(a.items, [...t, a]);
+			else if (a.label.toLowerCase().includes(n)) {
+				let e = t.length > 0 ? [t.map((e) => e.label).join(" › ")] : void 0;
+				r.push({
+					id: a.id,
+					label: a.label,
+					url: a.url,
+					lines: e
+				});
+			}
 		};
 		return i(t, []), r;
 	}
 	_viewMode() {
-		return this.error ? "error" : this._searchLoading ? "loading" : this._searchResults === void 0 ? "menu" : "results";
+		return this.error ? "error" : this._searchLoading ? "loading" : this._searchError !== void 0 || this._searchResults !== void 0 ? "results" : "menu";
 	}
 	render() {
 		let e = this._viewMode();
@@ -1596,16 +1835,25 @@ var pt = "en", mt = [
       <div class="ga-side-navigation"
            @vsn-navigate=${this._onNavigate}
            @vsn-menu-item-changed=${this._onMenuItemChanged}
+           @vsn-search-item-clicked=${this._onSearchItemClicked}
+           @vsn-search-load-more=${() => this._loadMore()}
            @vsn-footer-item-changed=${this._onFooterAction}
            @vsn-logout-click=${this._onFooterAction}>
         ${this.header()}
-        ${e === "error" ? this.errorState() : e === "loading" ? this.loadingState() : e === "results" ? this.searchResults(this._searchResults) : this.renderMenu(this.menu)}
+        ${this.scopesGroup()}
+        ${e === "error" ? this.errorState() : e === "loading" ? this.loadingState() : e === "results" ? this.searchResults() : this.renderMenu(this.menu)}
         ${this.auth ? this.footer(this.auth) : ""}
       </div>
     `;
 	}
-	searchResults(e) {
-		return n`<vsn-search-results class="flex-1 min-h-0" .results=${e}></vsn-search-results>`;
+	searchResults() {
+		return n`<vsn-search-results
+      class="flex-1 min-h-0"
+      .results=${this._searchResults}
+      .errorMessage=${this._searchError}
+      .nextCursor=${this._searchNextCursor}
+      .loadingMore=${this._searchLoadingMore}>
+    </vsn-search-results>`;
 	}
 	loadingState() {
 		return n`<vsn-template class="flex-1 min-h-0"></vsn-template>`;
@@ -1621,6 +1869,7 @@ var pt = "en", mt = [
           .activeModuleId=${this.activeModuleId}
           .activeModuleLabel=${this.activeModuleLabel}
           .modulesLoading=${this.modulesLoading}
+          .hasMenu=${(this.menu?.items.length ?? 0) > 0}
           .search=${e}
           .searchValue=${this._searchQuery}
           .searchLoading=${this._searchLoading}
@@ -1629,6 +1878,23 @@ var pt = "en", mt = [
           @vsn-search-escape=${this._onSearchEscape}
           >
         </vsn-header>`;
+	}
+	scopesGroup() {
+		if (!this.menu?.search?.enabled) return n``;
+		let e = this.menu.search.extraDataSets ?? [];
+		return e.length === 0 ? n`` : n`
+      <vsn-search-scopes
+        .scopes=${[{
+			id: "menu",
+			label: it()
+		}, ...e.map((e) => ({
+			id: e.id,
+			label: e.label
+		}))]}
+        .selectedScopeId=${this._activeScopeId}
+        @vsn-search-scope-changed=${this._onScopeChanged}>
+      </vsn-search-scopes>
+    `;
 	}
 	renderMenu(e) {
 		return n`<vsn-menu class="flex-1 min-h-0" .items=${e?.items ?? []} .currentItem=${e?.currentItem ?? ""}></vsn-menu>`;
@@ -1643,10 +1909,10 @@ var pt = "en", mt = [
     `;
 	}
 };
-b([s({ attribute: !1 })], U.prototype, "modules", void 0), b([s()], U.prototype, "activeModuleId", void 0), b([s()], U.prototype, "activeModuleLabel", void 0), b([s({ type: Boolean })], U.prototype, "modulesLoading", void 0), b([s()], U.prototype, "lang", void 0), b([s({ attribute: !1 })], U.prototype, "auth", void 0), b([s({ type: Boolean })], U.prototype, "error", void 0), b([s({
+x([s({ attribute: !1 })], U.prototype, "modules", void 0), x([s()], U.prototype, "activeModuleId", void 0), x([s()], U.prototype, "activeModuleLabel", void 0), x([s({ type: Boolean })], U.prototype, "modulesLoading", void 0), x([s()], U.prototype, "lang", void 0), x([s({ attribute: !1 })], U.prototype, "auth", void 0), x([s({ type: Boolean })], U.prototype, "error", void 0), x([s({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "open", void 0), b([s({ attribute: !1 })], U.prototype, "menu", void 0), b([l()], U.prototype, "_searchQuery", void 0), b([l()], U.prototype, "_searchResults", void 0), b([l()], U.prototype, "_searchLoading", void 0), U = b([o("vsn-side-bar")], U);
+})], U.prototype, "open", void 0), x([s({ attribute: !1 })], U.prototype, "menu", void 0), x([l()], U.prototype, "_searchQuery", void 0), x([l()], U.prototype, "_searchResults", void 0), x([l()], U.prototype, "_searchLoading", void 0), x([l()], U.prototype, "_activeScopeId", void 0), x([l()], U.prototype, "_searchError", void 0), x([l()], U.prototype, "_searchNextCursor", void 0), x([l()], U.prototype, "_searchLoadingMore", void 0), U = x([o("vsn-side-bar")], U);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
 var W, G = class extends e {
@@ -1710,12 +1976,12 @@ var W, G = class extends e {
 			</div>
 			${u(this._isParent() && this._isExpanded, () => n`
 				<span class="ga-side-navigation__item-icon">
-					${v(y, 16)}
+					${y(b, 16)}
 				</span>
 			`)}
 			${u(this._isParent() && !this._isExpanded, () => n`
 				<span class="ga-side-navigation__item-icon">
-					${v(Ee, 16)}
+					${y(Ee, 16)}
 				</span>
 			`)}
 			<div class="ga-side-navigation__item-content">
@@ -1734,7 +2000,7 @@ var W, G = class extends e {
 		if (this.tree && _(this.tree)) return this.tree.items.length > 0;
 	}
 };
-b([s({ attribute: !1 })], G.prototype, "tree", void 0), b([s({ type: Number })], G.prototype, "level", void 0), b([s({ type: Array })], G.prototype, "ancestorPath", void 0), b([l()], G.prototype, "_isExpanded", void 0), b([l()], G.prototype, "_showTooltip", void 0), b([l()], G.prototype, "_tooltipPos", void 0), b([c(".ga-side-navigation__item-label")], G.prototype, "_labelEl", void 0), G = W = b([o("vsn-breadcrumb-menu-item")], G);
+x([s({ attribute: !1 })], G.prototype, "tree", void 0), x([s({ type: Number })], G.prototype, "level", void 0), x([s({ type: Array })], G.prototype, "ancestorPath", void 0), x([l()], G.prototype, "_isExpanded", void 0), x([l()], G.prototype, "_showTooltip", void 0), x([l()], G.prototype, "_tooltipPos", void 0), x([c(".ga-side-navigation__item-label")], G.prototype, "_labelEl", void 0), G = W = x([o("vsn-breadcrumb-menu-item")], G);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
 var K = class extends e {
@@ -1757,7 +2023,7 @@ var K = class extends e {
     `;
 	}
 };
-b([s({ attribute: !1 })], K.prototype, "treeList", void 0), K = b([o("vsn-breadcrumb-menu")], K);
+x([s({ attribute: !1 })], K.prototype, "treeList", void 0), K = x([o("vsn-breadcrumb-menu")], K);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
 var q = class extends e {
@@ -2021,7 +2287,7 @@ var q = class extends e {
 	}
 	render() {
 		return n`
-      <nav aria-label=${D("Breadcrumb")}>
+      <nav aria-label=${E("Breadcrumb")}>
         <div class="ga-breadcrumb">
           ${this._displayMode === "full" ? this._renderFullBreadcrumbs() : this._displayMode === "overflow" ? this._renderOverflowBreadcrumbs() : this._renderMobileBreadcrumbs()}
         </div>
@@ -2034,10 +2300,10 @@ var q = class extends e {
     `;
 	}
 };
-b([s({ attribute: !1 })], q.prototype, "tree", void 0), b([s({ type: Array })], q.prototype, "modules", void 0), b([l()], q.prototype, "_openPopoverId", void 0), b([l()], q.prototype, "_displayMode", void 0), b([l()], q.prototype, "_overflowCount", void 0), b([l()], q.prototype, "_tooltip", void 0), q = b([O(), o("vsn-breadcrumbs")], q);
+x([s({ attribute: !1 })], q.prototype, "tree", void 0), x([s({ type: Array })], q.prototype, "modules", void 0), x([l()], q.prototype, "_openPopoverId", void 0), x([l()], q.prototype, "_displayMode", void 0), x([l()], q.prototype, "_overflowCount", void 0), x([l()], q.prototype, "_tooltip", void 0), q = x([D(), o("vsn-breadcrumbs")], q);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
-var jt = class extends e {
+var zt = class extends e {
 	static {
 		this.styles = h;
 	}
@@ -2052,13 +2318,13 @@ var jt = class extends e {
 	}
 	render() {
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${D("Open AI assistant")} @click=${this._handleClick}>
-        <span class="ga-icon">${v(fe)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${E("Open AI assistant")} @click=${this._handleClick}>
+        <span class="ga-icon">${y(fe)}</span>
       </button>
     `;
 	}
 };
-jt = b([O(), o("vsn-ai-assistant")], jt);
+zt = x([D(), o("vsn-ai-assistant")], zt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
 var J = class extends e {
@@ -2079,7 +2345,7 @@ var J = class extends e {
 	updated(e) {
 		if (super.updated(e), e.has("feedback") && this.feedback?.workspaceId && !document.getElementById("survicate-sdk")) {
 			let e = document.createElement("script");
-			e.id = tt, e.src = rt(this.feedback.workspaceId), e.async = !0, document.head.appendChild(e);
+			e.id = st, e.src = lt(this.feedback.workspaceId), e.async = !0, document.head.appendChild(e);
 		}
 	}
 	disconnectedCallback() {
@@ -2089,21 +2355,21 @@ var J = class extends e {
 		this.dispatchEvent(new CustomEvent("vsn-feedback", {
 			bubbles: !0,
 			composed: !0
-		})), this.feedback?.surveyId && window._sva?.invokeEvent(nt);
+		})), this.feedback?.surveyId && window._sva?.invokeEvent(ct);
 	}
 	render() {
 		return this._compact ? n`
-        <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${D("Send feedback")} @click=${this._handleClick}>
-          <span class="ga-icon">${v(he)}</span>
+        <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${E("Send feedback")} @click=${this._handleClick}>
+          <span class="ga-icon">${y(he)}</span>
         </button>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary" aria-label=${D("Send feedback")} @click=${this._handleClick}>
-        ${D("Feedback")}
+      <button type="button" class="ga-button ga-button--secondary" aria-label=${E("Send feedback")} @click=${this._handleClick}>
+        ${E("Feedback")}
       </button>
     `;
 	}
 };
-b([l()], J.prototype, "_compact", void 0), b([s({ attribute: !1 })], J.prototype, "feedback", void 0), J = b([O(), o("vsn-feedback")], J);
+x([l()], J.prototype, "_compact", void 0), x([s({ attribute: !1 })], J.prototype, "feedback", void 0), J = x([D(), o("vsn-feedback")], J);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
 var Y = class extends e {
@@ -2117,7 +2383,7 @@ var Y = class extends e {
 		e.preventDefault(), this.landingPageUrl && this.dispatchEvent(new CustomEvent("vsn-navigate", {
 			detail: {
 				id: "home",
-				label: D("Home"),
+				label: E("Home"),
 				url: this.landingPageUrl
 			},
 			bubbles: !0,
@@ -2126,16 +2392,16 @@ var Y = class extends e {
 	}
 	render() {
 		return this.landingPageUrl ? n`
-      <a href=${this.landingPageUrl} class="ga-button ga-button--secondary ga-button--icon-only" style="border-color: transparent" aria-label=${D("Home")} @click=${this._handleClick}>
-        <span class="ga-icon">${v(ge)}</span>
+      <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${E("Home")} @click=${this._handleClick}>
+        <span class="ga-icon">${y(ge)}</span>
       </a>
     ` : r;
 	}
 };
-b([s({ attribute: "landing-page-url" })], Y.prototype, "landingPageUrl", void 0), Y = b([O(), o("vsn-home")], Y);
+x([s({ attribute: "landing-page-url" })], Y.prototype, "landingPageUrl", void 0), Y = x([D(), o("vsn-home")], Y);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
-var Mt = class extends e {
+var Bt = class extends e {
 	static {
 		this.styles = h;
 	}
@@ -2150,13 +2416,13 @@ var Mt = class extends e {
 	}
 	render() {
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${D("Open menu")} @click=${this._handleClick}>
-        <span class="ga-icon">${v(de)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${E("Open menu")} @click=${this._handleClick}>
+        <span class="ga-icon">${y(de)}</span>
       </button>
     `;
 	}
 };
-Mt = b([O(), o("vsn-menu-toggle")], Mt);
+Bt = x([D(), o("vsn-menu-toggle")], Bt);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
 var X = class extends e {
@@ -2178,20 +2444,20 @@ var X = class extends e {
 	render() {
 		let e = this.notificationActive ? me : pe;
 		return n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${D("Notifications")} @click=${this._handleClick}>
-        <span class="ga-icon">${v(e)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${E("Notifications")} @click=${this._handleClick}>
+        <span class="ga-icon">${y(e)}</span>
       </button>
     `;
 	}
 };
-b([s({
+x([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], X.prototype, "notificationActive", void 0), X = b([O(), o("vsn-notifications")], X);
+})], X.prototype, "notificationActive", void 0), X = x([D(), o("vsn-notifications")], X);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
-function Nt(e) {
+function Vt(e) {
 	try {
 		let t = new URL(e);
 		return t.protocol === "https:" || t.protocol === "http:";
@@ -2213,18 +2479,18 @@ var Z = class extends e {
 		}));
 	}
 	render() {
-		return this.helpUrl && Nt(this.helpUrl) ? n`
-        <a href=${this.helpUrl} rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${D("Help")}>
-          <span class="ga-icon">${v(_e)}</span>
+		return this.helpUrl && Vt(this.helpUrl) ? n`
+        <a href=${this.helpUrl} rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${E("Help")}>
+          <span class="ga-icon">${y(_e)}</span>
         </a>
       ` : n`
-      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${D("Help")} @click=${this._handleClick}>
-        <span class="ga-icon">${v(_e)}</span>
+      <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${E("Help")} @click=${this._handleClick}>
+        <span class="ga-icon">${y(_e)}</span>
       </button>
     `;
 	}
 };
-b([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), Z = b([O(), o("vsn-help")], Z);
+x([s({ attribute: "help-url" })], Z.prototype, "helpUrl", void 0), Z = x([D(), o("vsn-help")], Z);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-top-bar.ts
 var Q = class extends e {
@@ -2232,7 +2498,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") && Dt(this.lang).catch(console.error);
+		e.has("lang") && Ft(this.lang).catch(console.error);
 	}
 	static {
 		this.styles = [h, t`
@@ -2261,6 +2527,11 @@ var Q = class extends e {
         margin-left: auto;
       }
 
+      vsn-home .ga-button--ghost:hover {
+        background-color: var(--ga-color-surface-action-hover-2);
+        border-color: transparent;
+      }
+
       @media (max-width: 767px) {
         .ga-page-header__global-navigation {
           flex-wrap: wrap;
@@ -2313,16 +2584,16 @@ var Q = class extends e {
     `;
 	}
 };
-b([s({ attribute: !1 })], Q.prototype, "tree", void 0), b([s({ type: Array })], Q.prototype, "modules", void 0), b([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), b([s({ attribute: !1 })], Q.prototype, "feedback", void 0), b([s({
+x([s({ attribute: !1 })], Q.prototype, "tree", void 0), x([s({ type: Array })], Q.prototype, "modules", void 0), x([s({ attribute: "landing-page-url" })], Q.prototype, "landingPageUrl", void 0), x([s({ attribute: !1 })], Q.prototype, "feedback", void 0), x([s({
 	type: Boolean,
 	attribute: "show-help"
-})], Q.prototype, "showHelp", void 0), b([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), b([s({
+})], Q.prototype, "showHelp", void 0), x([s({ attribute: "help-url" })], Q.prototype, "helpUrl", void 0), x([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], Q.prototype, "showNotification", void 0), b([s({
+})], Q.prototype, "showNotification", void 0), x([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], Q.prototype, "notificationActive", void 0), b([s()], Q.prototype, "lang", void 0), Q = b([o("vsn-top-bar")], Q);
+})], Q.prototype, "notificationActive", void 0), x([s()], Q.prototype, "lang", void 0), Q = x([o("vsn-top-bar")], Q);
 //#endregion
 //#region src/components/vsn-navigation.ts
 var $ = class extends e {
@@ -2431,15 +2702,15 @@ var $ = class extends e {
     `;
 	}
 };
-b([s()], $.prototype, "lang", void 0), b([s({ attribute: !1 })], $.prototype, "tree", void 0), b([s({ attribute: !1 })], $.prototype, "modules", void 0), b([s({ attribute: !1 })], $.prototype, "auth", void 0), b([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), b([s({
+x([s()], $.prototype, "lang", void 0), x([s({ attribute: !1 })], $.prototype, "tree", void 0), x([s({ attribute: !1 })], $.prototype, "modules", void 0), x([s({ attribute: !1 })], $.prototype, "auth", void 0), x([s({ attribute: "landing-page-url" })], $.prototype, "landingPageUrl", void 0), x([s({
 	type: Boolean,
 	attribute: "show-help"
-})], $.prototype, "showHelp", void 0), b([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), b([s({ attribute: !1 })], $.prototype, "feedback", void 0), b([s({
+})], $.prototype, "showHelp", void 0), x([s({ attribute: "help-url" })], $.prototype, "helpUrl", void 0), x([s({ attribute: !1 })], $.prototype, "feedback", void 0), x([s({
 	type: Boolean,
 	attribute: "show-notification"
-})], $.prototype, "showNotification", void 0), b([s({
+})], $.prototype, "showNotification", void 0), x([s({
 	type: Boolean,
 	attribute: "notification-active"
-})], $.prototype, "notificationActive", void 0), b([l()], $.prototype, "_currentItem", void 0), b([l()], $.prototype, "_sideBarOpen", void 0), b([l()], $.prototype, "_resolvedModules", void 0), b([l()], $.prototype, "_modulesLoading", void 0), $ = b([o("vsn-navigation")], $);
+})], $.prototype, "notificationActive", void 0), x([l()], $.prototype, "_currentItem", void 0), x([l()], $.prototype, "_sideBarOpen", void 0), x([l()], $.prototype, "_resolvedModules", void 0), x([l()], $.prototype, "_modulesLoading", void 0), $ = x([o("vsn-navigation")], $);
 //#endregion
-export { $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };
+export { v as SearchError, $ as VSNNavigation, g as isTreeLeaf, _ as isTreeParent };