@nubisco/ui 1.24.0 → 1.25.0

package/dist/index.mjs

@@ -1,25 +1,25 @@
 import * as e from "vue";
 import { Comment as t, Fragment as n, Teleport as r, Text as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineAsyncComponent as p, defineComponent as m, getCurrentInstance as h, inject as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, onUnmounted as w, openBlock as T, provide as E, reactive as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, resolveDynamicComponent as M, shallowRef as N, toDisplayString as P, unref as F, useId as I, useModel as L, useSlots as R, vModelCheckbox as ee, vModelDynamic as te, vModelText as ne, vShow as re, watch as z, withCtx as B, withDirectives as V, withKeys as H, withModifiers as U } from "vue";
 //#region \0rolldown/runtime.js
-var ie = Object.defineProperty, ae = (e, t) => {
+var ie = Object.defineProperty, W = (e, t) => {
 	let n = {};
 	for (var r in e) ie(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
 	return t || ie(n, Symbol.toStringTag, { value: "Module" }), n;
-}, oe = /* @__PURE__ */ function(e) {
+}, ae = /* @__PURE__ */ function(e) {
 	return e.Default = "default", e.Inline = "inline", e;
-}(oe || {}), se = /* @__PURE__ */ function(e) {
+}(ae || {}), oe = /* @__PURE__ */ function(e) {
 	return e.Small = "sm", e.Medium = "md", e.Large = "lg", e;
-}(se || {}), W = {
+}(oe || {}), se = {
 	key: 0,
 	class: "nb-ai-label--dot"
 }, ce = /* @__PURE__ */ m({
 	__name: "AiLabel",
 	props: {
-		variant: { default: oe.Default },
-		size: { default: se.Medium }
+		variant: { default: ae.Default },
+		size: { default: oe.Medium }
 	},
 	setup(e) {
 		let t = e, n = o(() => ({
@@ -32,11 +32,11 @@ var ie = Object.defineProperty, ae = (e, t) => {
 			return T(), s(i, v({
 				is: "button",
 				align: "center"
-			}, { ...e.variant === F(oe).Inline && { gap: "sm" } }, {
+			}, { ...e.variant === F(ae).Inline && { gap: "sm" } }, {
 				justify: "center",
 				class: n.value
 			}), {
-				default: B(() => [e.variant === F(oe).Inline ? (T(), l("div", W)) : c("", !0), r[0] ||= u("svg", {
+				default: B(() => [e.variant === F(ae).Inline ? (T(), l("div", se)) : c("", !0), r[0] ||= u("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 256 256"
 				}, [u("path", {
@@ -13328,10 +13328,10 @@ var IWt = ["title"], I8 = /* @__PURE__ */ G(/* @__PURE__ */ m({
 		}), H = O(null), U = O(null), ie = D({
 			x: 0,
 			y: 0
-		}), ae = O(null), oe = (e, t) => {
+		}), W = O(null), ae = (e, t) => {
 			if (!H.value) return;
 			let n = H.value.getBoundingClientRect();
-			ie.x = e.clientX - n.left + 12, ie.y = e.clientY - n.top + 12, U.value = t.id, ae.value = {
+			ie.x = e.clientX - n.left + 12, ie.y = e.clientY - n.top + 12, U.value = t.id, W.value = {
 				title: t.label,
 				rows: [
 					{
@@ -13351,10 +13351,10 @@ var IWt = ["title"], I8 = /* @__PURE__ */ G(/* @__PURE__ */ m({
 					}] : []
 				]
 			};
-		}, se = (e, t) => {
+		}, oe = (e, t) => {
 			if (!H.value) return;
 			let n = H.value.getBoundingClientRect();
-			ie.x = e.clientX - n.left + 12, ie.y = e.clientY - n.top + 12, U.value = t.id, ae.value = {
+			ie.x = e.clientX - n.left + 12, ie.y = e.clientY - n.top + 12, U.value = t.id, W.value = {
 				title: t.label,
 				rows: [{
 					label: "Date",
@@ -13362,7 +13362,7 @@ var IWt = ["title"], I8 = /* @__PURE__ */ G(/* @__PURE__ */ m({
 					color: t.color
 				}]
 			};
-		}, W = o(() => {
+		}, se = o(() => {
 			let e = /* @__PURE__ */ new Set();
 			for (let n of t.tasks ?? []) e.add(n.status ?? "default");
 			let n = {
@@ -13381,9 +13381,9 @@ var IWt = ["title"], I8 = /* @__PURE__ */ G(/* @__PURE__ */ m({
 			title: e.title,
 			subtitle: e.subtitle,
 			height: e.height,
-			"show-legend": e.showLegend && W.value.length > 1
+			"show-legend": e.showLegend && se.value.length > 1
 		}, {
-			legend: B(() => [f(ye, { items: W.value }, null, 8, ["items"])]),
+			legend: B(() => [f(ye, { items: se.value }, null, 8, ["items"])]),
 			default: B(() => [u("div", { class: b(["nb-gantt", { "nb-gantt--has-groups": g.value }]) }, [u("div", {
 				class: "nb-gantt__list",
 				style: x({ width: `${e.listWidth}px` })
@@ -13498,7 +13498,7 @@ var IWt = ["title"], I8 = /* @__PURE__ */ G(/* @__PURE__ */ m({
 						fill: t.color,
 						onMouseenter: (e) => U.value = t.id,
 						onMouseleave: r[1] ||= (e) => U.value = null,
-						onMousemove: (e) => oe(e, t)
+						onMousemove: (e) => ae(e, t)
 					}, null, 42, xGt), e.showProgress && t.progress > 0 ? (T(), l("rect", {
 						key: 0,
 						class: "nb-gantt__bar-progress",
@@ -13519,7 +13519,7 @@ var IWt = ["title"], I8 = /* @__PURE__ */ G(/* @__PURE__ */ m({
 						fill: t.color,
 						onMouseenter: (e) => U.value = t.id,
 						onMouseleave: r[2] ||= (e) => U.value = null,
-						onMousemove: (e) => se(e, t)
+						onMousemove: (e) => oe(e, t)
 					}, null, 42, CGt)]))), 128)),
 					u("g", null, [(T(!0), l(n, null, k(V.value, (e, t) => (T(), l("path", {
 						key: `dep-${t}`,
@@ -13543,11 +13543,11 @@ var IWt = ["title"], I8 = /* @__PURE__ */ G(/* @__PURE__ */ m({
 					}, null, 40, EGt))), 128))])
 				], 40, pGt)),
 				f(we, {
-					visible: e.showTooltip && U.value !== null && ae.value !== null,
+					visible: e.showTooltip && U.value !== null && W.value !== null,
 					x: ie.x,
 					y: ie.y,
-					title: ae.value?.title ?? "",
-					rows: ae.value?.rows ?? []
+					title: W.value?.title ?? "",
+					rows: W.value?.rows ?? []
 				}, null, 8, [
 					"visible",
 					"x",
@@ -14735,21 +14735,21 @@ function ZGt(e, t = {}) {
 		};
 		return t("");
 	}
-	function ae(e) {
+	function W(e) {
 		g(e);
 		let t = m(e, "|");
 		return g(e), t;
 	}
-	function oe(e, t) {
+	function ae(e, t) {
 		let n = null;
 		switch (e.currentChar()) {
 			case "{": return t.braceNest >= 1 && d($.NOT_ALLOW_NEST_PLACEHOLDER, a(), 0), e.next(), n = f(t, 2, "{"), g(e), t.braceNest++, n;
 			case "}": return t.braceNest > 0 && t.currentType === 2 && d($.EMPTY_PLACEHOLDER, a(), 0), e.next(), n = f(t, 3, "}"), t.braceNest--, t.braceNest > 0 && g(e), t.inLinked && t.braceNest === 0 && (t.inLinked = !1), n;
-			case "@": return t.braceNest > 0 && d($.UNTERMINATED_CLOSING_BRACE, a(), 0), n = se(e, t) || p(t), t.braceNest = 0, n;
+			case "@": return t.braceNest > 0 && d($.UNTERMINATED_CLOSING_BRACE, a(), 0), n = oe(e, t) || p(t), t.braceNest = 0, n;
 			default: {
 				let r = !0, i = !0, o = !0;
-				if (E(e)) return t.braceNest > 0 && d($.UNTERMINATED_CLOSING_BRACE, a(), 0), n = f(t, 1, ae(e)), t.braceNest = 0, t.inLinked = !1, n;
-				if (t.braceNest > 0 && (t.currentType === 4 || t.currentType === 5 || t.currentType === 6)) return d($.UNTERMINATED_CLOSING_BRACE, a(), 0), t.braceNest = 0, W(e, t);
+				if (E(e)) return t.braceNest > 0 && d($.UNTERMINATED_CLOSING_BRACE, a(), 0), n = f(t, 1, W(e)), t.braceNest = 0, t.inLinked = !1, n;
+				if (t.braceNest > 0 && (t.currentType === 4 || t.currentType === 5 || t.currentType === 6)) return d($.UNTERMINATED_CLOSING_BRACE, a(), 0), t.braceNest = 0, se(e, t);
 				if (r = y(e, t)) return n = f(t, 4, ee(e)), g(e), n;
 				if (i = b(e, t)) return n = f(t, 5, te(e)), g(e), n;
 				if (o = x(e, t)) return n = f(t, 6, re(e)), g(e), n;
@@ -14759,25 +14759,25 @@ function ZGt(e, t = {}) {
 		}
 		return n;
 	}
-	function se(e, t) {
+	function oe(e, t) {
 		let { currentType: n } = t, r = null, i = e.currentChar();
 		switch ((n === 7 || n === 8 || n === 11 || n === 9) && (i === v5 || i === _5) && d($.INVALID_LINKED_FORMAT, a(), 0), i) {
 			case "@": return e.next(), r = f(t, 7, "@"), t.inLinked = !0, r;
 			case ".": return g(e), e.next(), f(t, 8, ".");
 			case ":": return g(e), e.next(), f(t, 9, ":");
-			default: return E(e) ? (r = f(t, 1, ae(e)), t.braceNest = 0, t.inLinked = !1, r) : S(e, t) || w(e, t) ? (g(e), se(e, t)) : C(e, t) ? (g(e), f(t, 11, U(e))) : T(e, t) ? (g(e), i === "{" ? oe(e, t) || r : f(t, 10, ie(e))) : (n === 7 && d($.INVALID_LINKED_FORMAT, a(), 0), t.braceNest = 0, t.inLinked = !1, W(e, t));
+			default: return E(e) ? (r = f(t, 1, W(e)), t.braceNest = 0, t.inLinked = !1, r) : S(e, t) || w(e, t) ? (g(e), oe(e, t)) : C(e, t) ? (g(e), f(t, 11, U(e))) : T(e, t) ? (g(e), i === "{" ? ae(e, t) || r : f(t, 10, ie(e))) : (n === 7 && d($.INVALID_LINKED_FORMAT, a(), 0), t.braceNest = 0, t.inLinked = !1, se(e, t));
 		}
 	}
-	function W(e, t) {
+	function se(e, t) {
 		let n = { type: 13 };
-		if (t.braceNest > 0) return oe(e, t) || p(t);
-		if (t.inLinked) return se(e, t) || p(t);
+		if (t.braceNest > 0) return ae(e, t) || p(t);
+		if (t.inLinked) return oe(e, t) || p(t);
 		switch (e.currentChar()) {
-			case "{": return oe(e, t) || p(t);
+			case "{": return ae(e, t) || p(t);
 			case "}": return d($.UNBALANCED_CLOSING_BRACE, a(), 0), e.next(), f(t, 3, "}");
-			case "@": return se(e, t) || p(t);
+			case "@": return oe(e, t) || p(t);
 			default:
-				if (E(e)) return n = f(t, 1, ae(e)), t.braceNest = 0, t.inLinked = !1, n;
+				if (E(e)) return n = f(t, 1, W(e)), t.braceNest = 0, t.inLinked = !1, n;
 				if (D(e)) return f(t, 0, R(e));
 				break;
 		}
@@ -14785,7 +14785,7 @@ function ZGt(e, t = {}) {
 	}
 	function ce() {
 		let { currentType: e, offset: t, startLoc: n, endLoc: o } = c;
-		return c.lastType = e, c.lastOffset = t, c.lastStartLoc = n, c.lastEndLoc = o, c.offset = i(), c.startLoc = a(), r.currentChar() === y5 ? f(c, 13) : W(r, c);
+		return c.lastType = e, c.lastOffset = t, c.lastStartLoc = n, c.lastEndLoc = o, c.offset = i(), c.startLoc = a(), r.currentChar() === y5 ? f(c, 13) : se(r, c);
 	}
 	return {
 		nextToken: ce,
@@ -16255,10 +16255,10 @@ function wqt(e = {}) {
 	function ie(...e) {
 		return R((t) => Reflect.apply(y7, null, [t, ...e]), () => b7(...e), "datetime format", (t) => t[F7](...e), q7, (e) => Y(e) || c5(e));
 	}
-	function ae(e) {
+	function W(e) {
 		C = e, w.pluralRules = C;
 	}
-	function oe(e, t) {
+	function ae(e, t) {
 		return R(() => {
 			if (!e) return !1;
 			let n = Y(t) ? t : c.value, r = Y(t) ? [n] : Z5(w, l.value, n);
@@ -16269,7 +16269,7 @@ function wqt(e = {}) {
 			return !1;
 		}, () => [e], "translate exists", (n) => Reflect.apply(n.te, n, [e, t]), Cqt, (e) => X(e));
 	}
-	function se(e) {
+	function oe(e) {
 		let t = null, n = Z5(w, l.value, c.value);
 		for (let r = 0; r < n.length; r++) {
 			let i = u.value[n[r]] || {}, a = w.messageResolver(i, e);
@@ -16280,8 +16280,8 @@ function wqt(e = {}) {
 		}
 		return t;
 	}
-	function W(e) {
-		return se(e) ?? (t && t.tm(e) || {});
+	function se(e) {
+		return oe(e) ?? (t && t.tm(e) || {});
 	}
 	function ce(e) {
 		return u.value[e] || {};
@@ -16390,9 +16390,9 @@ function wqt(e = {}) {
 		setPostTranslationHandler: P,
 		getMissingHandler: F,
 		setMissingHandler: I,
-		[yqt]: ae
+		[yqt]: W
 	};
-	return K.datetimeFormats = A, K.numberFormats = j, K.rt = te, K.te = oe, K.tm = W, K.d = ne, K.n = re, K.getDateTimeFormat = ue, K.setDateTimeFormat = de, K.mergeDateTimeFormat = fe, K.getNumberFormat = pe, K.setNumberFormat = me, K.mergeNumberFormat = he, K[z7] = n, K[P7] = H, K[F7] = ie, K[I7] = U, process.env.NODE_ENV !== "production" && (K[L7] = (e) => {
+	return K.datetimeFormats = A, K.numberFormats = j, K.rt = te, K.te = ae, K.tm = se, K.d = ne, K.n = re, K.getDateTimeFormat = ue, K.setDateTimeFormat = de, K.mergeDateTimeFormat = fe, K.getNumberFormat = pe, K.setNumberFormat = me, K.mergeNumberFormat = he, K[z7] = n, K[P7] = H, K[F7] = ie, K[I7] = U, process.env.NODE_ENV !== "production" && (K[L7] = (e) => {
 		w.__v_emitter = e;
 	}, K[R7] = () => {
 		w.__v_emitter = void 0;
@@ -16714,7 +16714,7 @@ var $7 = /* @__PURE__ */ function(e) {
 				clientX: 0,
 				clientY: 0
 			};
-		}, ae = (e) => {
+		}, W = (e) => {
 			let t = p.value;
 			if (!t) return null;
 			let { clientX: n, clientY: r } = ie(e), { left: i, top: a } = t.getBoundingClientRect();
@@ -16722,22 +16722,22 @@ var $7 = /* @__PURE__ */ function(e) {
 				x: n - i,
 				y: r - a
 			};
-		}, oe = (e) => {
+		}, ae = (e) => {
 			e.preventDefault();
-			let t = ae(e);
+			let t = W(e);
 			if (!t) return;
 			let { x: n, y: r } = t;
 			fe(n, r) && (D = !0, E = !0, A = {
 				x: n - v.value.x,
 				y: r - v.value.y
 			});
-		}, se = (e) => {
+		}, oe = (e) => {
 			D ? ce(e) : M && ue(e);
-		}, W = () => {
+		}, se = () => {
 			D && (G(), D = !1, me()), M && (de(), me()), E = !1, D = !1;
 		}, ce = (e) => {
 			if (E) {
-				let t = ae(e);
+				let t = W(e);
 				if (!t) return;
 				let { x: n, y: r } = t;
 				v.value.x = Math.floor(n - A.x), v.value.y = Math.floor(r - A.y), re();
@@ -16746,7 +16746,7 @@ var $7 = /* @__PURE__ */ function(e) {
 			E &&= (pe(), re(), !1);
 		}, le = (e, t) => {
 			e.preventDefault();
-			let n = ae(e);
+			let n = W(e);
 			n && (M = !0, L = t, N = {
 				x: n.x,
 				y: n.y
@@ -16754,7 +16754,7 @@ var $7 = /* @__PURE__ */ function(e) {
 		}, ue = (e) => {
 			if (!M) return;
 			if (i.lockAspectRatio && p.value) {
-				let t = ae(e);
+				let t = W(e);
 				if (!t) return;
 				let { x: n, y: r } = t, a = I.x + I.width / 2, o = I.y + I.height / 2;
 				if (i.cropAsCircle) {
@@ -16777,7 +16777,7 @@ var $7 = /* @__PURE__ */ function(e) {
 				re();
 				return;
 			}
-			let t = ae(e);
+			let t = W(e);
 			if (!t) return;
 			let { x: n, y: r } = t, a = n - N.x, o = r - N.y;
 			R = e instanceof MouseEvent && e.shiftKey;
@@ -16862,13 +16862,13 @@ var $7 = /* @__PURE__ */ function(e) {
 			let a = j("NbGrid");
 			return T(), l("div", Nqt, [u("div", {
 				class: "canvas-container",
-				onMousedown: oe,
-				onMousemove: se,
-				onMouseup: W,
-				onMouseleave: W,
-				onTouchstart: oe,
-				onTouchmove: se,
-				onTouchend: W
+				onMousedown: ae,
+				onMousemove: oe,
+				onMouseup: se,
+				onMouseleave: se,
+				onTouchstart: ae,
+				onTouchmove: oe,
+				onTouchend: se
 			}, [u("canvas", {
 				ref_key: "canvas",
 				ref: p
@@ -19162,7 +19162,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 		S(() => {
 			te(), re();
 		});
-		let ae = o(() => [
+		let W = o(() => [
 			"nb-slider",
 			`nb-slider--${r.size}`,
 			`nb-slider--${r.variant}`,
@@ -19172,13 +19172,13 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				"nb-slider--error": !!r.error,
 				"nb-slider--warning": !r.error && !!r.warning
 			}
-		]), oe = o(() => ({
+		]), ae = o(() => ({
 			"nb-slider__track-area--error": !!r.error,
 			"nb-slider__track-area--warning": !r.error && !!r.warning
 		}));
 		return (t, r) => {
 			let i = j("NbLabel"), o = j("NbNumberInput"), p = j("NbGrid"), v = j("NbMessage");
-			return T(), l("div", { class: b(ae.value) }, [
+			return T(), l("div", { class: b(W.value) }, [
 				e.variant === "default" && e.label ? (T(), s(i, {
 					key: 0,
 					class: "nb-slider__label"
@@ -19216,7 +19216,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 							dir: "col",
 							justify: "end",
 							gap: "xs",
-							class: b(["nb-slider__track-area", oe.value]),
+							class: b(["nb-slider__track-area", ae.value]),
 							grow: ""
 						}, {
 							default: B(() => [u("div", {
@@ -20286,65 +20286,69 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 		"connect",
 		"disconnect",
 		"move",
-		"selection-change"
+		"selection-change",
+		"focus"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = e, a = r, s = O(), d = O(0), f = O(0), p = O(1), m = O(0), h = O(/* @__PURE__ */ new Set());
-		function g(e) {
-			h.value = new Set(e), a("selection-change", e), _();
+		let i = e, a = r, s = O(), d = O(0), f = O(0), p = O(1), m = O(0), h = O(/* @__PURE__ */ new Set()), g = O(null);
+		function _(e) {
+			g.value = e, a("focus", e);
 		}
-		function _() {
+		function v(e) {
+			h.value = new Set(e), a("selection-change", e), w();
+		}
+		function w() {
 			s.value && s.value.querySelectorAll(".nb-blueprint-card").forEach((e) => {
 				let t = e.dataset.cardId;
 				t && e.classList.toggle("nb-blueprint-card--selected", h.value.has(t));
 			});
 		}
-		function v() {
+		function E() {
 			if (!s.value) return;
 			let e = [];
 			s.value.querySelectorAll("[data-card-id]").forEach((t) => {
 				let n = t.dataset.cardId;
 				n && e.push(n);
-			}), g(e);
+			}), v(e);
 		}
-		function w() {
-			g([]);
+		function D() {
+			v([]), _(null);
 		}
-		let E = O(!1);
-		function D(e) {
-			e.code === "Space" && !e.repeat && (E.value = !0, e.preventDefault());
+		let j = O(!1);
+		function M(e) {
+			e.code === "Space" && !e.repeat && (j.value = !0, e.preventDefault());
 		}
-		function j(e) {
-			e.code === "Space" && (E.value = !1);
+		function N(e) {
+			e.code === "Space" && (j.value = !1);
 		}
-		let M = !1, N = 0, P = 0;
-		function I(e) {
+		let P = !1, I = 0, L = 0;
+		function R(e) {
 			if (e.target.closest(".nb-blueprint-card__port")) return;
 			if (e.button === 1) {
-				L(e);
+				ee(e);
 				return;
 			}
-			if (E.value) {
-				L(e);
+			if (j.value) {
+				ee(e);
 				return;
 			}
 			let t = e.target.closest(".nb-blueprint-card");
 			if (t) {
-				ae(e, t);
+				oe(e, t);
 				return;
 			}
-			le(e);
+			fe(e);
 		}
-		function L(e) {
-			M = !0, N = e.clientX - d.value, P = e.clientY - f.value, document.addEventListener("mousemove", R), document.addEventListener("mouseup", ee);
+		function ee(e) {
+			P = !0, I = e.clientX - d.value, L = e.clientY - f.value, document.addEventListener("mousemove", te), document.addEventListener("mouseup", ne);
 		}
-		function R(e) {
-			M && (d.value = e.clientX - N, f.value = e.clientY - P, m.value++);
+		function te(e) {
+			P && (d.value = e.clientX - I, f.value = e.clientY - L, m.value++);
 		}
-		function ee() {
-			M = !1, document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", ee);
+		function ne() {
+			P = !1, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", ne);
 		}
-		function te(e) {
+		function re(e) {
 			let t = s.value?.getBoundingClientRect();
 			if (!t) return;
 			let n = p.value, r = e.deltaY > 0 ? -.1 : .1, i = Math.max(z9, Math.min(B9, n + r));
@@ -20352,8 +20356,8 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			let a = e.clientX - t.left, o = e.clientY - t.top, c = (a - d.value) / n, l = (o - f.value) / n;
 			d.value = a - c * i, f.value = o - l * i, p.value = i;
 		}
-		let ne = !1, re = 0, z = 0, B = /* @__PURE__ */ new Map(), V = !1;
-		function H(e) {
+		let z = !1, B = 0, V = 0, H = /* @__PURE__ */ new Map(), ie = !1;
+		function W(e) {
 			let t = e.parentElement;
 			if (!t) return {
 				x: 0,
@@ -20368,55 +20372,57 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				y: t.offsetTop
 			};
 		}
-		function ie(e, t, n) {
+		function ae(e, t, n) {
 			let r = e.parentElement;
 			r && (r.style.transform = `translate(${t}px, ${n}px)`);
 		}
-		function ae(e, t) {
+		function oe(e, t) {
 			let n = t.dataset.cardId;
 			if (n) {
-				if (e.shiftKey) {
+				if (B = e.clientX, V = e.clientY, ie = !1, H = /* @__PURE__ */ new Map(), e.shiftKey) {
 					let e = new Set(h.value);
-					e.has(n) ? e.delete(n) : e.add(n), g(Array.from(e));
-				} else h.value.has(n) || g([n]);
-				if (re = e.clientX, z = e.clientY, V = !1, B = /* @__PURE__ */ new Map(), s.value) for (let e of h.value) {
-					let t = s.value.querySelector(`[data-card-id="${e}"]`);
-					t && B.set(e, H(t));
-				}
-				document.addEventListener("mousemove", oe), document.addEventListener("mouseup", se);
+					e.has(n) ? e.delete(n) : e.add(n), v(Array.from(e));
+				} else h.value.has(n) || v([n]), _(n);
+				y(() => {
+					if (s.value) for (let e of h.value) {
+						let t = s.value.querySelector(`[data-card-id="${e}"]`);
+						t && H.set(e, W(t));
+					}
+				}), document.addEventListener("mousemove", ce), document.addEventListener("mouseup", G);
 			}
 		}
-		function oe(e) {
-			let t = (e.clientX - re) / p.value, n = (e.clientY - z) / p.value;
-			if (!(!ne && Math.abs(t * p.value) < V9 && Math.abs(n * p.value) < V9) && (ne = !0, V = !0, s.value)) {
-				for (let [e, r] of B) {
-					let i = s.value.querySelector(`[data-card-id="${e}"]`);
-					i && ie(i, r.x + t, r.y + n);
+		function se() {
+			if (!s.value) return;
+			let e = [];
+			for (let t of H.keys()) {
+				let n = s.value.querySelector(`[data-card-id="${t}"]`);
+				if (n) {
+					let r = W(n);
+					e.push({
+						id: t,
+						x: Math.round(r.x),
+						y: Math.round(r.y)
+					});
 				}
-				m.value++;
 			}
+			e.length && a("move", e);
 		}
-		function se() {
-			if (document.removeEventListener("mousemove", oe), document.removeEventListener("mouseup", se), V && s.value) {
-				let e = [];
-				for (let t of B.keys()) {
-					let n = s.value.querySelector(`[data-card-id="${t}"]`);
-					if (n) {
-						let r = H(n);
-						e.push({
-							id: t,
-							x: Math.round(r.x),
-							y: Math.round(r.y)
-						});
-					}
+		function ce(e) {
+			let t = (e.clientX - B) / p.value, n = (e.clientY - V) / p.value;
+			if (!(!z && Math.abs(t * p.value) < V9 && Math.abs(n * p.value) < V9) && (z = !0, ie = !0, s.value)) {
+				for (let [e, r] of H) {
+					let i = s.value.querySelector(`[data-card-id="${e}"]`);
+					i && ae(i, r.x + t, r.y + n);
 				}
-				e.length && a("move", e);
+				se(), m.value++;
 			}
-			ne = !1, V = !1, B = /* @__PURE__ */ new Map();
 		}
-		let W = O(null), ce = !1, G = o(() => {
-			if (!W.value) return {};
-			let { x1: e, y1: t, x2: n, y2: r } = W.value;
+		function G() {
+			document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", G), ie && se(), z = !1, ie = !1, H = /* @__PURE__ */ new Map();
+		}
+		let le = O(null), ue = !1, de = o(() => {
+			if (!le.value) return {};
+			let { x1: e, y1: t, x2: n, y2: r } = le.value;
 			return {
 				left: `${Math.min(e, n)}px`,
 				top: `${Math.min(t, r)}px`,
@@ -20424,65 +20430,65 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				height: `${Math.abs(r - t)}px`
 			};
 		});
-		function le(e) {
+		function fe(e) {
 			if (!s.value) return;
 			let t = s.value.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
-			ce = e.shiftKey, ce || g([]), W.value = {
+			ue = e.shiftKey, ue || v([]), le.value = {
 				x1: n,
 				y1: r,
 				x2: n,
 				y2: r
-			}, document.addEventListener("mousemove", ue), document.addEventListener("mouseup", de);
+			}, document.addEventListener("mousemove", pe), document.addEventListener("mouseup", me);
 		}
-		function ue(e) {
-			if (!W.value || !s.value) return;
+		function pe(e) {
+			if (!le.value || !s.value) return;
 			let t = s.value.getBoundingClientRect();
-			W.value.x2 = e.clientX - t.left, W.value.y2 = e.clientY - t.top;
+			le.value.x2 = e.clientX - t.left, le.value.y2 = e.clientY - t.top;
 		}
-		function de() {
-			if (document.removeEventListener("mousemove", ue), document.removeEventListener("mouseup", de), !W.value || !s.value) {
-				W.value = null;
+		function me() {
+			if (document.removeEventListener("mousemove", pe), document.removeEventListener("mouseup", me), !le.value || !s.value) {
+				le.value = null;
 				return;
 			}
-			let e = s.value.getBoundingClientRect(), { x1: t, y1: n, x2: r, y2: i } = W.value, a = Math.min(t, r), o = Math.min(n, i), c = Math.max(t, r), l = Math.max(n, i);
+			let e = s.value.getBoundingClientRect(), { x1: t, y1: n, x2: r, y2: i } = le.value, a = Math.min(t, r), o = Math.min(n, i), c = Math.max(t, r), l = Math.max(n, i);
 			if (Math.abs(r - t) < V9 && Math.abs(i - n) < V9) {
-				ce || g([]), W.value = null;
+				ue || (v([]), _(null)), le.value = null;
 				return;
 			}
-			let u = ce ? [...h.value] : [];
+			let u = ue ? [...h.value] : [];
 			s.value.querySelectorAll("[data-card-id]").forEach((t) => {
 				let n = t.getBoundingClientRect(), r = n.left - e.left, i = n.top - e.top, s = r + n.width, d = i + n.height;
 				if (r < c && s > a && i < l && d > o) {
 					let e = t.dataset.cardId;
 					e && !u.includes(e) && u.push(e);
 				}
-			}), g(u), W.value = null;
+			}), v(u), le.value = null;
 		}
-		let fe = O(null), pe = null;
-		function me(e) {
-			pe = e, document.addEventListener("mousemove", he), document.addEventListener("mouseup", K);
+		let he = O(null), K = null;
+		function ge(e) {
+			K = e, document.addEventListener("mousemove", _e), document.addEventListener("mouseup", ve);
 		}
-		function he(e) {
-			if (!pe || !s.value) return;
-			let t = s.value.getBoundingClientRect(), n = (e.clientX - t.left - d.value) / p.value, r = (e.clientY - t.top - f.value) / p.value, i = s.value.querySelector(`[data-port="${pe.nodeId}:${pe.portId}"]`);
+		function _e(e) {
+			if (!K || !s.value) return;
+			let t = s.value.getBoundingClientRect(), n = (e.clientX - t.left - d.value) / p.value, r = (e.clientY - t.top - f.value) / p.value, i = s.value.querySelector(`[data-port="${K.nodeId}:${K.portId}"]`);
 			if (!i) return;
 			let a = i.getBoundingClientRect(), o = (a.left + a.width / 2 - t.left - d.value) / p.value, c = (a.top + a.height / 2 - t.top - f.value) / p.value, l = Math.abs(n - o) * .5;
-			fe.value = `M ${o} ${c} C ${o + l} ${c}, ${n - l} ${r}, ${n} ${r}`;
+			he.value = `M ${o} ${c} C ${o + l} ${c}, ${n - l} ${r}, ${n} ${r}`;
 		}
-		function K() {
-			pe = null, fe.value = null, document.removeEventListener("mousemove", he), document.removeEventListener("mouseup", K);
+		function ve() {
+			K = null, he.value = null, document.removeEventListener("mousemove", _e), document.removeEventListener("mouseup", ve);
 		}
-		function ge(e) {
-			if (!pe || pe.nodeId === e.nodeId || pe.type === e.type) return;
-			let t = pe.type === "output" ? pe : e, n = pe.type === "output" ? e : pe;
+		function ye(e) {
+			if (!K || K.nodeId === e.nodeId || K.type === e.type) return;
+			let t = K.type === "output" ? K : e, n = K.type === "output" ? e : K;
 			a("connect", {
 				fromNode: t.nodeId,
 				fromPort: t.portId,
 				toNode: n.nodeId,
 				toPort: n.portId
-			}), pe = null, fe.value = null;
+			}), K = null, he.value = null;
 		}
-		function _e(e) {
+		function be(e) {
 			let t = e.closest(".nb-blueprint-card");
 			if (t) {
 				let e = getComputedStyle(t).getPropertyValue("--nb-card-color").trim();
@@ -20490,7 +20496,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			}
 			return "var(--nb-c-primary)";
 		}
-		let ve = o(() => {
+		let xe = o(() => {
 			if (m.value, !s.value) return [];
 			let e = s.value.getBoundingClientRect();
 			return i.connections.map((t) => {
@@ -20500,17 +20506,17 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				return {
 					path: `M ${o} ${c} C ${o + m} ${c}, ${l - m} ${u}, ${l} ${u}`,
 					conn: t,
-					color: _e(n)
+					color: be(n)
 				};
 			}).filter(Boolean);
 		});
-		function ye() {
+		function Se() {
 			if (!s.value) return null;
 			let e = s.value.querySelectorAll("[data-card-id]");
 			if (e.length === 0) return null;
 			let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
 			return e.forEach((e) => {
-				let a = e, o = H(a), s = a.offsetWidth, c = a.offsetHeight;
+				let a = e, o = W(a), s = a.offsetWidth, c = a.offsetHeight;
 				t = Math.min(t, o.x), n = Math.min(n, o.y), r = Math.max(r, o.x + s), i = Math.max(i, o.y + c);
 			}), {
 				minX: t,
@@ -20519,9 +20525,9 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				maxY: i
 			};
 		}
-		function be() {
+		function Ce() {
 			if (p.value = 1, !s.value) return;
-			let e = ye();
+			let e = Se();
 			if (!e) {
 				d.value = 0, f.value = 0;
 				return;
@@ -20529,31 +20535,31 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			let t = s.value.getBoundingClientRect(), n = (e.minX + e.maxX) / 2, r = (e.minY + e.maxY) / 2;
 			d.value = t.width / 2 - n, f.value = t.height / 2 - r;
 		}
-		function xe(e = 40) {
+		function we(e = 40) {
 			if (!s.value) return;
-			let t = ye();
+			let t = Se();
 			if (!t) {
-				Se();
+				Te();
 				return;
 			}
 			let n = s.value.getBoundingClientRect(), r = t.maxX - t.minX, i = t.maxY - t.minY;
 			if (r <= 0 || i <= 0) {
-				be();
+				Ce();
 				return;
 			}
 			let a = n.width - e * 2, o = n.height - e * 2, c = a / r, l = o / i, u = Math.max(z9, Math.min(B9, Math.min(c, l))), m = (t.minX + t.maxX) / 2, h = (t.minY + t.maxY) / 2;
 			p.value = u, d.value = n.width / 2 - m * u, f.value = n.height / 2 - h * u;
 		}
-		function Se() {
+		function Te() {
 			d.value = 0, f.value = 0, p.value = 1;
 		}
-		function Ce() {
+		function Ee() {
 			if (!s.value) return [];
 			let e = [];
 			for (let t of h.value) {
 				let n = s.value.querySelector(`[data-card-id="${t}"]`);
 				if (!n) continue;
-				let r = H(n);
+				let r = W(n);
 				e.push({
 					id: t,
 					el: n,
@@ -20565,74 +20571,74 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			}
 			return e;
 		}
-		function we(e) {
+		function De(e) {
 			let t = [];
-			for (let n of e) ie(n.el, n.x, n.y), t.push({
+			for (let n of e) ae(n.el, n.x, n.y), t.push({
 				id: n.id,
 				x: Math.round(n.x),
 				y: Math.round(n.y)
 			});
 			t.length && (m.value++, a("move", t));
 		}
-		function Te() {
-			let e = Ce();
+		function Oe() {
+			let e = Ee();
 			if (e.length < 2) return;
 			let t = Math.min(...e.map((e) => e.x));
-			e.forEach((e) => e.x = t), we(e);
+			e.forEach((e) => e.x = t), De(e);
 		}
-		function Ee() {
-			let e = Ce();
+		function ke() {
+			let e = Ee();
 			if (e.length < 2) return;
 			let t = e.map((e) => e.x + e.w / 2), n = t.reduce((e, t) => e + t, 0) / t.length;
-			e.forEach((e) => e.x = n - e.w / 2), we(e);
+			e.forEach((e) => e.x = n - e.w / 2), De(e);
 		}
-		function De() {
-			let e = Ce();
+		function Ae() {
+			let e = Ee();
 			if (e.length < 2) return;
 			let t = Math.max(...e.map((e) => e.x + e.w));
-			e.forEach((e) => e.x = t - e.w), we(e);
+			e.forEach((e) => e.x = t - e.w), De(e);
 		}
-		function Oe() {
-			let e = Ce();
+		function je() {
+			let e = Ee();
 			if (e.length < 2) return;
 			let t = Math.min(...e.map((e) => e.y));
-			e.forEach((e) => e.y = t), we(e);
+			e.forEach((e) => e.y = t), De(e);
 		}
-		function ke() {
-			let e = Ce();
+		function Me() {
+			let e = Ee();
 			if (e.length < 2) return;
 			let t = e.map((e) => e.y + e.h / 2), n = t.reduce((e, t) => e + t, 0) / t.length;
-			e.forEach((e) => e.y = n - e.h / 2), we(e);
+			e.forEach((e) => e.y = n - e.h / 2), De(e);
 		}
-		function Ae() {
-			let e = Ce();
+		function Ne() {
+			let e = Ee();
 			if (e.length < 2) return;
 			let t = Math.max(...e.map((e) => e.y + e.h));
-			e.forEach((e) => e.y = t - e.h), we(e);
+			e.forEach((e) => e.y = t - e.h), De(e);
 		}
-		function je() {
-			let e = Ce();
+		function Pe() {
+			let e = Ee();
 			if (e.length < 3) return;
 			e.sort((e, t) => e.x - t.x);
 			let t = e[0], n = e[e.length - 1], r = e.reduce((e, t) => e + t.w, 0), i = (n.x + n.w - t.x - r) / (e.length - 1), a = t.x + t.w + i;
 			for (let t = 1; t < e.length - 1; t++) e[t].x = a, a += e[t].w + i;
-			we(e);
+			De(e);
 		}
-		function Me() {
-			let e = Ce();
+		function Fe() {
+			let e = Ee();
 			if (e.length < 3) return;
 			e.sort((e, t) => e.y - t.y);
 			let t = e[0], n = e[e.length - 1], r = e.reduce((e, t) => e + t.h, 0), i = (n.y + n.h - t.y - r) / (e.length - 1), a = t.y + t.h + i;
 			for (let t = 1; t < e.length - 1; t++) e[t].y = a, a += e[t].h + i;
-			we(e);
+			De(e);
 		}
-		function Ne(e) {
+		function Ie(e) {
 			if (!s.value) return;
 			let t = e?.gapX ?? 80, n = e?.gapY ?? 40, r = e?.padding ?? 60, a = [];
 			if (s.value.querySelectorAll("[data-card-id]").forEach((e) => {
 				let t = e, n = t.dataset.cardId;
 				if (!n) return;
-				let r = H(t);
+				let r = W(t);
 				a.push({
 					id: n,
 					el: t,
@@ -20667,37 +20673,38 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				for (let e of s) e.x = m, e.y = a, a += e.h + n, i = Math.max(i, e.w);
 				m += i + t;
 			}
-			we(a);
+			De(a);
 		}
-		let Pe = new MutationObserver(() => {
+		let Le = new MutationObserver(() => {
 			m.value++;
 		});
 		return C(() => {
-			s.value && Pe.observe(s.value, {
+			s.value && Le.observe(s.value, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0
-			}), window.addEventListener("keydown", D), window.addEventListener("keyup", j), y(() => y(xe));
+			}), window.addEventListener("keydown", M), window.addEventListener("keyup", N), y(() => y(we));
 		}), S(() => {
-			Pe.disconnect(), window.removeEventListener("keydown", D), window.removeEventListener("keyup", j);
+			Le.disconnect(), window.removeEventListener("keydown", M), window.removeEventListener("keyup", N);
 		}), t({
-			centerView: be,
-			fitToView: xe,
-			resetView: Se,
+			centerView: Ce,
+			fitToView: we,
+			resetView: Te,
 			selectedIds: h,
-			selectAll: v,
-			deselectAll: w,
-			alignLeft: Te,
-			alignCenter: Ee,
-			alignRight: De,
-			alignTop: Oe,
-			alignMiddle: ke,
-			alignBottom: Ae,
-			distributeHorizontally: je,
-			distributeVertically: Me,
-			autoLayout: Ne,
-			onPortMouseDown: me,
-			onPortMouseUp: ge,
+			focusedId: g,
+			selectAll: E,
+			deselectAll: D,
+			alignLeft: Oe,
+			alignCenter: ke,
+			alignRight: Ae,
+			alignTop: je,
+			alignMiddle: Me,
+			alignBottom: Ne,
+			distributeHorizontally: Pe,
+			distributeVertically: Fe,
+			autoLayout: Ie,
+			onPortMouseDown: ge,
+			onPortMouseUp: ye,
 			panX: d,
 			panY: f,
 			zoom: p
@@ -20705,11 +20712,11 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			ref_key: "containerRef",
 			ref: s,
 			class: b(["nb-blueprint", {
-				"is-panning": F(M),
-				"is-space": E.value
+				"is-panning": F(P),
+				"is-space": j.value
 			}]),
-			onMousedown: I,
-			onWheel: U(te, ["prevent"])
+			onMousedown: R,
+			onWheel: U(re, ["prevent"])
 		}, [
 			t[0] ||= u("div", { class: "nb-blueprint__ambient" }, null, -1),
 			u("div", {
@@ -20723,7 +20730,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 					transformOrigin: "0 0"
 				})
 			}, [(T(), l("svg", _Xt, [
-				(T(!0), l(n, null, k(ve.value, (t, n) => (T(), l("path", {
+				(T(!0), l(n, null, k(xe.value, (t, n) => (T(), l("path", {
 					key: n,
 					d: t.path,
 					fill: "none",
@@ -20733,7 +20740,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 					style: x({ filter: `drop-shadow(0 0 6px ${t.color})` }),
 					onClick: (n) => e.$emit("disconnect", t.conn)
 				}, null, 12, vXt))), 128)),
-				(T(!0), l(n, null, k(ve.value, (e, t) => (T(), l("path", {
+				(T(!0), l(n, null, k(xe.value, (e, t) => (T(), l("path", {
 					key: `flow-${t}`,
 					d: e.path,
 					fill: "none",
@@ -20743,9 +20750,9 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 					class: "nb-blueprint__wire-flow",
 					"pointer-events": "none"
 				}, null, 8, yXt))), 128)),
-				fe.value ? (T(), l("path", {
+				he.value ? (T(), l("path", {
 					key: 0,
-					d: fe.value,
+					d: he.value,
 					fill: "none",
 					stroke: "var(--nb-c-primary)",
 					"stroke-width": "2",
@@ -20753,14 +20760,14 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 					opacity: "0.6"
 				}, null, 8, bXt)) : c("", !0)
 			])), A(e.$slots, "default", {}, void 0, !0)], 4),
-			W.value ? (T(), l("div", {
+			le.value ? (T(), l("div", {
 				key: 0,
 				class: "nb-blueprint__marquee",
-				style: x(G.value)
+				style: x(de.value)
 			}, null, 4)) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-4c37a824"]]), xXt = ["data-card-id"], SXt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--left" }, CXt = [
+}), [["__scopeId", "data-v-5cb3c08a"]]), xXt = ["data-card-id"], SXt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--left" }, CXt = [
 	"data-port",
 	"title",
 	"onMousedown",
@@ -20974,7 +20981,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			}, null, 46, RXt))), 128))])
 		], 46, xXt));
 	}
-}), [["__scopeId", "data-v-cc50cebd"]]), zXt = {
+}), [["__scopeId", "data-v-9fe44302"]]), zXt = {
 	NbAiLabel: le,
 	NbBadge: pe,
 	NbBarChart: Re,
@@ -21023,7 +21030,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 	Object.entries(zXt).forEach(([t, n]) => {
 		e.component(t, n);
 	});
-} }, VXt = /* @__PURE__ */ ae({ default: () => HXt });
+} }, VXt = /* @__PURE__ */ W({ default: () => HXt });
 function HXt(e) {
 	e.directive("nb-context-menu", {
 		mounted(e, t) {
@@ -21059,7 +21066,7 @@ function W9(e) {
 }
 //#endregion
 //#region src/directives/ToolTip.directive.ts
-var UXt = /* @__PURE__ */ ae({ default: () => J9 }), G9 = /* @__PURE__ */ new Set(), K9 = (e) => {
+var UXt = /* @__PURE__ */ W({ default: () => J9 }), G9 = /* @__PURE__ */ new Set(), K9 = (e) => {
 	if (Array.isArray(e)) return e.map((e) => K9(e)).join("");
 	if (!e || typeof e != "object" || !e.component) return "";
 	let { component: t, props: n = {}, children: r, content: i } = e, a = r === void 0 ? i : r, o = Object.entries(n).map(([e, t]) => `${e}="${W9(String(t))}"`).join(" "), s = Array.isArray(a) ? K9(a) : a === void 0 ? "" : W9(String(a));