@visma-swno/vsn-navigation 1.5.0-beta.3 → 1.5.0-beta.5

package/dist/assets/vsn-navigation.js

@@ -129,11 +129,12 @@ var C = 0, Te = (e) => (ce(((e, t) => ve(we, e, t))), b = Se = e.sourceLocale, x
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
 	return /mac/i.test(e);
-}, ke = (e) => !e.shiftKey && !e.altKey && (Oe() ? e.ctrlKey !== e.metaKey : e.ctrlKey && !e.metaKey), w = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, T = (e) => !w(e), Ae = () => _("Choose a service"), je = () => _("Search"), Me = () => Oe() ? "Cmd+O / Ctrl+O" : "Ctrl+O", Ne = (e) => e.split(" ").filter((e) => e.length > 0), E = (e) => Ne(e).join("").length >= 3, Pe = (e) => _(g`Type at least ${e} characters to search`), Fe = () => _("Menu items"), Ie = () => _("Load more"), Le = () => _("Services"), Re = () => _("Services"), D = "menu", ze = "survicate-sdk", Be = "ui-components-feedback", Ve = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
+}, ke = (e) => !e.shiftKey && !e.altKey && (Oe() ? e.ctrlKey !== e.metaKey : e.ctrlKey && !e.metaKey), w = (e) => e.shiftKey || e.altKey || e.ctrlKey || e.metaKey, T = (e) => !w(e), Ae = () => _("Choose a service"), je = () => _("Search"), Me = () => Oe() ? "⌘O / Ctrl+O" : "Ctrl+O", Ne = () => Oe() ? n`<kbd><kbd>⌘</kbd><kbd>O</kbd></kbd>/<kbd><kbd>Ctrl</kbd>+<kbd>O</kbd></kbd>` : n`<kbd><kbd>Ctrl</kbd>+<kbd>O</kbd></kbd>`, Pe = (e) => e.split(" ").filter((e) => e.length > 0), E = (e) => Pe(e).join("").length >= 3, Fe = (e) => _(g`Type at least ${e} characters to search`), Ie = () => _("Menu items"), Le = () => _("Load more"), Re = () => _("Services"), ze = () => _("Services"), D = "menu", Be = "survicate-sdk", Ve = "ui-components-feedback", He = (e) => `https://survey.survicate.com/workspaces/${e}/web_surveys.js`;
 //#endregion
 //#region src/shared/icons.ts
 function O(e, t = 24, r) {
-	return n`<svg
+	return n`
+    <svg
       xmlns="http://www.w3.org/2000/svg"
       width="${t}"
       height="${t}"
@@ -145,25 +146,26 @@ function O(e, t = 24, r) {
       stroke-linejoin="round"
       aria-hidden="true"
       class=${r ?? ""}
-  >${e}</svg>`;
+    >${e}
+    </svg>`;
 }
-var He = i``, Ue = i`
+var Ue = i``, We = i`
   <path d="M4 5h16"/>
   <path d="M4 12h16"/>
   <path d="M4 19h16"/>
-`, We = i`
+`, Ge = 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"/>
-`, Ge = i`
+`, Ke = 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"/>
-`, Ke = i`
+`, qe = i`
   <path d="M10.268 21a2 2 0 0 0 3.464 0"/>
   <path d="M11.68 2.009A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673c-.824-.85-1.678-1.731-2.21-3.348"/>
   <circle cx="18" cy="5" r="3"/>
-`, qe = i`
+`, Je = 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"/>
 `;
@@ -174,14 +176,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 Je = i`
+var Ye = 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"/>
-`, Ye = i`
+`, Xe = 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"/>
-`, Xe = i`
+`, Ze = i`
   <circle cx="12" cy="8" r="5"/>
   <path d="M20 21a8 8 0 0 0-16 0"/>
 `;
@@ -192,11 +194,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 Ze = i`
+var Qe = 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"/>
-`, Qe = i`
+`, $e = 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"/>
@@ -205,17 +207,17 @@ i`
   <circle cx="12" cy="12" r="10"/>
   <circle cx="12" cy="12" r="1"/>
 `;
-var $e = i`
+var et = i`
   <path d="m7 15 5 5 5-5"/>
   <path d="m7 9 5-5 5 5"/>
-`, et = i`
+`, tt = i`
   <path d="m18 15-6-6-6 6"/>
 `, k = i`
   <path d="m6 9 6 6 6-6"/>
-`, tt = i`
+`, nt = i`
   <circle cx="11" cy="11" r="8"/>
   <path d="m21 21-4.3-4.3"/>
-`, nt = i`
+`, rt = i`
   <circle cx="12" cy="12" r="10"/>
   <path d="m15 9-6 6"/>
   <path d="m9 9 6 6"/>
@@ -225,7 +227,7 @@ i`
   <line x1="12" x2="12" y1="8" y2="12"/>
   <line x1="12" x2="12.01" y1="16" y2="16"/>
 `;
-var rt = i`
+var it = i`
   <path d="M12 16h.01"/>
   <path d="M12 8v4"/>
   <path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/>
@@ -236,9 +238,13 @@ i`
 `, i`
   <path fill-rule="evenodd" clip-rule="evenodd" d="M2.60982 1.03843C2.99778 0.96126 3.39992 1.00087 3.76537 1.15224C4.13082 1.30362 4.44318 1.55996 4.66294 1.88886C4.8827 2.21776 5 2.60444 5 3V4H7V3C7 2.60444 7.1173 2.21776 7.33706 1.88886C7.55682 1.55996 7.86918 1.30362 8.23463 1.15224C8.60009 1.00087 9.00222 0.96126 9.39018 1.03843C9.77814 1.1156 10.1345 1.30608 10.4142 1.58579C10.6939 1.86549 10.8844 2.22186 10.9616 2.60982C11.0387 2.99778 10.9991 3.39992 10.8478 3.76537C10.6964 4.13082 10.44 4.44318 10.1111 4.66294C9.78224 4.8827 9.39556 5 9 5H8V7H9C9.39556 7 9.78224 7.1173 10.1111 7.33706C10.44 7.55682 10.6964 7.86918 10.8478 8.23463C10.9991 8.60009 11.0387 9.00222 10.9616 9.39018C10.8844 9.77814 10.6939 10.1345 10.4142 10.4142C10.1345 10.6939 9.77814 10.8844 9.39018 10.9616C9.00222 11.0387 8.60009 10.9991 8.23463 10.8478C7.86918 10.6964 7.55682 10.44 7.33706 10.1111C7.1173 9.78224 7 9.39556 7 9V8H5V9C5 9.39556 4.8827 9.78224 4.66294 10.1111C4.44318 10.44 4.13082 10.6964 3.76537 10.8478C3.39992 10.9991 2.99778 11.0387 2.60982 10.9616C2.22186 10.8844 1.86549 10.6939 1.58579 10.4142C1.30608 10.1345 1.1156 9.77814 1.03843 9.39018C0.96126 9.00222 1.00087 8.60009 1.15224 8.23463C1.30362 7.86918 1.55996 7.55682 1.88886 7.33706C2.21776 7.1173 2.60444 7 3 7H4V5H3C2.60444 5 2.21776 4.8827 1.88886 4.66294C1.55996 4.44318 1.30362 4.13082 1.15224 3.76537C1.00087 3.39992 0.96126 2.99778 1.03843 2.60982C1.1156 2.22186 1.30608 1.86549 1.58579 1.58579C1.86549 1.30608 2.22186 1.1156 2.60982 1.03843ZM4 4V3C4 2.80222 3.94135 2.60888 3.83147 2.44443C3.72159 2.27998 3.56541 2.15181 3.38268 2.07612C3.19996 2.00043 2.99889 1.98063 2.80491 2.01922C2.61093 2.0578 2.43275 2.15304 2.29289 2.29289C2.15304 2.43275 2.0578 2.61093 2.01922 2.80491C1.98063 2.99889 2.00043 3.19996 2.07612 3.38268C2.15181 3.56541 2.27998 3.72159 2.44443 3.83147C2.60888 3.94135 2.80222 4 3 4H4ZM5 5V7H7V5H5ZM4 8H3C2.80222 8 2.60888 8.05865 2.44443 8.16853C2.27998 8.27841 2.15181 8.43459 2.07612 8.61732C2.00043 8.80004 1.98063 9.00111 2.01922 9.19509C2.0578 9.38907 2.15304 9.56726 2.29289 9.70711C2.43275 9.84696 2.61093 9.9422 2.80491 9.98079C2.99889 10.0194 3.19996 9.99957 3.38268 9.92388C3.56541 9.84819 3.72159 9.72002 3.83147 9.55557C3.94135 9.39112 4 9.19778 4 9V8ZM8 8V9C8 9.19778 8.05865 9.39112 8.16853 9.55557C8.27841 9.72002 8.43459 9.84819 8.61732 9.92388C8.80004 9.99957 9.00111 10.0194 9.19509 9.98079C9.38907 9.9422 9.56726 9.84696 9.70711 9.70711C9.84696 9.56726 9.9422 9.38907 9.98079 9.19509C10.0194 9.00111 9.99957 8.80004 9.92388 8.61732C9.84819 8.43459 9.72002 8.27841 9.55557 8.16853C9.39112 8.05865 9.19778 8 9 8H8ZM8 4H9C9.19778 4 9.39112 3.94135 9.55557 3.83147C9.72002 3.72159 9.84819 3.56541 9.92388 3.38268C9.99957 3.19996 10.0194 2.99889 9.98079 2.80491C9.9422 2.61093 9.84696 2.43275 9.70711 2.29289C9.56726 2.15304 9.38907 2.0578 9.19509 2.01922C9.00111 1.98063 8.80004 2.00043 8.61732 2.07612C8.43459 2.15181 8.27841 2.27998 8.16853 2.44443C8.05865 2.60888 8 2.80222 8 3V4Z"/>
 `;
-var it = i`
+var at = i`
   <path d="m9 18 6-6-6-6"/>
-`, at = class extends Event {
+`;
+i`<path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/>`, i`<path d="M9 19a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6a1 1 0 0 1 1-1h3.293a.707.707 0 0 0 .5-1.207l-7.086-7.086a1 1 0 0 0-1.414 0l-7.086 7.086a.707.707 0 0 0 .5 1.207H8a1 1 0 0 1 1 1z"/>`;
+//#endregion
+//#region node_modules/@lit/context/lib/context-request-event.js
+var ot = class extends Event {
 	constructor(e, t, n, r) {
 		super("context-request", {
 			bubbles: !0,
@@ -248,12 +254,12 @@ var it = i`
 };
 //#endregion
 //#region node_modules/@lit/context/lib/create-context.js
-function ot(e) {
+function st(e) {
 	return e;
 }
 //#endregion
 //#region node_modules/@lit/context/lib/controllers/context-consumer.js
-var st = class {
+var ct = class {
 	constructor(e, t, n, r) {
 		if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (e, t) => {
 			this.unsubscribe && (this.unsubscribe !== t && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = e, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(e, t)), this.unsubscribe = t;
@@ -270,9 +276,9 @@ var st = class {
 		this.unsubscribe &&= (this.unsubscribe(), void 0);
 	}
 	dispatchRequest() {
-		this.host.dispatchEvent(new at(this.context, this.host, this.t, this.subscribe));
+		this.host.dispatchEvent(new ot(this.context, this.host, this.t, this.subscribe));
 	}
-}, ct = class {
+}, lt = class {
 	get value() {
 		return this.o;
 	}
@@ -302,14 +308,14 @@ var st = class {
 	clearCallbacks() {
 		this.subscriptions.clear();
 	}
-}, lt = class extends Event {
+}, ut = class extends Event {
 	constructor(e, t) {
 		super("context-provider", {
 			bubbles: !0,
 			composed: !0
 		}), this.context = e, this.contextTarget = t;
 	}
-}, ut = class extends ct {
+}, dt = class extends lt {
 	constructor(e, t, n) {
 		super(t.context === void 0 ? n : t.initialValue), this.onContextRequest = (e) => {
 			if (e.context !== this.context) return;
@@ -318,7 +324,7 @@ var st = class {
 		}, this.onProviderRequest = (e) => {
 			if (e.context !== this.context || (e.contextTarget ?? e.composedPath()[0]) === this.host) return;
 			let t = /* @__PURE__ */ new Set();
-			for (let [e, { consumerHost: n }] of this.subscriptions) t.has(e) || (t.add(e), n.dispatchEvent(new at(this.context, n, e, !0)));
+			for (let [e, { consumerHost: n }] of this.subscriptions) t.has(e) || (t.add(e), n.dispatchEvent(new ot(this.context, n, e, !0)));
 			e.stopPropagation();
 		}, this.host = e, t.context === void 0 ? this.context = t : this.context = t.context, this.attachListeners(), this.host.addController?.(this);
 	}
@@ -326,12 +332,12 @@ var st = class {
 		this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
 	}
 	hostConnected() {
-		this.host.dispatchEvent(new lt(this.context, this.host));
+		this.host.dispatchEvent(new ut(this.context, this.host));
 	}
 };
 //#endregion
 //#region node_modules/@lit/context/lib/decorators/provide.js
-function dt({ context: e }) {
+function ft({ context: e }) {
 	return (t, n) => {
 		let r = /* @__PURE__ */ new WeakMap();
 		if (typeof n == "object") return {
@@ -342,7 +348,7 @@ function dt({ context: e }) {
 				return r.get(this).setValue(e), t.set.call(this, e);
 			},
 			init(t) {
-				return r.set(this, new ut(this, {
+				return r.set(this, new dt(this, {
 					context: e,
 					initialValue: t
 				})), t;
@@ -350,7 +356,7 @@ function dt({ context: e }) {
 		};
 		{
 			t.constructor.addInitializer(((t) => {
-				r.set(t, new ut(t, { context: e }));
+				r.set(t, new dt(t, { context: e }));
 			}));
 			let i = Object.getOwnPropertyDescriptor(t, n), a;
 			if (i === void 0) {
@@ -381,10 +387,10 @@ function dt({ context: e }) {
 }
 //#endregion
 //#region node_modules/@lit/context/lib/decorators/consume.js
-function ft({ context: e, subscribe: t }) {
+function pt({ context: e, subscribe: t }) {
 	return (n, r) => {
 		typeof r == "object" ? r.addInitializer((function() {
-			new st(this, {
+			new ct(this, {
 				context: e,
 				callback: (e) => {
 					n.set.call(this, e);
@@ -392,7 +398,7 @@ function ft({ context: e, subscribe: t }) {
 				subscribe: t
 			});
 		})) : n.constructor.addInitializer(((n) => {
-			new st(n, {
+			new ct(n, {
 				context: e,
 				callback: (e) => {
 					n[r] = e;
@@ -410,11 +416,11 @@ function A(e) {
 function j(e) {
 	return "items" in e;
 }
-var pt = class e extends Error {
+var mt = class e extends Error {
 	constructor(t) {
 		super(t), this.name = "SearchError", Object.setPrototypeOf(this, e.prototype);
 	}
-}, mt = ot("activeId"), ht = ot(Symbol("focus-manager"));
+}, ht = st("activeId"), gt = st(Symbol("focus-manager"));
 //#endregion
 //#region \0@oxc-project+runtime@0.127.0/helpers/decorate.js
 function M(e, t, n, r) {
@@ -505,7 +511,7 @@ var N, P = 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 ? O(k, 16) : O(it, 16) : ""}
+			  ${e ? this._isExpanded ? O(k, 16) : O(at, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${this.tree?.label}</div>
@@ -574,10 +580,10 @@ var N, P = class extends e {
 		}
 	}
 };
-M([s({ attribute: !1 })], P.prototype, "tree", void 0), M([s({ type: Number })], P.prototype, "level", void 0), M([ft({
-	context: mt,
+M([s({ attribute: !1 })], P.prototype, "tree", void 0), M([s({ type: Number })], P.prototype, "level", void 0), M([pt({
+	context: ht,
 	subscribe: !0
-}), l()], P.prototype, "_currentActiveId", void 0), M([l()], P.prototype, "_isActive", void 0), M([l()], P.prototype, "_isExpanded", void 0), M([l()], P.prototype, "_showTooltip", void 0), M([l()], P.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__item-label")], P.prototype, "_labelEl", void 0), M([ft({ context: ht })], P.prototype, "_focusManager", void 0), M([s({ type: Boolean })], P.prototype, "hasPageTitle", void 0), P = N = M([o("vsn-menu-item")], P);
+}), l()], P.prototype, "_currentActiveId", void 0), M([l()], P.prototype, "_isActive", void 0), M([l()], P.prototype, "_isExpanded", void 0), M([l()], P.prototype, "_showTooltip", void 0), M([l()], P.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__item-label")], P.prototype, "_labelEl", void 0), M([pt({ context: gt })], P.prototype, "_focusManager", void 0), M([s({ type: Boolean })], P.prototype, "hasPageTitle", void 0), P = N = M([o("vsn-menu-item")], P);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu.ts
 var F = class extends e {
@@ -618,7 +624,7 @@ var F = class extends e {
       <vsn-menu-item .tree=${e} .hasPageTitle=${this.hasPageTitle}></vsn-menu-item>`;
 	}
 };
-M([s({ attribute: !1 })], F.prototype, "items", void 0), M([dt({ context: mt }), l()], F.prototype, "_currentActiveId", void 0), M([s()], F.prototype, "currentItem", void 0), M([s({ type: Boolean })], F.prototype, "hasPageTitle", void 0), M([dt({ context: ht })], F.prototype, "_focusManager", void 0), F = M([v(), o("vsn-menu")], F);
+M([s({ attribute: !1 })], F.prototype, "items", void 0), M([ft({ context: ht }), l()], F.prototype, "_currentActiveId", void 0), M([s()], F.prototype, "currentItem", void 0), M([s({ type: Boolean })], F.prototype, "hasPageTitle", void 0), M([ft({ context: gt })], F.prototype, "_focusManager", void 0), F = M([v(), o("vsn-menu")], F);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-button.ts
 var I = class extends e {
@@ -743,7 +749,7 @@ M([s()], I.prototype, "label", void 0), M([s({
 })], I.prototype, "closeOnClick", void 0), I = M([o("vsn-menu-button")], I);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-menu/vsn-menu-separator.ts
-var gt = class extends e {
+var _t = class extends e {
 	static {
 		this.styles = [t`
         /* flow-root establishes a BFC so the .line's margins stay contained.
@@ -767,10 +773,10 @@ var gt = class extends e {
 		return n`<div class="line"></div>`;
 	}
 };
-gt = M([o("vsn-menu-separator")], gt);
+_t = M([o("vsn-menu-separator")], _t);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-footer/vsn-footer.keyboard.ts
-var _t = class {
+var vt = class {
 	constructor(e) {
 		this._prevExpanded = !1, this.onUserKeydown = (e) => {
 			e.defaultPrevented || w(e) || e.key === "Escape" && this.host.expanded && (e.preventDefault(), this.host.expanded = !1);
@@ -794,7 +800,7 @@ var _t = class {
 		} else !this.host.expanded && this._prevExpanded && this.host.querySelector(".ga-side-navigation__user")?.focus();
 		this._prevExpanded = this.host.expanded;
 	}
-}, vt = class {
+}, yt = class {
 	constructor(e, t, n) {
 		this._onPointerDown = (e) => {
 			let t = e.composedPath();
@@ -811,11 +817,11 @@ var _t = class {
 	hostDisconnected() {
 		document.removeEventListener("pointerdown", this._onPointerDown, !0);
 	}
-}, yt = "initials";
-function bt(e, t, n, r) {
+}, bt = "initials";
+function xt(e, t, n, r) {
 	if (!t) return;
 	let i = new URLSearchParams({
-		type: yt,
+		type: bt,
 		size: r
 	});
 	return n && i.set("client_id", n), `${e}${t}?${i}`;
@@ -841,10 +847,10 @@ var L = class {
 	hostUpdated() {
 		this._rootElement == null && this._rootSelector && (this._rootElement = this._host.renderRoot.querySelector(this._rootSelector), this._rootElement != null && this._rootElement.addEventListener("keydown", this._onKeyDown));
 	}
-}, xt = {
-	profile: Xe,
-	logout: Ze
-}, St = () => ({
+}, St = {
+	profile: Ze,
+	logout: Qe
+}, Ct = () => ({
 	profile: _("My profile"),
 	logout: _("Log out")
 }), R = class extends e {
@@ -854,11 +860,11 @@ var L = class {
 	get _items() {
 		return [{
 			id: "profile",
-			label: St().profile,
+			label: Ct().profile,
 			url: this.myProfileUrl
 		}, {
 			id: "logout",
-			label: St().logout,
+			label: Ct().logout,
 			url: "/logout"
 		}];
 	}
@@ -888,7 +894,7 @@ var L = class {
 			});
 		}, this._onLabelMouseLeave = () => {
 			this._showTooltip = !1;
-		}, this._keyboard = new _t(this), new vt(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
+		}, this._keyboard = new vt(this), new yt(this, [".ga-side-navigation__footer-dropdown", ".ga-side-navigation__user"], () => {
 			this.expanded = !1;
 		}), new L(this, () => this.expanded);
 	}
@@ -928,7 +934,7 @@ var L = class {
           </div>
 
           <span class="ga-side-navigation__user-action">
-              ${this.expanded ? O(et, 16) : O($e, 16)}
+              ${this.expanded ? O(tt, 16) : O(et, 16)}
             </span>
 
         </button>
@@ -950,14 +956,14 @@ var L = class {
         ${this._items.map((e) => {
 			let t = n`
             <span class="ga-side-navigation__footer-dropdown-icon">
-                ${O(xt[e.id], 16)}
+                ${O(St[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">
-                  ${O(Qe, 16)}
+                  ${O($e, 16)}
                 </span>
             ` : r}
           `;
@@ -997,7 +1003,7 @@ var L = class {
 		}));
 	}
 	renderAvatar() {
-		let e = bt(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
+		let e = xt(this.profilePictureBaseUrl, this.user.userId, this.user.clientId, "small");
 		return e && !this._avatarFailed ? n`<img
         class="ga-side-navigation__user-avatar"
         src=${e}
@@ -1005,7 +1011,7 @@ var L = class {
         @error=${() => {
 			this._avatarFailed = !0;
 		}}/>` : n`<span class="ga-side-navigation__user-avatar vsn-side-navigation__user-avatar--icon">
-      ${O(Xe, 24)}
+      ${O(Ze, 24)}
     </span>`;
 	}
 };
@@ -1015,16 +1021,16 @@ M([s({ attribute: !1 })], R.prototype, "user", void 0), M([s()], R.prototype, "p
 })], R.prototype, "expanded", void 0), M([l()], R.prototype, "_avatarFailed", void 0), M([l()], R.prototype, "_showTooltip", void 0), M([l()], R.prototype, "_tooltipLabel", void 0), M([l()], R.prototype, "_tooltipPos", void 0), R = M([v(), o("vsn-footer")], R);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-header/vsn-header.keyboard.ts
-var Ct = class {
+var wt = class {
 	constructor(e) {
 		this.onSwitcherKeydown = (e) => {
 			e.defaultPrevented || w(e) || this.host.expanded && e.key === "Escape" && this.host.requestClose() && e.preventDefault();
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, wt, z = class extends e {
+}, Tt, z = class extends e {
 	static {
-		wt = this;
+		Tt = this;
 	}
 	createRenderRoot() {
 		return this;
@@ -1046,7 +1052,7 @@ var Ct = class {
 			if (t.length === 0) return;
 			let n = this.getRootNode().activeElement, r = n instanceof HTMLElement ? t.indexOf(n) : -1, i = null;
 			e.key === "ArrowUp" && r > 0 ? i = t[r - 1] : e.key === "ArrowDown" && r < t.length - 1 && (i = t[r + 1]), i?.focus();
-		}, this._headerId = `vsn-switcher-dropdown-header-${wt._idCounter++}`;
+		}, this._headerId = `vsn-switcher-dropdown-header-${Tt._idCounter++}`;
 	}
 	firstUpdated() {
 		this.focus();
@@ -1090,7 +1096,7 @@ var Ct = class {
     `;
 	}
 };
-M([s({ attribute: !1 })], z.prototype, "items", void 0), M([s({ type: Boolean })], z.prototype, "loading", void 0), M([s({ attribute: !1 })], z.prototype, "maxHeight", void 0), z = wt = M([v(), o("vsn-switcher-menu")], z);
+M([s({ attribute: !1 })], z.prototype, "items", void 0), M([s({ type: Boolean })], z.prototype, "loading", void 0), M([s({ attribute: !1 })], z.prototype, "maxHeight", void 0), z = Tt = M([v(), o("vsn-switcher-menu")], z);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search/vsn-search.ts
 var B = class extends e {
@@ -1127,7 +1133,7 @@ var B = class extends e {
           aria-label=${_("Search")}
           ?disabled=${!this._canSearch}
           @click=${this._emitSearch}>
-          ${O(tt, 24)}
+          ${O(nt, 24)}
         </button>
         <input type="search"
                .placeholder=${je()}
@@ -1137,7 +1143,7 @@ var B = class extends e {
         ${this._trailingSlot()}
       </div>
       ${f(e, () => n`
-        <div class="vsn-search__helper">${Pe(3)}</div>`)}
+        <div class="vsn-search__helper">${Fe(3)}</div>`)}
     `;
 	}
 	focus() {
@@ -1176,7 +1182,7 @@ var B = class extends e {
 		return n`
       <button class="vsn-search__clear" aria-label=${_("Clear search")}
               @click=${this._emitSearchCleared}>
-        ${O(nt, 16)}
+        ${O(rt, 16)}
       </button>
     `;
 	}
@@ -1192,7 +1198,7 @@ var V = class extends e {
 		return this;
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.moduleSwitcherAlwaysOpen = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new Ct(this), new vt(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
+		super(), this.modules = [], this.modulesLoading = !1, this.moduleSwitcherAlwaysOpen = !1, this.moduleSwitcherMaxHeight = 0, this.searchValue = "", this.searchLoading = !1, this.expanded = !1, this._keyboard = new wt(this), new yt(this, [".ga-side-navigation__switcher-dropdown", ".ga-side-navigation__switcher"], () => {
 			this.canClose && (this.expanded = !1);
 		}), new L(this, () => this.canClose && this.expanded, ".vsn-switcher-anchor");
 	}
@@ -1215,7 +1221,7 @@ var V = class extends e {
                     title="">
               <span class="ga-side-navigation__switcher-title">${e.title}</span>
               <span class="ga-side-navigation__switcher-action">
-                ${this.expanded ? O(k, 16) : O($e, 16)}
+                ${this.expanded ? O(k, 16) : O(et, 16)}
             </span>
             </button>
           ` : n`
@@ -1225,7 +1231,7 @@ var V = class extends e {
                  title="">
               <span class="ga-side-navigation__switcher-title">${e.title}</span>
               <span class="ga-side-navigation__switcher-action">
-                ${O(He, 16)}
+                ${O(Ue, 16)}
             </span>
             </div>
           `}
@@ -1251,7 +1257,7 @@ var V = class extends e {
 	get _state() {
 		if (this.modulesLoading) return {
 			kind: "module-loading",
-			title: this.activeModuleLabel || Le()
+			title: this.activeModuleLabel || Re()
 		};
 		let e = this.modules.find((e) => e.id === this.activeModuleId);
 		return e ? {
@@ -1260,7 +1266,7 @@ var V = class extends e {
 			available: this.modules.filter((t) => t.id !== e.id)
 		} : {
 			kind: "module-unmatched",
-			title: this.activeModuleId && this.activeModuleLabel ? this.activeModuleLabel : Le(),
+			title: this.activeModuleId && this.activeModuleLabel ? this.activeModuleLabel : Re(),
 			available: this.modules
 		};
 	}
@@ -1306,7 +1312,7 @@ M([s({ attribute: !1 })], V.prototype, "modules", void 0), M([s()], V.prototype,
 })], V.prototype, "expanded", void 0), V = M([v(), o("vsn-header")], V);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.keyboard.ts
-var Tt = class {
+var Et = class {
 	constructor(e) {
 		this.onResultsKeydown = (e) => {
 			if (e.defaultPrevented || w(e) || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
@@ -1320,9 +1326,9 @@ var Tt = class {
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, Et, H = class extends e {
+}, Dt, H = class extends e {
 	static {
-		Et = this;
+		Dt = this;
 	}
 	createRenderRoot() {
 		return this;
@@ -1344,7 +1350,7 @@ var Tt = class {
 			}
 		}, this._onItemMouseLeave = () => {
 			this._showTooltip = !1;
-		}, this._tooltipId = `vsn-search-result-item-tooltip-${Et._idCounter++}`;
+		}, this._tooltipId = `vsn-search-result-item-tooltip-${Dt._idCounter++}`;
 	}
 	render() {
 		let e = this.item;
@@ -1378,12 +1384,12 @@ var Tt = class {
 		}));
 	}
 };
-M([s({ attribute: !1 })], H.prototype, "item", void 0), M([l()], H.prototype, "_showTooltip", void 0), M([l()], H.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__search-results-item-label")], H.prototype, "_labelEl", void 0), H = Et = M([o("vsn-search-result-item")], H);
+M([s({ attribute: !1 })], H.prototype, "item", void 0), M([l()], H.prototype, "_showTooltip", void 0), M([l()], H.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__search-results-item-label")], H.prototype, "_labelEl", void 0), H = Dt = M([o("vsn-search-result-item")], H);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-results/vsn-search-results.ts
 var U = class extends e {
 	constructor(...e) {
-		super(...e), this.loadingMore = !1, this._keyboard = new Tt(this);
+		super(...e), this.loadingMore = !1, this._keyboard = new Et(this);
 	}
 	createRenderRoot() {
 		return this;
@@ -1425,7 +1431,7 @@ var U = class extends e {
             class="vsn-search-results__load-more"
             ?disabled=${this.loadingMore}
             @click=${this._onLoadMore}>
-            ${Ie()}
+            ${Le()}
           </button>
         `)}
       </div>
@@ -1441,13 +1447,13 @@ var U = class extends e {
 M([s({ attribute: !1 })], U.prototype, "results", void 0), M([s()], U.prototype, "errorMessage", void 0), M([s()], U.prototype, "nextCursor", void 0), M([s({ type: Boolean })], U.prototype, "loadingMore", void 0), U = M([v(), o("vsn-search-results")], U);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-template/vsn-template.ts
-var Dt = [
+var Ot = [
 	160,
 	96,
 	144,
 	192,
 	160
-], Ot = class extends e {
+], kt = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -1457,7 +1463,7 @@ var Dt = [
            role="status"
            aria-busy="true"
            aria-label=${_("Loading results")}>
-        ${Dt.map((e) => n`
+        ${Ot.map((e) => n`
           <div class="vsn-template__row">
             <div class="vsn-template__bar" style="width: ${e}px"></div>
           </div>
@@ -1466,17 +1472,17 @@ var Dt = [
     `;
 	}
 };
-Ot = M([v(), o("vsn-template")], Ot);
+kt = M([v(), o("vsn-template")], kt);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-error-state/vsn-error-state.ts
-var kt = class extends e {
+var At = class extends e {
 	createRenderRoot() {
 		return this;
 	}
 	render() {
 		return n`
       <div class="vsn-error-state" role="alert" aria-live="assertive">
-        <div class="vsn-error-state__icon">${O(rt, 24)}</div>
+        <div class="vsn-error-state__icon">${O(it, 24)}</div>
         <div class="vsn-error-state__title">${_("Loading error")}</div>
         <div class="vsn-error-state__message">${_("We're unable to load the menu.")}</div>
         <div class="vsn-error-state__hint">${_("Please check your internet connection and try again.")}</div>
@@ -1485,15 +1491,15 @@ var kt = class extends e {
     `;
 	}
 };
-kt = M([v(), o("vsn-error-state")], kt);
+At = M([v(), o("vsn-error-state")], At);
 //#endregion
 //#region src/components/vsn-side-bar/vsn-search-scopes/vsn-search-scopes.ts
-var At, W = class extends e {
+var jt, W = class extends e {
 	static {
-		At = this;
+		jt = this;
 	}
 	constructor(...e) {
-		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++At._counter}`;
+		super(...e), this.scopes = [], this.selectedScopeId = "", this._name = `vsn-search-scope-${++jt._counter}`;
 	}
 	createRenderRoot() {
 		return this;
@@ -1531,16 +1537,16 @@ var At, W = class extends e {
 		}));
 	}
 };
-M([s({ attribute: !1 })], W.prototype, "scopes", void 0), M([s()], W.prototype, "selectedScopeId", void 0), W = At = M([v(), o("vsn-search-scopes")], W);
+M([s({ attribute: !1 })], W.prototype, "scopes", void 0), M([s()], W.prototype, "selectedScopeId", void 0), W = jt = M([v(), o("vsn-search-scopes")], W);
 //#endregion
 //#region src/shared/lang/locale-codes.ts
-var jt = "en", Mt = [
+var Mt = "en", Nt = [
 	"da",
 	"fi",
 	"nl",
 	"no",
 	"sv"
-], Nt = /* @__PURE__ */ p({ templates: () => Pt }), Pt = {
+], Pt = /* @__PURE__ */ p({ templates: () => Ft }), Ft = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Har du brug for hjælp? Kontakt support.",
 	s1228605ee65ddefa: g`${0} resultat`,
@@ -1579,7 +1585,7 @@ var jt = "en", Mt = [
 	sf55d634dcc743595: "Tjenester",
 	sfbf31f663cef6cc2: "Prøv andre søgeord eller tjek stavningen.",
 	s38385cd359b17f7a: "Loading modules"
-}, Ft = /* @__PURE__ */ p({ templates: () => It }), It = {
+}, It = /* @__PURE__ */ p({ templates: () => Lt }), Lt = {
 	s09a45db408570a7a: "Oma profiili",
 	s119f9875b7d4cdfc: "Tarvitsetko apua? Ota yhteyttä tukeen.",
 	s1228605ee65ddefa: g`${0} tulos`,
@@ -1618,7 +1624,7 @@ var jt = "en", Mt = [
 	sf55d634dcc743595: "Palvelut",
 	sfbf31f663cef6cc2: "Kokeile eri hakusanoja tai tarkista kirjoitusasu.",
 	s38385cd359b17f7a: "Loading modules"
-}, Lt = /* @__PURE__ */ p({ templates: () => Rt }), Rt = {
+}, Rt = /* @__PURE__ */ p({ templates: () => zt }), zt = {
 	s09a45db408570a7a: "Mijn profiel",
 	s119f9875b7d4cdfc: "Hulp nodig? Neem contact op met ondersteuning.",
 	s1228605ee65ddefa: g`${0} resultaat`,
@@ -1657,7 +1663,7 @@ var jt = "en", Mt = [
 	sf55d634dcc743595: "Services",
 	sfbf31f663cef6cc2: "Probeer andere zoekwoorden of controleer de spelling.",
 	s38385cd359b17f7a: "Loading modules"
-}, zt = /* @__PURE__ */ p({ templates: () => Bt }), Bt = {
+}, Bt = /* @__PURE__ */ p({ templates: () => Vt }), Vt = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Trenger du hjelp? Kontakt støtte.",
 	s1228605ee65ddefa: g`${0} resultat`,
@@ -1696,7 +1702,7 @@ var jt = "en", Mt = [
 	sf55d634dcc743595: "Tjenester",
 	sfbf31f663cef6cc2: "Prøv andre søkeord eller sjekk stavemåten.",
 	s38385cd359b17f7a: "Loading modules"
-}, Vt = /* @__PURE__ */ p({ templates: () => Ht }), Ht = {
+}, Ht = /* @__PURE__ */ p({ templates: () => Ut }), Ut = {
 	s09a45db408570a7a: "Min profil",
 	s119f9875b7d4cdfc: "Behöver du hjälp? Kontakta support.",
 	s1228605ee65ddefa: g`${0} resultat`,
@@ -1735,17 +1741,17 @@ var jt = "en", Mt = [
 	sf55d634dcc743595: "Tjänster",
 	sfbf31f663cef6cc2: "Prova andra sökord eller kontrollera stavningen.",
 	s38385cd359b17f7a: "Loading modules"
-}, Ut = {
-	da: Nt,
-	fi: Ft,
-	nl: Lt,
-	no: zt,
-	sv: Vt
-}, { getLocale: Wt, setLocale: Gt } = Te({
-	sourceLocale: jt,
-	targetLocales: Mt,
-	loadLocale: (e) => Ut[e] ? Promise.resolve(Ut[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
-}), Kt = t`
+}, Wt = {
+	da: Pt,
+	fi: It,
+	nl: Rt,
+	no: Bt,
+	sv: Ht
+}, { getLocale: Gt, setLocale: Kt } = Te({
+	sourceLocale: Mt,
+	targetLocales: Nt,
+	loadLocale: (e) => Wt[e] ? Promise.resolve(Wt[e]) : Promise.reject(/* @__PURE__ */ Error(`Unknown locale: ${e}`))
+}), qt = t`
   @layer components {
     vsn-footer {
       display: block;
@@ -1795,7 +1801,7 @@ var jt = "en", Mt = [
       justify-content: center;
     }
   }
-`, qt = t`
+`, Jt = t`
   @layer components {
     .vsn-switcher-anchor {
       position: relative;
@@ -1809,7 +1815,7 @@ var jt = "en", Mt = [
       z-index: 10;
     }
   }
-`, Jt = t`
+`, Yt = t`
   .vsn-search__trigger,
   .vsn-search__clear {
     display: inline-flex;
@@ -1858,7 +1864,7 @@ var jt = "en", Mt = [
   .ga-side-navigation__search input::placeholder {
     color: var(--ga-color-text-disable-selected);
   }
-`, Yt = t`
+`, Xt = t`
   .vsn-search-results__empty {
     display: flex;
     flex-direction: column;
@@ -1927,7 +1933,7 @@ var jt = "en", Mt = [
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, Xt = t`
+`, Zt = t`
   @layer components {
     vsn-search-scopes {
       display: block;
@@ -1948,7 +1954,7 @@ var jt = "en", Mt = [
       text-overflow: ellipsis;
     }
   }
-`, Zt = t`
+`, Qt = t`
   .vsn-template__row {
     display: flex;
     flex-direction: column;
@@ -1963,7 +1969,7 @@ var jt = "en", Mt = [
     background: var(--ga-color-miscellaneous-skeleton-element, #F2F3F5);
     flex-shrink: 0;
   }
-`, Qt = t`
+`, $t = t`
   .vsn-error-state {
     display: flex;
     flex-direction: column;
@@ -2002,7 +2008,7 @@ var jt = "en", Mt = [
     font-weight: 400;
     color: var(--ga-color-text-on-disabled);
   }
-`, $t = t`
+`, en = t`
   .vsn-spinner {
     display: inline-block;
     flex-shrink: 0;
@@ -2022,14 +2028,14 @@ var jt = "en", Mt = [
   @keyframes vsn-spin {
     to { transform: rotate(360deg); }
   }
-`, en = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", tn = class {
+`, tn = "button:not([disabled]), a[href], [tabindex]:not([tabindex=\"-1\"])", nn = class {
 	constructor(e) {
 		this.onKeydown = (e) => {
 			if (e.defaultPrevented || w(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(en) && n.push(e), n.push(...Array.from(e.querySelectorAll(en)));
+			for (let e of t.assignedElements({ flatten: !0 })) e.matches(tn) && n.push(e), n.push(...Array.from(e.querySelectorAll(tn)));
 			if (n.length === 0) return;
 			let r = e.composedPath()[0];
 			if (!(r instanceof HTMLElement)) return;
@@ -2041,12 +2047,12 @@ var jt = "en", Mt = [
 		}, this.host = e, e.addController(this);
 	}
 	hostConnected() {}
-}, G = t`
+}, rn = t`
   .ga-scroll {
     scrollbar-color: var(--ga-color-text-disabled) var(--ga-color-surface-page);
     scrollbar-width: thin;
   }
-`, nn = t`
+`, an = t`
   @layer components {
     .vsn-menu__list {
       list-style: none;
@@ -2070,7 +2076,7 @@ var jt = "en", Mt = [
       content: var(--tw-content);
     }
   }
-`, rn = t`
+`, on = t`
   @layer base {
     button:where(.ga-side-navigation__item),
     button:where(.ga-side-navigation__switcher),
@@ -2087,21 +2093,21 @@ var jt = "en", Mt = [
       color: inherit;
     }
   }
-`, K = class extends e {
+`, G = class extends e {
 	static {
 		this.styles = [
 			h,
-			G,
-			qt,
-			nn,
-			Kt,
 			rn,
 			Jt,
+			an,
+			qt,
+			on,
 			Yt,
 			Xt,
 			Zt,
 			Qt,
 			$t,
+			en,
 			t`
       :host {
         position: absolute;
@@ -2126,7 +2132,7 @@ var jt = "en", Mt = [
 		};
 	}
 	constructor() {
-		super(), this.modules = [], this.modulesLoading = !1, this.moduleSwitcherAlwaysOpen = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId = D, this._searchLoadingMore = !1, this._moduleSwitcherMaxHeight = 0, this._hasPageTitle = !1, this._navFooterKeyboard = new tn(this), this._customWidthPerLanguage = { fi: "30em" }, this._onNavigate = (e) => {
+		super(), this.modules = [], this.modulesLoading = !1, this.moduleSwitcherAlwaysOpen = !1, this.lang = "en", this.error = !1, this.open = !1, this._searchQuery = "", this._searchLoading = !1, this._activeScopeId = D, this._searchLoadingMore = !1, this._moduleSwitcherMaxHeight = 0, this._hasPageTitle = !1, this._navFooterKeyboard = new nn(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
@@ -2156,7 +2162,7 @@ var jt = "en", Mt = [
 		this._moduleSwitcherMaxHeight = Math.max(0, e[0].contentRect.height - 134);
 	}
 	willUpdate(e) {
-		e.has("lang") && Gt(this.lang).catch(console.error), e.has("open") && e.get("open") && !this.open && this.resetSidebarToInitialState(), e.has("menu") && (this._hasPageTitle = this.menu?.pageTitle !== void 0, e.get("menu")?.items !== this.menu?.items && this._runSearch(this._searchQuery, this._activeScopeId));
+		e.has("lang") && Kt(this.lang).catch(console.error), e.has("open") && e.get("open") && !this.open && this.resetSidebarToInitialState(), e.has("menu") && (this._hasPageTitle = this.menu?.pageTitle !== void 0, e.get("menu")?.items !== this.menu?.items && this._runSearch(this._searchQuery, this._activeScopeId));
 	}
 	updated(e) {
 		e.has("open") && this.open && this._scrollActiveItemIntoView(), e.has("menu") && this.open && this.menu?.currentItem && (e.get("menu")?.currentItem || this._scrollActiveItemIntoView());
@@ -2240,7 +2246,7 @@ var jt = "en", Mt = [
 			this._searchResults = t.results, this._searchNextCursor = t.nextCursor, this._searchLoading = !1, this._searchAbort = void 0;
 		} catch (e) {
 			if (this._searchAbort !== r) return;
-			e instanceof pt ? (this._searchError = e.message, this._searchResults = void 0) : console.error("Search function rejected with non-SearchError:", e), this._searchLoading = !1, this._searchAbort = void 0;
+			e instanceof mt ? (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() {
@@ -2260,11 +2266,11 @@ var jt = "en", Mt = [
 			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 pt ? (this._searchError = e.message, this._searchResults = void 0, this._searchNextCursor = void 0) : console.error("Load-more function rejected with non-SearchError:", e), this._searchLoadingMore = !1, this._searchAbort = void 0;
+			e instanceof mt ? (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, n = Ne(e.toLowerCase());
+		let t = this._menu?.items, n = Pe(e.toLowerCase());
 		if (!t?.length || n.length === 0) return [];
 		let r = [], i = (e, t) => {
 			for (let a of e) if (j(a)) i(a.items, [...t, a]);
@@ -2330,7 +2336,7 @@ var jt = "en", Mt = [
       <vsn-search-scopes
         .scopes=${[{
 			id: D,
-			label: Fe()
+			label: Ie()
 		}, ...e.map((e) => ({
 			id: e.id,
 			label: e.label
@@ -2354,15 +2360,15 @@ var jt = "en", Mt = [
     `;
 	}
 };
-M([s({ attribute: !1 })], K.prototype, "modules", void 0), M([s()], K.prototype, "activeModuleId", void 0), M([s()], K.prototype, "activeModuleLabel", void 0), M([s({ type: Boolean })], K.prototype, "modulesLoading", void 0), M([s({ type: Boolean })], K.prototype, "moduleSwitcherAlwaysOpen", void 0), M([s()], K.prototype, "lang", void 0), M([s({ attribute: !1 })], K.prototype, "auth", void 0), M([s({ type: Boolean })], K.prototype, "error", void 0), M([s({
+M([s({ attribute: !1 })], G.prototype, "modules", void 0), M([s()], G.prototype, "activeModuleId", void 0), M([s()], G.prototype, "activeModuleLabel", void 0), M([s({ type: Boolean })], G.prototype, "modulesLoading", void 0), M([s({ type: Boolean })], G.prototype, "moduleSwitcherAlwaysOpen", void 0), M([s()], G.prototype, "lang", void 0), M([s({ attribute: !1 })], G.prototype, "auth", void 0), M([s({ type: Boolean })], G.prototype, "error", void 0), M([s({
 	type: Boolean,
 	reflect: !0
-})], K.prototype, "open", void 0), M([s({ attribute: !1 })], K.prototype, "menu", void 0), M([l()], K.prototype, "_searchQuery", void 0), M([l()], K.prototype, "_searchResults", void 0), M([l()], K.prototype, "_searchLoading", void 0), M([l()], K.prototype, "_activeScopeId", void 0), M([l()], K.prototype, "_searchError", void 0), M([l()], K.prototype, "_searchNextCursor", void 0), M([l()], K.prototype, "_searchLoadingMore", void 0), M([l()], K.prototype, "_moduleSwitcherMaxHeight", void 0), M([l()], K.prototype, "_hasPageTitle", void 0), K = M([o("vsn-side-bar")], K);
+})], G.prototype, "open", void 0), M([s({ attribute: !1 })], G.prototype, "menu", void 0), M([l()], G.prototype, "_searchQuery", void 0), M([l()], G.prototype, "_searchResults", void 0), M([l()], G.prototype, "_searchLoading", void 0), M([l()], G.prototype, "_activeScopeId", void 0), M([l()], G.prototype, "_searchError", void 0), M([l()], G.prototype, "_searchNextCursor", void 0), M([l()], G.prototype, "_searchLoadingMore", void 0), M([l()], G.prototype, "_moduleSwitcherMaxHeight", void 0), M([l()], G.prototype, "_hasPageTitle", void 0), G = M([o("vsn-side-bar")], G);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu-item.ts
-var an, q = class extends e {
+var sn, cn = "height: 0; overflow: hidden; visibility: hidden; white-space: nowrap; pointer-events: none; font-weight: 600;", K = class extends e {
 	static {
-		an = this;
+		sn = this;
 	}
 	static {
 		this._idCounter = 0;
@@ -2398,7 +2404,7 @@ var an, q = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		}, this._tooltipId = `vsn-menu-item-tooltip-${an._idCounter++}`, new L(this, () => this._isExpanded);
+		}, this._tooltipId = `vsn-menu-item-tooltip-${sn._idCounter++}`, new L(this, () => this._isExpanded);
 	}
 	createRenderRoot() {
 		return this;
@@ -2424,10 +2430,11 @@ var an, q = 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 ? O(k, 16) : O(it, 16) : ""}
+			  ${this._isParent() ? this._isExpanded ? O(k, 16) : O(at, 16) : ""}
       </span>
       <div class="ga-side-navigation__item-content">
         <div class="ga-side-navigation__item-label">${e}</div>
+        <div class="ga-side-navigation__item-label-sizer" aria-hidden="true" style=${cn}>${e}</div>
       </div>
     `;
 		return this._isParent() ? n`
@@ -2448,10 +2455,10 @@ var an, q = class extends e {
 		if (this.tree && j(this.tree)) return this.tree.items.length > 0;
 	}
 };
-M([s({ attribute: !1 })], q.prototype, "tree", void 0), M([s({ type: Number })], q.prototype, "level", void 0), M([s({ type: Array })], q.prototype, "ancestorPath", void 0), M([l()], q.prototype, "_isExpanded", void 0), M([l()], q.prototype, "_showTooltip", void 0), M([l()], q.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__item-label")], q.prototype, "_labelEl", void 0), q = an = M([o("vsn-breadcrumb-menu-item")], q);
+M([s({ attribute: !1 })], K.prototype, "tree", void 0), M([s({ type: Number })], K.prototype, "level", void 0), M([s({ type: Array })], K.prototype, "ancestorPath", void 0), M([l()], K.prototype, "_isExpanded", void 0), M([l()], K.prototype, "_showTooltip", void 0), M([l()], K.prototype, "_tooltipPos", void 0), M([c(".ga-side-navigation__item-label")], K.prototype, "_labelEl", void 0), K = sn = M([o("vsn-breadcrumb-menu-item")], K);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumb-menu.ts
-var on = class extends e {
+var ln = class extends e {
 	constructor() {
 		super(), this._handleKeyDown = (e) => {
 			if (e.defaultPrevented || w(e)) return;
@@ -2498,10 +2505,10 @@ var on = class extends e {
     `;
 	}
 };
-M([s({ attribute: !1 })], on.prototype, "treeList", void 0), on = M([o("vsn-breadcrumb-menu")], on);
+M([s({ attribute: !1 })], ln.prototype, "treeList", void 0), ln = M([o("vsn-breadcrumb-menu")], ln);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-breadcrumbs.ts
-var J = class extends e {
+var q = class extends e {
 	constructor(...e) {
 		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);
@@ -2522,8 +2529,8 @@ var J = class extends e {
 	static {
 		this.styles = [
 			h,
-			G,
-			$t,
+			rn,
+			en,
 			t`
       .vsn-bc-modules-loading {
         display: flex;
@@ -2711,7 +2718,7 @@ var J = class extends e {
             aria-haspopup="menu"
             popovertarget="vsn-bc-modules-popover"
           >
-            <span class="ga-breadcrumb-item__label">${Re()}</span>
+            <span class="ga-breadcrumb-item__label">${ze()}</span>
           </button>
           ${t}
           <div
@@ -2741,7 +2748,7 @@ var J = class extends e {
           aria-haspopup="menu"
           popovertarget="vsn-bc-modules-popover"
         >
-          <span class="ga-breadcrumb-item__label">${Re()}</span>
+          <span class="ga-breadcrumb-item__label">${ze()}</span>
         </button>
         ${t}
         <div
@@ -2911,10 +2918,10 @@ var J = class extends e {
     `;
 	}
 };
-M([s({ attribute: !1 })], J.prototype, "tree", void 0), M([s({ type: Array })], J.prototype, "modules", void 0), M([s()], J.prototype, "activeModuleId", void 0), M([s({ type: Boolean })], J.prototype, "modulesLoading", void 0), M([l()], J.prototype, "_openPopoverId", void 0), M([l()], J.prototype, "_displayMode", void 0), M([l()], J.prototype, "_overflowCount", void 0), M([l()], J.prototype, "_tooltip", void 0), J = M([v(), o("vsn-breadcrumbs")], J);
+M([s({ attribute: !1 })], q.prototype, "tree", void 0), M([s({ type: Array })], q.prototype, "modules", void 0), M([s()], q.prototype, "activeModuleId", void 0), M([s({ type: Boolean })], q.prototype, "modulesLoading", void 0), M([l()], q.prototype, "_openPopoverId", void 0), M([l()], q.prototype, "_displayMode", void 0), M([l()], q.prototype, "_overflowCount", void 0), M([l()], q.prototype, "_tooltip", void 0), q = M([v(), o("vsn-breadcrumbs")], q);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-ai-assistant.ts
-var sn = class extends e {
+var un = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -2929,15 +2936,15 @@ var sn = class extends e {
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
               aria-label=${_("Open AI assistant")} @click=${this._handleClick}>
-        <span class="ga-icon">${O(We)}</span>
+        <span class="ga-icon">${O(Ge)}</span>
       </button>
     `;
 	}
 };
-sn = M([v(), o("vsn-ai-assistant")], sn);
+un = M([v(), o("vsn-ai-assistant")], un);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-feedback.ts
-var Y = class extends e {
+var J = 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;
@@ -2977,7 +2984,7 @@ var Y = 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 = ze, e.src = Ve(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), e.onerror = () => {
+			e.id = Be, e.src = He(this.feedback.workspaceId), e.async = !0, e.onload = () => this._applyVisitorTraits(), e.onerror = () => {
 				e.remove(), window._sva = void 0;
 			}, document.head.appendChild(e);
 		}
@@ -3032,14 +3039,14 @@ var Y = class extends e {
 			}) : document.body && this._observer.observe(document.body, {
 				childList: !0,
 				subtree: !0
-			}), this._surveyFocusCleanupTimer = setTimeout(() => this._clearFocusListener(), 15e3), window._sva?.invokeEvent?.(Be);
+			}), this._surveyFocusCleanupTimer = setTimeout(() => this._clearFocusListener(), 15e3), window._sva?.invokeEvent?.(Ve);
 		}
 	}
 	render() {
 		return this._compact ? n`
         <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
                 aria-label=${_("Send feedback")} @click=${this._handleClick}>
-          <span class="ga-icon">${O(qe)}</span>
+          <span class="ga-icon">${O(Je)}</span>
         </button>
       ` : n`
       <button type="button" class="ga-button ga-button--secondary" aria-label=${_("Send feedback")}
@@ -3049,10 +3056,10 @@ var Y = class extends e {
     `;
 	}
 };
-M([l()], Y.prototype, "_compact", void 0), M([s({ attribute: !1 })], Y.prototype, "feedback", void 0), M([s({ attribute: !1 })], Y.prototype, "auth", void 0), M([s()], Y.prototype, "lang", void 0), Y = M([v(), o("vsn-feedback")], Y);
+M([l()], J.prototype, "_compact", void 0), M([s({ attribute: !1 })], J.prototype, "feedback", void 0), M([s({ attribute: !1 })], J.prototype, "auth", void 0), M([s()], J.prototype, "lang", void 0), J = M([v(), o("vsn-feedback")], J);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-home.ts
-var cn = class extends e {
+var dn = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -3071,15 +3078,15 @@ var cn = class extends e {
 		return this.landingPageUrl ? n`
       <a href=${this.landingPageUrl} class="ga-button ga-button--ghost ga-button--icon-only" aria-label=${_("Home")}
          @click=${this._handleClick}>
-        <span class="ga-icon">${O(Je)}</span>
+        <span class="ga-icon">${O(Ye)}</span>
       </a>
     ` : r;
 	}
 };
-M([s({ attribute: "landing-page-url" })], cn.prototype, "landingPageUrl", void 0), cn = M([v(), o("vsn-home")], cn);
+M([s({ attribute: "landing-page-url" })], dn.prototype, "landingPageUrl", void 0), dn = M([v(), o("vsn-home")], dn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-menu-toggle.ts
-var ln = class extends e {
+var Y = class extends e {
 	createRenderRoot() {
 		return this;
 	}
@@ -3106,20 +3113,21 @@ var ln = class extends e {
               @click=${this._handleClick}
               @mouseenter=${this._onActivate}
               @mouseleave=${this._onDeactivate}>
-        <span class="ga-icon">${O(Ue)}</span>
+        <span class="ga-icon">${O(We)}</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">${Me()}</div>
+        <div class="ga-tooltip ga-tooltip--bottom-start kbd-only" style="white-space: nowrap;">
+          <span class="content">${Ne()}</span></div>
       </div>
     `;
 	}
 };
-M([c("div[role=\"tooltip\"]", !0)], ln.prototype, "_tooltipElement", void 0), ln = M([v(), o("vsn-menu-toggle")], ln);
+M([c("div[role=\"tooltip\"]", !0)], Y.prototype, "_tooltipElement", void 0), Y = M([v(), o("vsn-menu-toggle")], Y);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-notifications.ts
-var un = class extends e {
+var fn = class extends e {
 	constructor(...e) {
 		super(...e), this.notificationActive = !1;
 	}
@@ -3134,7 +3142,7 @@ var un = class extends e {
 		}));
 	}
 	render() {
-		let e = this.notificationActive ? Ke : Ge;
+		let e = this.notificationActive ? qe : Ke;
 		return n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only"
               aria-label=${_("Notifications")} @click=${this._handleClick}>
@@ -3147,10 +3155,10 @@ M([s({
 	type: Boolean,
 	attribute: "notification-active",
 	reflect: !0
-})], un.prototype, "notificationActive", void 0), un = M([v(), o("vsn-notifications")], un);
+})], fn.prototype, "notificationActive", void 0), fn = M([v(), o("vsn-notifications")], fn);
 //#endregion
 //#region src/components/vsn-top-bar/vsn-help.ts
-function dn(e) {
+function pn(e) {
 	try {
 		let t = new URL(e);
 		return t.protocol === "https:" || t.protocol === "http:";
@@ -3170,15 +3178,15 @@ var X = class extends e {
 		}));
 	}
 	render() {
-		return this.helpUrl && dn(this.helpUrl) ? n`
+		return this.helpUrl && pn(this.helpUrl) ? n`
         <a href=${this.helpUrl} target="_blank" rel="noopener noreferrer" class="ga-button ga-button--secondary ga-button--icon-only"
            aria-label=${_("Help")}>
-          <span class="ga-icon">${O(Ye)}</span>
+          <span class="ga-icon">${O(Xe)}</span>
         </a>
       ` : n`
       <button type="button" class="ga-button ga-button--secondary ga-button--icon-only" aria-label=${_("Help")}
               @click=${this._handleClick}>
-        <span class="ga-icon">${O(Ye)}</span>
+        <span class="ga-icon">${O(Xe)}</span>
       </button>
     `;
 	}
@@ -3191,7 +3199,7 @@ var Z = class extends e {
 		super(...e), this.modules = [], this.feedback = null, this.showHelp = !1, this.showNotification = !1, this.notificationActive = !1, this.modulesLoading = !1, this.lang = "en";
 	}
 	willUpdate(e) {
-		e.has("lang") && Gt(this.lang).catch(console.error);
+		e.has("lang") && Kt(this.lang).catch(console.error);
 	}
 	focusMenuToggle() {
 		this.renderRoot.querySelector("vsn-menu-toggle")?.focus();
@@ -3233,6 +3241,53 @@ var Z = class extends e {
         border-color: transparent;
       }
 
+      .ga-tooltip {
+        padding: calc(var(--ga-size-spacing-03) * var(--ga-base-scaling-factor, 1));
+      }
+
+      .ga-tooltip .content {
+        line-height: 24px;
+        width: 172px;
+        display: flex;
+        padding-left: calc(var(--ga-size-spacing-02) * var(--ga-base-scaling-factor, 1));
+        padding-right: calc(var(--ga-size-spacing-02) * var(--ga-base-scaling-factor, 1));
+        gap: calc(var(--ga-size-spacing-01) * var(--ga-base-scaling-factor, 1));
+        font-size: calc(var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)) !important;
+        align-items: center;
+      }
+
+      .ga-tooltip.kbd-only .content {
+        line-height: 16px;
+        width: auto;
+        justify-content: center;
+      }
+
+      .ga-tooltip kbd {
+        border: 0 !important;
+        border-radius: var(--ga-radius) !important;
+        background-color: var(--ga-color-surface-action) !important;
+        color: var(--ga-color-text-on-action) !important;
+        padding-inline: calc(var(--ga-size-spacing-02) * var(--ga-base-scaling-factor, 1)) !important;
+        padding-block: 1px !important;
+        font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
+        font-size: calc(var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)) !important;
+        line-height: calc(var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)) !important;
+        letter-spacing: calc(var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)) !important;
+        box-shadow: none !important;
+        font-variant-numeric: tabular-nums;
+        display: flex;
+        gap: calc(var(--ga-size-spacing-01) * var(--ga-base-scaling-factor, 1));
+      }
+
+      .ga-tooltip.kbd-only kbd {
+        padding-block: 0 !important;
+        background: transparent !important;
+      }
+
+      .ga-tooltip kbd > kbd {
+        padding: 0 !important;
+      }
+
       @media (max-width: 767px) {
         .ga-page-header__global-navigation {
           flex-wrap: wrap;
@@ -3308,7 +3363,7 @@ M([s({ attribute: !1 })], Z.prototype, "tree", void 0), M([s({ type: Array })],
 })], Z.prototype, "notificationActive", void 0), M([s({ type: Boolean })], Z.prototype, "modulesLoading", void 0), M([s()], Z.prototype, "lang", void 0), Z = M([o("vsn-top-bar")], Z);
 //#endregion
 //#region src/components/vsn-card.ts
-var fn = class extends e {
+var mn = class extends e {
 	static {
 		this.styles = [h, t`
     :host {
@@ -3329,7 +3384,7 @@ var fn = class extends e {
 		return n`<slot></slot>`;
 	}
 };
-fn = M([o("vsn-card")], fn);
+mn = M([o("vsn-card")], mn);
 //#endregion
 //#region src/components/vsn-skip-to-main.ts
 var Q = class extends e {
@@ -3453,7 +3508,7 @@ var $ = class extends e {
 	static {
 		this.styles = [
 			h,
-			G,
+			rn,
 			t`
       :host {
         display: flex;
@@ -3588,4 +3643,4 @@ M([s()], $.prototype, "lang", void 0), M([s({ attribute: !1 })], $.prototype, "t
 	reflect: !0
 })], $.prototype, "open", void 0), M([l()], $.prototype, "_resolvedModules", void 0), M([l()], $.prototype, "_modulesLoading", void 0), $ = M([o("vsn-navigation")], $);
 //#endregion
-export { pt as SearchError, $ as VSNNavigation, Q as VSNSkipToMain, A as isTreeLeaf, j as isTreeParent };
+export { mt as SearchError, $ as VSNNavigation, Q as VSNSkipToMain, A as isTreeLeaf, j as isTreeParent };