@nubisco/ui 1.26.2 → 1.27.1

package/dist/index.mjs

@@ -17807,11 +17807,11 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				let n = t.namespace ?? "";
 				e.has(n) || e.set(n, []), e.get(n).push(t);
 			}
-			return Array.from(e.entries()).map(([e, t]) => ({
+			return Array.from(e.entries()).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => ({
 				namespace: e,
-				commands: t
+				commands: t.sort((e, t) => e.label.localeCompare(t.label))
 			}));
-		}), w = o(() => v.value);
+		}), w = o(() => x.value.flatMap((e) => e.commands));
 		function E(e) {
 			i.close(), p.value = "", e.handler();
 		}
@@ -20331,7 +20331,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				ae(e, t);
 				return;
 			}
-			de(e);
+			fe(e);
 		}
 		function R(e) {
 			N = !0, P = e.clientX - d.value, I = e.clientY - f.value, document.addEventListener("mousemove", ee), document.addEventListener("mouseup", te);
@@ -20424,8 +20424,23 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				width: `${Math.abs(n - e)}px`,
 				height: `${Math.abs(r - t)}px`
 			};
+		}), de = o(() => {
+			if (m.value, h.value.size < 2 || !s.value || G.value) return null;
+			let e = s.value.getBoundingClientRect(), t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
+			for (let a of h.value) {
+				let o = s.value.querySelector(`[data-card-id="${a}"]`);
+				if (!o) continue;
+				let c = o.getBoundingClientRect(), l = c.left - e.left, u = c.top - e.top;
+				t = Math.min(t, l), n = Math.min(n, u), r = Math.max(r, l + c.width), i = Math.max(i, u + c.height);
+			}
+			return t === Infinity ? null : {
+				left: `${t - 8}px`,
+				top: `${n - 8}px`,
+				width: `${r - t + 16}px`,
+				height: `${i - n + 16}px`
+			};
 		});
-		function de(e) {
+		function fe(e) {
 			if (!s.value) return;
 			let t = s.value.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
 			le = e.shiftKey, le || v([]), G.value = {
@@ -20433,15 +20448,15 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				y1: r,
 				x2: n,
 				y2: r
-			}, document.addEventListener("mousemove", fe), document.addEventListener("mouseup", pe);
+			}, document.addEventListener("mousemove", pe), document.addEventListener("mouseup", me);
 		}
-		function fe(e) {
+		function pe(e) {
 			if (!G.value || !s.value) return;
 			let t = s.value.getBoundingClientRect();
 			G.value.x2 = e.clientX - t.left, G.value.y2 = e.clientY - t.top;
 		}
-		function pe() {
-			if (document.removeEventListener("mousemove", fe), document.removeEventListener("mouseup", pe), !G.value || !s.value) {
+		function me() {
+			if (document.removeEventListener("mousemove", pe), document.removeEventListener("mouseup", me), !G.value || !s.value) {
 				G.value = null;
 				return;
 			}
@@ -20459,31 +20474,31 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				}
 			}), v(u), G.value = null;
 		}
