@ac-design/design-system 2.1.1 → 2.2.1

package/dist/lib/charts/ChartFrame.vue_vue_type_script_setup_true_lang.js

@@ -1,28 +1,29 @@
-import e from "../components/AcSkeleton.js";
-import t from "../components/AcEmptyState.js";
-import { Fragment as n, Teleport as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, useModel as b, watch as x } from "vue";
+import { fixedFrame as e } from "../components/fixedFrame.js";
+import t from "../components/AcSkeleton.js";
+import n from "../components/AcEmptyState.js";
+import { Fragment as r, Teleport as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, useModel as x, watch as S } from "vue";
 //#region src/lib/charts/ChartFrame.vue?vue&type=script&setup=true&lang.ts
-var S = ["data-testid"], C = ["aria-pressed", "onClick"], w = { class: "truncate" }, T = {
+var C = ["data-testid"], w = ["aria-pressed", "onClick"], T = { class: "truncate" }, E = {
 	key: 0,
 	class: "ml-auto pl-3 font-medium text-heading tabular-nums"
-}, E = ["role", "aria-label"], D = ["aria-label"], O = {
+}, D = ["role", "aria-label"], O = ["aria-label"], k = {
 	key: 4,
 	class: "sr-only"
-}, k = {
+}, A = {
 	key: 5,
 	class: "sr-only"
-}, A = {
+}, j = {
 	scope: "row",
 	class: "text-left"
-}, j = {
+}, M = {
 	key: 0,
 	class: "mb-1.5 font-medium text-heading"
-}, M = { class: "m-0 flex list-none flex-col gap-1 p-0" }, N = { class: "min-w-0 flex-1 truncate text-muted" }, P = { class: "pl-4 font-medium text-heading tabular-nums" }, F = {
+}, N = { class: "m-0 flex list-none flex-col gap-1 p-0" }, P = { class: "min-w-0 flex-1 truncate text-muted" }, F = { class: "pl-4 font-medium text-heading tabular-nums" }, I = {
 	key: 1,
 	class: "mt-1.5 flex justify-between gap-4 border-t border-border pt-1.5"
-}, I = { class: "font-medium text-heading tabular-nums" }, L = 14, R = 300, z = 200, B = /*@__PURE__*/ l({
+}, L = { class: "font-medium text-heading tabular-nums" }, R = 14, z = 300, B = 200, V = /*@__PURE__*/ u({
 	__name: "ChartFrame",
-	props: /*@__PURE__*/ u({
+	props: /*@__PURE__*/ d({
 		testid: {},
 		height: {},
 		loading: { type: Boolean },
@@ -48,126 +49,126 @@ var S = ["data-testid"], C = ["aria-pressed", "onClick"], w = { class: "truncate
 		widthModifiers: {}
 	}),
 	emits: ["update:hidden", "update:width"],
-	setup(l) {
-		let u = l, B = b(l, "hidden"), V = b(l, "width"), H = g(), U;
-		function W(e) {
-			let t = B.value.includes(e);
-			!t && u.legendItems.length - B.value.length <= 1 || (B.value = t ? B.value.filter((t) => t !== e) : [...B.value, e]);
-		}
+	setup(u) {
+		let d = u, V = x(u, "hidden"), H = x(u, "width"), U = _(), W;
 		function G(e) {
-			let t = e.clientX > window.innerWidth - R, n = e.clientY > window.innerHeight - z;
+			let t = V.value.includes(e);
+			!t && d.legendItems.length - V.value.length <= 1 || (V.value = t ? V.value.filter((t) => t !== e) : [...V.value, e]);
+		}
+		function K(t) {
+			let n = e(), r = t.clientX > n.right - z, i = t.clientY > n.bottom - B;
 			return {
-				left: t ? void 0 : `${e.clientX + L}px`,
-				right: t ? `${window.innerWidth - e.clientX + L}px` : void 0,
-				top: n ? void 0 : `${e.clientY + L}px`,
-				bottom: n ? `${window.innerHeight - e.clientY + L}px` : void 0
+				left: r ? void 0 : `${t.clientX - n.left + R}px`,
+				right: r ? `${n.right - t.clientX + R}px` : void 0,
+				top: i ? void 0 : `${t.clientY - n.top + R}px`,
+				bottom: i ? `${n.bottom - t.clientY + R}px` : void 0
 			};
 		}
-		function K() {
-			U?.disconnect(), H.value && typeof ResizeObserver < "u" && (U = new ResizeObserver(([e]) => {
-				e && (V.value = Math.round(e.contentRect.width));
-			}), U.observe(H.value));
+		function q() {
+			W?.disconnect(), U.value && typeof ResizeObserver < "u" && (W = new ResizeObserver(([e]) => {
+				e && (H.value = Math.round(e.contentRect.width));
+			}), W.observe(U.value));
 		}
-		return x(H, K), m(K), p(() => U?.disconnect()), (u, p) => (h(), o("figure", {
-			class: d(["m-0 flex w-full min-w-0 gap-3", l.legend === "right" ? "flex-wrap items-center justify-center gap-x-10" : "flex-col"]),
+		return S(U, q), h(q), m(() => W?.disconnect()), (e, d) => (g(), s("figure", {
+			class: f(["m-0 flex w-full min-w-0 gap-3", u.legend === "right" ? "flex-wrap items-center justify-center gap-x-10" : "flex-col"]),
 			"data-ac-ds": "",
 			"data-ac-chart": "",
-			"data-testid": l.testid
+			"data-testid": u.testid
 		}, [
-			l.legend !== "none" && l.legendItems.length > 1 && !l.loading && !l.empty ? (h(), o("ul", {
+			u.legend !== "none" && u.legendItems.length > 1 && !u.loading && !u.empty ? (g(), s("ul", {
 				key: 0,
-				class: d(["m-0 flex list-none flex-wrap gap-x-4 gap-y-1.5 p-0", [
-					l.legend === "bottom" && "order-last",
-					l.legend === "right" && "order-last max-w-[320px] min-w-[180px] flex-1 flex-col gap-y-2",
-					l.legendCentered && l.legend !== "right" && "justify-center"
+				class: f(["m-0 flex list-none flex-wrap gap-x-4 gap-y-1.5 p-0", [
+					u.legend === "bottom" && "order-last",
+					u.legend === "right" && "order-last max-w-[320px] min-w-[180px] flex-1 flex-col gap-y-2",
+					u.legendCentered && u.legend !== "right" && "justify-center"
 				]]),
 				"aria-label": "Legend"
-			}, [(h(!0), o(n, null, _(l.legendItems, (e) => (h(), o("li", {
+			}, [(g(!0), s(r, null, v(u.legendItems, (e) => (g(), s("li", {
 				key: e.key,
 				class: "flex"
-			}, [s("button", {
+			}, [c("button", {
 				type: "button",
-				class: d(["inline-flex min-w-0 cursor-pointer items-center gap-2 rounded-6 text-xs transition-colors duration-200 hover:text-heading focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface motion-reduce:transition-none", [B.value.includes(e.key) ? "text-muted/60 line-through" : "text-muted", l.legend === "right" && "w-full"]]),
-				"aria-pressed": !B.value.includes(e.key),
-				onClick: (t) => W(e.key)
+				class: f(["inline-flex min-w-0 cursor-pointer items-center gap-2 rounded-6 text-xs transition-colors duration-200 hover:text-heading focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface motion-reduce:transition-none", [V.value.includes(e.key) ? "text-muted/60 line-through" : "text-muted", u.legend === "right" && "w-full"]]),
+				"aria-pressed": !V.value.includes(e.key),
+				onClick: (t) => G(e.key)
 			}, [
-				s("span", {
-					class: d(["size-2.5 shrink-0 rounded-full transition-opacity duration-200 motion-reduce:transition-none", B.value.includes(e.key) && "opacity-30"]),
-					style: f({ backgroundColor: e.color }),
+				c("span", {
+					class: f(["size-2.5 shrink-0 rounded-full transition-opacity duration-200 motion-reduce:transition-none", V.value.includes(e.key) && "opacity-30"]),
+					style: p({ backgroundColor: e.color }),
 					"aria-hidden": "true"
 				}, null, 6),
-				s("span", w, y(e.name), 1),
-				e.value ? (h(), o("span", T, y(e.value), 1)) : a("", !0)
-			], 10, C)]))), 128))], 2)) : a("", !0),
-			l.loading ? (h(), i(e, {
+				c("span", T, b(e.name), 1),
+				e.value ? (g(), s("span", E, b(e.value), 1)) : o("", !0)
+			], 10, w)]))), 128))], 2)) : o("", !0),
+			u.loading ? (g(), a(t, {
 				key: 1,
 				shape: "rect",
-				height: `${l.height}px`,
+				height: `${u.height}px`,
 				label: "Loading chart"
-			}, null, 8, ["height"])) : l.empty ? (h(), o("div", {
+			}, null, 8, ["height"])) : u.empty ? (g(), s("div", {
 				key: 2,
 				class: "flex w-full items-center justify-center overflow-hidden",
-				style: f({ height: `${l.height}px` })
-			}, [c(t, {
+				style: p({ height: `${u.height}px` })
+			}, [l(n, {
 				size: "small",
-				icon: l.emptyIcon,
-				title: l.emptyText
-			}, null, 8, ["icon", "title"])], 4)) : (h(), o("div", {
+				icon: u.emptyIcon,
+				title: u.emptyText
+			}, null, 8, ["icon", "title"])], 4)) : (g(), s("div", {
 				key: 3,
 				ref_key: "plot",
-				ref: H,
-				class: d(["relative min-w-0", l.legend === "right" ? "max-w-full shrink-0" : "w-full"]),
-				style: f(l.legend === "right" ? {
-					height: `${l.height}px`,
-					width: `${l.height}px`
-				} : { height: `${l.height}px` }),
-				role: u.$slots.controls ? void 0 : "img",
-				"aria-label": u.$slots.controls ? void 0 : l.summary
-			}, [u.$slots.controls ? (h(), o("div", {
+				ref: U,
+				class: f(["relative min-w-0", u.legend === "right" ? "max-w-full shrink-0" : "w-full"]),
+				style: p(u.legend === "right" ? {
+					height: `${u.height}px`,
+					width: `${u.height}px`
+				} : { height: `${u.height}px` }),
+				role: e.$slots.controls ? void 0 : "img",
+				"aria-label": e.$slots.controls ? void 0 : u.summary
+			}, [e.$slots.controls ? (g(), s("div", {
 				key: 0,
 				class: "size-full",
 				role: "img",
-				"aria-label": l.summary
-			}, [v(u.$slots, "default")], 8, D)) : v(u.$slots, "default", {}, void 0, void 0, 1), v(u.$slots, "controls")], 14, E)),
-			l.title || l.description ? (h(), o("figcaption", O, y([l.title, l.description].filter(Boolean).join(". ")), 1)) : a("", !0),
-			!l.loading && !l.empty ? (h(), o("table", k, [
-				s("caption", null, y(l.title ? `${l.title}: data` : "Chart data"), 1),
-				s("thead", null, [s("tr", null, [(h(!0), o(n, null, _(l.table.columns, (e, t) => (h(), o("th", {
+				"aria-label": u.summary
+			}, [y(e.$slots, "default")], 8, O)) : y(e.$slots, "default", {}, void 0, void 0, 1), y(e.$slots, "controls")], 14, D)),
+			u.title || u.description ? (g(), s("figcaption", k, b([u.title, u.description].filter(Boolean).join(". ")), 1)) : o("", !0),
+			!u.loading && !u.empty ? (g(), s("table", A, [
+				c("caption", null, b(u.title ? `${u.title}: data` : "Chart data"), 1),
+				c("thead", null, [c("tr", null, [(g(!0), s(r, null, v(u.table.columns, (e, t) => (g(), s("th", {
 					key: t,
 					scope: "col",
 					class: "text-left"
-				}, y(e), 1))), 128))])]),
-				s("tbody", null, [(h(!0), o(n, null, _(l.table.rows, (e, t) => (h(), o("tr", { key: t }, [s("th", A, y(e[0]), 1), (h(!0), o(n, null, _(e.slice(1), (e, t) => (h(), o("td", { key: t }, y(e), 1))), 128))]))), 128))])
-			])) : a("", !0),
-			(h(), i(r, { to: "body" }, [l.tooltip && l.tip && !l.loading && !l.empty ? (h(), o("div", {
+				}, b(e), 1))), 128))])]),
+				c("tbody", null, [(g(!0), s(r, null, v(u.table.rows, (e, t) => (g(), s("tr", { key: t }, [c("th", j, b(e[0]), 1), (g(!0), s(r, null, v(e.slice(1), (e, t) => (g(), s("td", { key: t }, b(e), 1))), 128))]))), 128))])
+			])) : o("", !0),
+			(g(), a(i, { to: "body" }, [u.tooltip && u.tip && !u.loading && !u.empty ? (g(), s("div", {
 				key: 0,
 				class: "pointer-events-none fixed z-[100] w-max max-w-[280px] min-w-[160px] rounded-10 border border-border bg-surface px-3 py-2.5 text-xs text-body shadow-lg",
-				style: f(G(l.tip)),
+				style: p(K(u.tip)),
 				"aria-hidden": "true",
 				"data-ac-ds": "",
 				"data-testid": "ac-chart-tooltip"
-			}, [v(u.$slots, "tooltip", {
-				datum: l.tip.datum,
-				index: l.tip.index,
-				title: l.tip.title,
-				items: l.tip.items
+			}, [y(e.$slots, "tooltip", {
+				datum: u.tip.datum,
+				index: u.tip.index,
+				title: u.tip.title,
+				items: u.tip.items
 			}, () => [
-				l.tip.title ? (h(), o("p", j, y(l.tip.title), 1)) : a("", !0),
-				s("ul", M, [(h(!0), o(n, null, _(l.tip.items, (e) => (h(), o("li", {
+				u.tip.title ? (g(), s("p", M, b(u.tip.title), 1)) : o("", !0),
+				c("ul", N, [(g(!0), s(r, null, v(u.tip.items, (e) => (g(), s("li", {
 					key: e.key,
 					class: "flex items-center gap-2"
 				}, [
-					s("span", {
+					c("span", {
 						class: "size-2 shrink-0 rounded-full",
-						style: f({ backgroundColor: e.color })
+						style: p({ backgroundColor: e.color })
 					}, null, 4),
-					s("span", N, y(e.name), 1),
-					s("span", P, y(e.formatted), 1)
+					c("span", P, b(e.name), 1),
+					c("span", F, b(e.formatted), 1)
 				]))), 128))]),
-				l.tip.total ? (h(), o("p", F, [p[0] ||= s("span", { class: "text-muted" }, "Total", -1), s("span", I, y(l.tip.total), 1)])) : a("", !0)
-			])], 4)) : a("", !0)]))
-		], 10, S));
+				u.tip.total ? (g(), s("p", I, [d[0] ||= c("span", { class: "text-muted" }, "Total", -1), c("span", L, b(u.tip.total), 1)])) : o("", !0)
+			])], 4)) : o("", !0)]))
+		], 10, C));
 	}
 });
 //#endregion
-export { B as default };
+export { V as default };

package/dist/lib/components/AcAppSwitcher.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import e from "./AcLogo.js";
 import t from "./AcNavbarItem.js";
-import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as ee, openBlock as g, ref as _, renderList as v, renderSlot as te, resolveDynamicComponent as ne, toDisplayString as y, unref as b, useId as re, useModel as ie, watch as ae, withCtx as oe } from "vue";
+import { fixedFrame as n } from "./fixedFrame.js";
+import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeModels as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as ee, openBlock as _, ref as v, renderList as te, renderSlot as ne, resolveDynamicComponent as y, toDisplayString as b, unref as x, useId as re, useModel as ie, watch as ae, withCtx as oe } from "vue";
 import { ChartLine as se, Check as ce, Database as le, GraduationCap as ue, Grip as de, Receipt as fe, Server as pe, ServerCog as me, Telescope as he } from "@lucide/vue";
 //#region src/lib/components/AcAppSwitcher.vue?vue&type=script&setup=true&lang.ts
 var ge = {
@@ -15,22 +16,22 @@ var ge = {
 	"aria-current",
 	"title",
 	"onClick"
-], x = ["src"], S = {
+], S = ["src"], C = {
 	key: 3,
 	class: "text-lg font-semibold"
-}, C = { class: "w-full truncate text-xs font-medium text-heading" }, w = {
+}, w = { class: "w-full truncate text-xs font-medium text-heading" }, T = {
 	key: 0,
 	class: "sr-only"
-}, T = {
+}, E = {
 	key: 1,
 	class: "absolute top-1.5 right-1.5 inline-flex size-4 items-center justify-center rounded-full bg-primary text-white",
 	"aria-hidden": "true"
-}, E = {
+}, D = {
 	key: 0,
 	class: "mt-2 border-t border-border pt-2"
-}, D = "id", O = 3, k = 6, A = /*@__PURE__*/ d({
+}, O = "id", k = 3, A = 6, j = /*@__PURE__*/ f({
 	__name: "AcAppSwitcher",
-	props: /*@__PURE__*/ f({
+	props: /*@__PURE__*/ p({
 		currentApp: { default: "platform" },
 		baseUrl: { default: "https://appscode.com" },
 		activeOrganization: { default: "" },
@@ -54,11 +55,11 @@ var ge = {
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ f(["select"], ["update:open"]),
-	setup(d, { emit: f }) {
-		let A = d, j = ie(d, "open"), M = f, N = [
+	emits: /*@__PURE__*/ p(["select"], ["update:open"]),
+	setup(f, { emit: p }) {
+		let j = f, M = ie(f, "open"), N = p, P = [
 			{
-				name: D,
+				name: O,
 				title: "Platform",
 				port: "8080",
 				subtitle: "Manage your platform & accounts"
@@ -111,14 +112,14 @@ var ge = {
 				icon: ue,
 				color: "red"
 			}
-		], P = {
+		], F = {
 			name: "console",
 			title: "Console",
 			port: "5990",
 			subtitle: "Manage your kubernetes clusters",
 			icon: pe,
 			color: "blue"
-		}, F = [
+		}, ye = [
 			"https://appscode.ninja",
 			"https://appscode.com",
 			"http://bb.test:8080"
@@ -126,7 +127,7 @@ var ge = {
 			"billing",
 			"selfhost",
 			"learn"
-		], ye = {
+		], be = {
 			primary: "bg-primary/10 text-primary-strong ring-primary/25",
 			blue: "bg-info/10 text-info-strong ring-info/25",
 			green: "bg-success/10 text-success-strong ring-success/25",
@@ -134,15 +135,15 @@ var ge = {
 			purple: "bg-pending/10 text-pending-strong ring-pending/25",
 			red: "bg-danger/10 text-danger-strong ring-danger/25",
 			slate: "bg-surface-sunken text-muted ring-border"
-		}, L = re(), R = `${L}-panel`, z = `${L}-heading`, B = _(null), V = _(null), H = _({}), U = _(!0), W = a(() => A.currentApp === "platform" ? D : A.currentApp), be = a(() => !F.includes(A.baseUrl)), xe = a(() => {
-			let e = [...N];
-			return A.activeOrgType !== O && e.splice(1, 0, P), e.filter((e) => !be.value || !I.includes(e.name) || e.name === "billing" && A.isOfflineInstaller && A.activeOrgType === k);
-		}), G = a(() => (A.apps ?? xe.value).filter((e) => !A.hideCurrent || e.name !== W.value).map((e) => ({
+		}, L = re(), R = `${L}-panel`, z = `${L}-heading`, B = v(null), V = v(null), H = v({}), U = v(!0), W = o(() => j.currentApp === "platform" ? O : j.currentApp), xe = o(() => !ye.includes(j.baseUrl)), Se = o(() => {
+			let e = [...P];
+			return j.activeOrgType !== k && e.splice(1, 0, F), e.filter((e) => !xe.value || !I.includes(e.name) || e.name === "billing" && j.isOfflineInstaller && j.activeOrgType === A);
+		}), G = o(() => (j.apps ?? Se.value).filter((e) => !j.hideCurrent || e.name !== W.value).map((e) => ({
 			...e,
-			url: e.url ?? Se(e)
+			url: e.url ?? Ce(e)
 		})));
-		function Se(e) {
-			return A.baseUrl.includes("bb.test") ? `http://bb.test:${e.port}/${e.name}/` : A.baseUrl.includes("localhost") ? `http://localhost:${e.port}/${e.name}/` : `${A.baseUrl}/${e.name}/`;
+		function Ce(e) {
+			return j.baseUrl.includes("bb.test") ? `http://bb.test:${e.port}/${e.name}/` : j.baseUrl.includes("localhost") ? `http://localhost:${e.port}/${e.name}/` : `${j.baseUrl}/${e.name}/`;
 		}
 		function K(e) {
 			return e.name === W.value;
@@ -153,7 +154,7 @@ var ge = {
 		function J() {
 			return [...V.value?.querySelectorAll("[data-app-tile]") ?? []];
 		}
-		function Ce(e) {
+		function we(e) {
 			let t = e[0]?.offsetTop, n = e.filter((e) => e.offsetTop === t).length;
 			return Math.max(n, 1);
 		}
@@ -164,43 +165,43 @@ var ge = {
 		function X() {
 			let e = q();
 			if (!e || !V.value) return;
-			let t = e.getBoundingClientRect(), { offsetWidth: n, offsetHeight: r } = V.value, i = window.innerHeight - t.bottom - 6 - 8, a = t.top - 6 - 8, o = i < r && a > i, s = A.align === "end" ? t.right - n : t.left;
-			U.value = !o, H.value = {
-				[o ? "bottom" : "top"]: `${o ? window.innerHeight - t.top + 6 : t.bottom + 6}px`,
-				left: `${Math.max(8, Math.min(s, window.innerWidth - n - 8))}px`,
-				maxHeight: `${Math.max(o ? a : i, 160)}px`
+			let t = e.getBoundingClientRect(), r = n(), { offsetWidth: i, offsetHeight: a } = V.value, o = r.bottom - t.bottom - 6 - 8, s = t.top - r.top - 6 - 8, c = o < a && s > o, l = (j.align === "end" ? t.right - i : t.left) - r.left;
+			U.value = !c, H.value = {
+				[c ? "bottom" : "top"]: `${c ? r.bottom - t.top + 6 : t.bottom + 6 - r.top}px`,
+				left: `${Math.max(8, Math.min(l, r.width - i - 8))}px`,
+				maxHeight: `${Math.max(c ? s : o, 160)}px`
 			};
 		}
 		function Z(e = !0) {
-			j.value && (j.value = !1, e && q()?.focus());
-		}
-		function we() {
-			j.value ? Z() : j.value = !0;
+			M.value && (M.value = !1, e && q()?.focus());
 		}
 		function Te() {
-			let e = [`gorg=${encodeURIComponent(A.activeOrganization)}`, "path=/"];
-			A.rootDomain && e.push(`domain=${A.rootDomain}`), document.cookie = e.join("; ");
+			M.value ? Z() : M.value = !0;
 		}
-		function Ee(e) {
-			e.name === "grafana" && Te(), M("select", e);
+		function Ee() {
+			let e = [`gorg=${encodeURIComponent(j.activeOrganization)}`, "path=/"];
+			j.rootDomain && e.push(`domain=${j.rootDomain}`), document.cookie = e.join("; ");
 		}
 		function De(e) {
-			e.key !== "ArrowDown" || j.value || (e.preventDefault(), j.value = !0);
+			e.name === "grafana" && Ee(), N("select", e);
 		}
 		function Oe(e) {
-			let t = J(), n = t.indexOf(document.activeElement), r = Ce(t), i = {
+			e.key !== "ArrowDown" || M.value || (e.preventDefault(), M.value = !0);
+		}
+		function ke(e) {
+			let t = J(), n = t.indexOf(document.activeElement), r = we(t), i = {
 				ArrowRight: 1,
 				ArrowLeft: -1,
 				ArrowDown: r,
 				ArrowUp: -r
 			};
-			e.key in i && n >= 0 ? (e.preventDefault(), Y(n + i[e.key])) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), Y(e.key === "Home" ? 0 : t.length - 1)) : e.key === "Escape" ? (e.preventDefault(), Z()) : e.key === "Tab" && ke(e);
+			e.key in i && n >= 0 ? (e.preventDefault(), Y(n + i[e.key])) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), Y(e.key === "Home" ? 0 : t.length - 1)) : e.key === "Escape" ? (e.preventDefault(), Z()) : e.key === "Tab" && Ae(e);
 		}
-		function ke(e) {
+		function Ae(e) {
 			let t = [...V.value?.querySelectorAll("a[href], button:not([disabled])") ?? []], n = t[0], r = t[t.length - 1];
 			e.shiftKey && document.activeElement === n ? (e.preventDefault(), Z()) : !e.shiftKey && document.activeElement === r && Z();
 		}
-		function Ae(e) {
+		function je(e) {
 			let t = e.target;
 			q()?.contains(t) || V.value?.contains(t) || Z(!1);
 		}
@@ -209,57 +210,57 @@ var ge = {
 		}
 		function $(e) {
 			let t = e ? "addEventListener" : "removeEventListener";
-			document[t]("pointerdown", Ae, !0), window[t]("scroll", Q, !0), window[t]("resize", Q);
+			document[t]("pointerdown", je, !0), window[t]("scroll", Q, !0), window[t]("resize", Q);
 		}
-		return ae(j, async (e) => {
+		return ae(M, async (e) => {
 			if ($(e), !e) return;
-			await p(), X();
+			await m(), X();
 			let t = J(), n = G.value.findIndex(K);
 			Y(n >= 0 && t[n] ? n : 0);
-		}), ee(() => $(!1)), (a, f) => (g(), c("div", ge, [u(t, {
+		}), ee(() => $(!1)), (n, o) => (_(), l("div", ge, [d(t, {
 			ref_key: "trigger",
 			ref: B,
-			label: d.label,
-			icon: b(de),
+			label: f.label,
+			icon: x(de),
 			"icon-only": "",
 			"aria-haspopup": "dialog",
-			"aria-expanded": j.value,
-			"aria-controls": j.value ? R : void 0,
-			class: m(j.value && "bg-surface-sunken text-heading"),
+			"aria-expanded": M.value,
+			"aria-controls": M.value ? R : void 0,
+			class: h(M.value && "bg-surface-sunken text-heading"),
 			"data-ac-ds": "",
 			"data-testid": "ac-app-switcher-trigger",
-			onClick: we,
-			onKeydown: De
+			onClick: Te,
+			onKeydown: Oe
 		}, null, 8, [
 			"label",
 			"icon",
 			"aria-expanded",
 			"aria-controls",
 			"class"
-		]), (g(), o(r, { to: "body" }, [u(i, {
+		]), (_(), s(i, { to: "body" }, [d(a, {
 			"enter-active-class": "transition duration-150 ease-out",
 			"enter-from-class": "opacity-0 motion-safe:scale-95",
 			"leave-active-class": "transition duration-100 ease-in",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: oe(() => [j.value ? (g(), c("div", {
+			default: oe(() => [M.value ? (_(), l("div", {
 				key: 0,
 				id: R,
 				ref_key: "panel",
 				ref: V,
 				role: "dialog",
 				"aria-labelledby": z,
-				class: m(["ac-scrollbar fixed z-[90] flex w-[calc(340px*var(--ac-scale))] max-w-[calc(100vw-16px)] flex-col rounded-14 border border-border bg-surface p-2 shadow-lg", U.value ? "origin-top-right" : "origin-bottom-right"]),
-				style: h(H.value),
+				class: h(["ac-scrollbar fixed z-[90] flex w-[calc(340px*var(--ac-scale))] max-w-[calc(100vw-16px)] flex-col rounded-14 border border-border bg-surface p-2 shadow-lg", U.value ? "origin-top-right" : "origin-bottom-right"]),
+				style: g(H.value),
 				"data-ac-ds": "",
 				"data-testid": "ac-app-switcher-panel",
-				onKeydown: Oe
+				onKeydown: ke
 			}, [
-				l("p", {
+				u("p", {
 					id: z,
 					class: "px-3 pt-2 pb-2 text-sm font-semibold tracking-[0.08em] text-muted uppercase"
-				}, y(d.label), 1),
-				l("ul", _e, [(g(!0), c(n, null, v(G.value, (t) => (g(), c("li", { key: t.name }, [l("a", {
+				}, b(f.label), 1),
+				u("ul", _e, [(_(!0), l(r, null, te(G.value, (t) => (_(), l("li", { key: t.name }, [u("a", {
 					href: t.url,
 					"data-app-tile": "",
 					"aria-current": K(t) ? "page" : void 0,
@@ -267,37 +268,37 @@ var ge = {
 					class: "group relative flex h-full flex-col items-center gap-2 rounded-8 px-1.5 pt-3 pb-2.5 text-center no-underline outline-none transition-colors duration-200 hover:bg-surface-sunken focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset aria-[current=page]:bg-accent",
 					"data-ac-ds": "",
 					"data-testid": "ac-app-switcher-app",
-					onClick: (e) => Ee(t)
+					onClick: (e) => De(t)
 				}, [
-					l("span", {
-						class: m(["relative inline-flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-10 ring-1 transition-transform duration-200 ring-inset motion-safe:group-hover:-translate-y-px", t.iconUrl || t.name === D && !t.icon ? "bg-surface ring-border" : ye[t.color ?? "slate"]]),
+					u("span", {
+						class: h(["relative inline-flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-10 ring-1 transition-transform duration-200 ring-inset motion-safe:group-hover:-translate-y-px", t.iconUrl || t.name === O && !t.icon ? "bg-surface ring-border" : be[t.color ?? "slate"]]),
 						"aria-hidden": "true"
-					}, [t.iconUrl ? (g(), c("img", {
+					}, [t.iconUrl ? (_(), l("img", {
 						key: 0,
 						src: t.iconUrl,
 						alt: "",
 						class: "size-7 object-contain"
-					}, null, 8, x)) : t.icon ? (g(), o(ne(t.icon), {
+					}, null, 8, S)) : t.icon ? (_(), s(y(t.icon), {
 						key: 1,
 						class: "size-5"
-					})) : t.name === D ? (g(), o(e, {
+					})) : t.name === O ? (_(), s(e, {
 						key: 2,
 						variant: "mark",
 						size: 28,
 						label: ""
-					})) : (g(), c("span", S, y(t.title.charAt(0)), 1))], 2),
-					l("span", C, y(t.title), 1),
-					t.subtitle ? (g(), c("span", w, y(t.subtitle), 1)) : s("", !0),
-					K(t) ? (g(), c("span", T, [u(b(ce), {
+					})) : (_(), l("span", C, b(t.title.charAt(0)), 1))], 2),
+					u("span", w, b(t.title), 1),
+					t.subtitle ? (_(), l("span", T, b(t.subtitle), 1)) : c("", !0),
+					K(t) ? (_(), l("span", E, [d(x(ce), {
 						class: "size-2.5",
 						"stroke-width": 3
-					})])) : s("", !0)
+					})])) : c("", !0)
 				], 8, ve)]))), 128))]),
-				a.$slots.footer ? (g(), c("div", E, [te(a.$slots, "footer", { close: Z })])) : s("", !0)
-			], 38)) : s("", !0)]),
+				n.$slots.footer ? (_(), l("div", D, [ne(n.$slots, "footer", { close: Z })])) : c("", !0)
+			], 38)) : c("", !0)]),
 			_: 3
 		})]))]));
 	}
 });
 //#endregion
-export { A as default };
+export { j as default };