-		let me = O(null), he = null;
-		function K(e) {
-			he = e, document.addEventListener("mousemove", ge), document.addEventListener("mouseup", _e);
-		}
+		let he = O(null), K = null;
 		function ge(e) {
-			if (!he || !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="${he.nodeId}:${he.portId}"]`);
+			K = e, document.addEventListener("mousemove", _e), document.addEventListener("mouseup", ve);
+		}
+		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;
-			me.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 _e() {
-			he = null, me.value = null, document.removeEventListener("mousemove", ge), document.removeEventListener("mouseup", _e);
+		function ve() {
+			K = null, he.value = null, document.removeEventListener("mousemove", _e), document.removeEventListener("mouseup", ve);
 		}
-		function ve(e) {
-			if (!he || he.nodeId === e.nodeId || he.type === e.type) return;
-			let t = he.type === "output" ? he : e, n = he.type === "output" ? e : he;
+		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
-			}), he = null, me.value = null;
+			}), K = null, he.value = null;
 		}
-		function ye(e) {
+		function be(e) {
 			let t = e.closest(".nb-blueprint-card");
 			if (t) {
 				let e = getComputedStyle(t).getPropertyValue("--nb-card-color").trim();
@@ -20491,7 +20506,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			}
 			return "var(--nb-c-primary)";
 		}
-		let be = o(() => {
+		let xe = o(() => {
 			if (m.value, !s.value) return [];
 			let e = s.value.getBoundingClientRect();
 			return i.connections.map((t) => {
@@ -20501,11 +20516,11 @@ 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: ye(n)
+					color: be(n)
 				};
 			}).filter(Boolean);
 		});
-		function xe() {
+		function Se() {
 			if (!s.value) return null;
 			let e = s.value.querySelectorAll("[data-card-id]");
 			if (e.length === 0) return null;
@@ -20520,9 +20535,9 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 				maxY: i
 			};
 		}
-		function Se() {
+		function Ce() {
 			if (p.value = 1, !s.value) return;
-			let e = xe();
+			let e = Se();
 			if (!e) {
 				d.value = 0, f.value = 0;
 				return;
@@ -20530,25 +20545,25 @@ 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 Ce(e = 40) {
+		function we(e = 40) {
 			if (!s.value) return;
-			let t = xe();
+			let t = Se();
 			if (!t) {
-				we();
+				Te();
 				return;
 			}
 			let n = s.value.getBoundingClientRect(), r = t.maxX - t.minX, i = t.maxY - t.minY;
 			if (r <= 0 || i <= 0) {
-				Se();
+				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 we() {
+		function Te() {
 			d.value = 0, f.value = 0, p.value = 1;
 		}
-		function Te() {
+		function Ee() {
 			if (!s.value) return [];
 			let e = [];
 			for (let t of h.value) {
@@ -20566,7 +20581,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			}
 			return e;
 		}
-		function Ee(e) {
+		function De(e) {
 			let t = [];
 			for (let n of e) ie(n.el, n.x, n.y), t.push({
 				id: n.id,
@@ -20575,59 +20590,59 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			});
 			t.length && (m.value++, a("move", t));
 		}
-		function De() {
-			let e = Te();
+		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), Ee(e);
+			e.forEach((e) => e.x = t), De(e);
 		}
-		function Oe() {
-			let e = Te();
+		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), Ee(e);
+			e.forEach((e) => e.x = n - e.w / 2), De(e);
 		}
-		function ke() {
-			let e = Te();
+		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), Ee(e);
+			e.forEach((e) => e.x = t - e.w), De(e);
 		}
-		function Ae() {
-			let e = Te();
+		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), Ee(e);
+			e.forEach((e) => e.y = t), De(e);
 		}
-		function je() {
-			let e = Te();
+		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), Ee(e);
+			e.forEach((e) => e.y = n - e.h / 2), De(e);
 		}
-		function Me() {
-			let e = Te();
+		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), Ee(e);
+			e.forEach((e) => e.y = t - e.h), De(e);
 		}
-		function Ne() {
-			let e = Te();
+		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;
-			Ee(e);
+			De(e);
 		}
-		function Pe() {
-			let e = Te();
+		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;
-			Ee(e);
+			De(e);
 		}
-		function Fe(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) => {
@@ -20668,38 +20683,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;
 			}
-			Ee(a);
+			De(a);
 		}
-		let Ie = new MutationObserver(() => {
+		let Le = new MutationObserver(() => {
 			m.value++;
 		});
 		return C(() => {
-			s.value && Ie.observe(s.value, {
+			s.value && Le.observe(s.value, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0
-			}), window.addEventListener("keydown", j), window.addEventListener("keyup", M), y(() => y(Ce));
+			}), window.addEventListener("keydown", j), window.addEventListener("keyup", M), y(() => y(we));
 		}), S(() => {
-			Ie.disconnect(), window.removeEventListener("keydown", j), window.removeEventListener("keyup", M);
+			Le.disconnect(), window.removeEventListener("keydown", j), window.removeEventListener("keyup", M);
 		}), t({
-			centerView: Se,
-			fitToView: Ce,
-			resetView: we,
+			centerView: Ce,
+			fitToView: we,
+			resetView: Te,
 			selectedIds: h,
 			focusedId: g,
 			selectAll: w,
 			deselectAll: E,
-			alignLeft: De,
-			alignCenter: Oe,
-			alignRight: ke,
-			alignTop: Ae,
-			alignMiddle: je,
-			alignBottom: Me,
-			distributeHorizontally: Ne,
-			distributeVertically: Pe,
-			autoLayout: Fe,
-			onPortMouseDown: K,
-			onPortMouseUp: ve,
+			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
@@ -20713,7 +20728,7 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			onMousedown: L,
 			onWheel: W(ne, ["prevent"])
 		}, [
-			t[0] ||= u("div", { class: "nb-blueprint__ambient" }, null, -1),
+			t[1] ||= u("div", { class: "nb-blueprint__ambient" }, null, -1),
 			u("div", {
 				class: "nb-blueprint__grid",
 				style: x({ transform: `translate(${d.value}px, ${f.value}px) scale(${p.value})` })
@@ -20725,7 +20740,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(be.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",
@@ -20735,7 +20750,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(be.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",
@@ -20745,9 +20760,9 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 					class: "nb-blueprint__wire-flow",
 					"pointer-events": "none"
 				}, null, 8, yXt))), 128)),
-				me.value ? (T(), l("path", {
+				he.value ? (T(), l("path", {
 					key: 0,
-					d: me.value,
+					d: he.value,
 					fill: "none",
 					stroke: "var(--nb-c-primary)",
 					"stroke-width": "2",
@@ -20757,12 +20772,29 @@ var pJt = { class: "nb-command-palette__input-row" }, mJt = ["placeholder"], hJt
 			])), A(e.$slots, "default", {}, void 0, !0)], 4),
 			G.value ? (T(), l("div", {
 				key: 0,
-				class: "nb-blueprint__marquee",
+				class: "nb-blueprint__marquee nb-blueprint__marquee--dragging",
 				style: x(ue.value)
-			}, null, 4)) : c("", !0)
+			}, null, 4)) : c("", !0),
+			de.value ? (T(), l("svg", {
+				key: 1,
+				class: "nb-blueprint__selection-box",
+				style: x(de.value)
+			}, [...t[0] ||= [u("rect", {
+				x: "0.75",
+				y: "0.75",
+				width: "calc(100% - 1.5px)",
+				height: "calc(100% - 1.5px)",
+				rx: "4",
+				ry: "4",
+				fill: "none",
+				stroke: "var(--nb-blueprint-marquee-border, var(--nb-c-primary, #6366f1))",
+				"stroke-width": "1.5",
+				"stroke-dasharray": "6 4",
+				class: "nb-blueprint__selection-ants"
+			}, null, -1)]], 4)) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-00b9225f"]]), xXt = ["data-card-id"], SXt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--left" }, CXt = [
+}), [["__scopeId", "data-v-7c73cc61"]]), xXt = ["data-card-id"], SXt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--left" }, CXt = [
 	"data-port",
 	"title",
 	"onMousedown",