@nubisco/ui 1.34.0 → 1.35.0

package/dist/index.mjs

@@ -22067,35 +22067,35 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 			}, " Disconnect ")], !0)], 36)) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-4738a087"]]), zZt = ["data-card-id"], BZt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--left" }, VZt = [
+}), [["__scopeId", "data-v-4738a087"]]), zZt = ["data-card-id"], BZt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--left" }, VZt = ["title"], HZt = [
 	"data-port",
 	"title",
 	"onMousedown",
 	"onMouseup"
-], HZt = {
+], UZt = {
 	key: 0,
 	class: "nb-blueprint-card__port-label"
-}, UZt = { class: "nb-blueprint-card__inner" }, WZt = { class: "nb-blueprint-card__body" }, GZt = { class: "nb-blueprint-card__header" }, KZt = ["title"], qZt = { class: "nb-blueprint-card__title-group" }, JZt = { class: "nb-blueprint-card__name" }, YZt = {
+}, WZt = { class: "nb-blueprint-card__inner" }, GZt = { class: "nb-blueprint-card__body" }, KZt = { class: "nb-blueprint-card__header" }, qZt = ["title"], JZt = { class: "nb-blueprint-card__title-group" }, YZt = { class: "nb-blueprint-card__name" }, XZt = {
 	key: 0,
 	class: "nb-blueprint-card__tag"
-}, XZt = ["checked"], ZZt = {
+}, ZZt = ["checked"], QZt = {
 	key: 0,
 	class: "nb-blueprint-card__preview"
-}, QZt = {
+}, $Zt = {
 	key: 1,
 	class: "nb-blueprint-card__params"
-}, $Zt = { class: "nb-blueprint-card__row-label" }, eQt = { class: "nb-blueprint-card__row-value" }, tQt = {
+}, eQt = { class: "nb-blueprint-card__row-label" }, tQt = { class: "nb-blueprint-card__row-value" }, nQt = {
 	key: 0,
 	class: "nb-blueprint-card__row-unit"
-}, nQt = {
+}, rQt = {
 	key: 2,
 	class: "nb-blueprint-card__content"
-}, rQt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--right" }, iQt = [
+}, iQt = { class: "nb-blueprint-card__ports nb-blueprint-card__ports--right" }, aQt = ["title"], oQt = [
 	"data-port",
 	"title",
 	"onMousedown",
 	"onMouseup"
-], aQt = {
+], sQt = {
 	key: 0,
 	class: "nb-blueprint-card__port-label"
 }, U9 = /* @__PURE__ */ q(/* @__PURE__ */ m({
@@ -22195,13 +22195,14 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 		function D(e) {
 			return w.value.has(e);
 		}
-		function O(e) {
+		let O = o(() => h.value.some((e) => C.value.has(e.portId))), j = o(() => h.value.some((e) => w.value.has(e.portId))), M = o(() => _.value.some((e) => C.value.has(e.portId))), N = o(() => _.value.some((e) => w.value.has(e.portId)));
+		function F(e) {
 			return e.channel ? `${e.port.label} . ${e.channel.label}` : e.port.label;
 		}
-		function j(e) {
+		function I(e) {
 			return e.channel ? e.channel.label : e.port.label;
 		}
-		let M = {
+		let L = {
 			geometry: "#6366f1",
 			celestial: "#f97316",
 			lighting: "#f59e0b",
@@ -22220,7 +22221,7 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 			color: "#fb923c",
 			asset: "#a78bfa",
 			any: "#64748b"
-		}, N = {
+		}, R = {
 			geometry: "circle",
 			celestial: "circle",
 			lighting: "circle",
@@ -22240,11 +22241,11 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 			asset: "square",
 			any: "circle"
 		};
-		function F(e) {
-			return M[e.dataType ?? "any"] ?? M.any;
+		function ee(e) {
+			return L[e.dataType ?? "any"] ?? L.any;
 		}
-		function I(e) {
-			return N[e.dataType ?? "any"] ?? "circle";
+		function te(e) {
+			return R[e.dataType ?? "any"] ?? "circle";
 		}
 		return (t, r) => (T(), l("div", {
 			class: b(["nb-blueprint-card", {
@@ -22261,18 +22262,25 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 			}),
 			onMousedown: r[4] ||= (n) => t.$emit("select", e.id)
 		}, [
-			u("div", BZt, [(T(!0), l(n, null, k(h.value, (t) => (T(), l("div", {
+			u("div", BZt, [e.collapsed && h.value.length > 0 ? (T(), l("div", {
+				key: 0,
+				class: b(["nb-blueprint-card__port-combined nb-blueprint-card__port-combined--left", {
+					"nb-blueprint-card__port-combined--connected": O.value,
+					"nb-blueprint-card__port-combined--active": j.value
+				}]),
+				title: `${h.value.length} input${h.value.length === 1 ? "" : "s"}`
+			}, null, 10, VZt)) : c("", !0), (T(!0), l(n, null, k(h.value, (t) => (T(), l("div", {
 				key: t.key,
 				"data-port": `${e.id}:${t.portId}`,
 				class: b(["nb-blueprint-card__port nb-blueprint-card__port--left", [
-					`nb-blueprint-card__port--${I(t.port)}`,
+					`nb-blueprint-card__port--${te(t.port)}`,
 					t.port.required ? "nb-blueprint-card__port--required" : "",
 					t.channel ? "nb-blueprint-card__port--channel" : "",
 					E(t.portId) ? "nb-blueprint-card__port--connected" : "",
 					D(t.portId) ? "nb-blueprint-card__port--active" : ""
 				]]),
-				style: x({ "--pin-color": F(t.port) }),
-				title: O(t),
+				style: x({ "--pin-color": ee(t.port) }),
+				title: F(t),
 				onMousedown: U((n) => s({
 					nodeId: e.id,
 					portId: t.portId,
@@ -22283,8 +22291,8 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 					portId: t.portId,
 					type: "input"
 				}), ["stop"])
-			}, [t.showLabel ? (T(), l("span", HZt, P(j(t)), 1)) : c("", !0)], 46, VZt))), 128))]),
-			u("div", UZt, [u("div", WZt, [u("div", GZt, [
+			}, [t.showLabel ? (T(), l("span", UZt, P(I(t)), 1)) : c("", !0)], 46, HZt))), 128))]),
+			u("div", WZt, [u("div", GZt, [u("div", KZt, [
 				u("button", {
 					class: "nb-blueprint-card__collapse",
 					title: e.collapsed ? "Expand" : "Collapse",
@@ -22296,11 +22304,11 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 					fill: "none",
 					stroke: "currentColor",
 					"stroke-width": "1.5"
-				}, [u("polyline", { points: "4 6 8 10 12 6" })], -1)]], 8, KZt),
-				u("div", qZt, [u("span", JZt, [d(P(e.title) + " ", 1), e.status && e.status !== "none" ? (T(), l("span", {
+				}, [u("polyline", { points: "4 6 8 10 12 6" })], -1)]], 8, qZt),
+				u("div", JZt, [u("span", YZt, [d(P(e.title) + " ", 1), e.status && e.status !== "none" ? (T(), l("span", {
 					key: 0,
 					class: b(["nb-blueprint-card__status", `nb-blueprint-card__status--${e.status}`])
-				}, null, 2)) : c("", !0)]), e.category ? (T(), l("span", YZt, P(y.value), 1)) : c("", !0)]),
+				}, null, 2)) : c("", !0)]), e.category ? (T(), l("span", XZt, P(y.value), 1)) : c("", !0)]),
 				e.enabled === void 0 ? c("", !0) : (T(), l("label", {
 					key: 0,
 					class: "nb-blueprint-card__toggle",
@@ -22309,7 +22317,7 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 					type: "checkbox",
 					checked: e.enabled,
 					onChange: r[1] ||= (n) => t.$emit("toggle", e.id, n.target.checked)
-				}, null, 40, XZt), r[6] ||= u("span", { class: "nb-blueprint-card__toggle-track" }, null, -1)])),
+				}, null, 40, ZZt), r[6] ||= u("span", { class: "nb-blueprint-card__toggle-track" }, null, -1)])),
 				e.removable ? (T(), l("button", {
 					key: 1,
 					class: "nb-blueprint-card__remove",
@@ -22317,32 +22325,39 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 					onClick: r[3] ||= U((n) => t.$emit("remove", e.id), ["stop"])
 				}, " × ")) : c("", !0)
 			]), e.collapsed ? c("", !0) : (T(), l(n, { key: 0 }, [
-				e.preview ? (T(), l("span", ZZt, P(e.preview), 1)) : c("", !0),
-				e.parameters && e.parameters.length ? (T(), l("div", QZt, [(T(!0), l(n, null, k(e.parameters, (e) => (T(), l("div", {
+				e.preview ? (T(), l("span", QZt, P(e.preview), 1)) : c("", !0),
+				e.parameters && e.parameters.length ? (T(), l("div", $Zt, [(T(!0), l(n, null, k(e.parameters, (e) => (T(), l("div", {
 					key: e.label,
 					class: "nb-blueprint-card__row"
 				}, [
-					u("span", $Zt, P(e.label), 1),
-					u("span", eQt, [d(P(e.value) + " ", 1), e.unit ? (T(), l("em", tQt, P(e.unit), 1)) : c("", !0)]),
+					u("span", eQt, P(e.label), 1),
+					u("span", tQt, [d(P(e.value) + " ", 1), e.unit ? (T(), l("em", nQt, P(e.unit), 1)) : c("", !0)]),
 					e.bar === void 0 ? c("", !0) : (T(), l("div", {
 						key: 0,
 						class: "nb-blueprint-card__row-bar",
 						style: x({ "--bar-progress": `${e.bar}%` })
 					}, null, 4))
 				]))), 128))])) : c("", !0),
-				t.$slots.default ? (T(), l("div", nQt, [A(t.$slots, "default", {}, void 0, !0)])) : c("", !0)
+				t.$slots.default ? (T(), l("div", rQt, [A(t.$slots, "default", {}, void 0, !0)])) : c("", !0)
 			], 64))])]),
-			u("div", rQt, [(T(!0), l(n, null, k(_.value, (t) => (T(), l("div", {
+			u("div", iQt, [e.collapsed && _.value.length > 0 ? (T(), l("div", {
+				key: 0,
+				class: b(["nb-blueprint-card__port-combined nb-blueprint-card__port-combined--right", {
+					"nb-blueprint-card__port-combined--connected": M.value,
+					"nb-blueprint-card__port-combined--active": N.value
+				}]),
+				title: `${_.value.length} output${_.value.length === 1 ? "" : "s"}`
+			}, null, 10, aQt)) : c("", !0), (T(!0), l(n, null, k(_.value, (t) => (T(), l("div", {
 				key: t.key,
 				"data-port": `${e.id}:${t.portId}`,
 				class: b(["nb-blueprint-card__port nb-blueprint-card__port--right", [
-					`nb-blueprint-card__port--${I(t.port)}`,
+					`nb-blueprint-card__port--${te(t.port)}`,
 					t.channel ? "nb-blueprint-card__port--channel" : "",
 					E(t.portId) ? "nb-blueprint-card__port--connected" : "",
 					D(t.portId) ? "nb-blueprint-card__port--active" : ""
 				]]),
-				style: x({ "--pin-color": F(t.port) }),
-				title: O(t),
+				style: x({ "--pin-color": ee(t.port) }),
+				title: F(t),
 				onMousedown: U((n) => s({
 					nodeId: e.id,
 					portId: t.portId,
@@ -22353,10 +22368,10 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 					portId: t.portId,
 					type: "output"
 				}), ["stop"])
-			}, [t.showLabel ? (T(), l("span", aQt, P(j(t)), 1)) : c("", !0)], 46, iQt))), 128))])
+			}, [t.showLabel ? (T(), l("span", sQt, P(I(t)), 1)) : c("", !0)], 46, oQt))), 128))])
 		], 46, zZt));
 	}
-}), [["__scopeId", "data-v-6348f621"]]), oQt = {
+}), [["__scopeId", "data-v-08c502f8"]]), cQt = {
 	NbAiLabel: se,
 	NbBadge: de,
 	NbBarChart: Ke,
@@ -22405,12 +22420,12 @@ var MYt = { class: "nb-command-palette__input-row" }, NYt = ["placeholder"], PYt
 	NbShellPanel: L9,
 	NbBlueprint: H9,
 	NbBlueprintCard: U9
-}, sQt = { install(e) {
-	Object.entries(oQt).forEach(([t, n]) => {
+}, lQt = { install(e) {
+	Object.entries(cQt).forEach(([t, n]) => {
 		e.component(t, n);
 	});
-} }, cQt = /* @__PURE__ */ G({ default: () => lQt });
-function lQt(e) {
+} }, uQt = /* @__PURE__ */ G({ default: () => dQt });
+function dQt(e) {
 	e.directive("nb-context-menu", {
 		mounted(e, t) {
 			let n = (e) => {
@@ -22445,7 +22460,7 @@ function W9(e) {
 }
 //#endregion
 //#region src/directives/ToolTip.directive.ts
-var uQt = /* @__PURE__ */ G({ default: () => J9 }), G9 = /* @__PURE__ */ new Set(), K9 = (e) => {
+var fQt = /* @__PURE__ */ G({ 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));
@@ -22458,7 +22473,7 @@ var uQt = /* @__PURE__ */ G({ default: () => J9 }), G9 = /* @__PURE__ */ new Set
 		mounted(e, t) {
 			let n;
 			e.__showTooltip__ = () => {
-				clearTimeout(n), e.__tooltipBinding__ && dQt(e, e.__tooltipBinding__);
+				clearTimeout(n), e.__tooltipBinding__ && pQt(e, e.__tooltipBinding__);
 			}, e.__hideTooltip__ = (t = 150) => {
 				n = setTimeout(() => {
 					X9(e, t <= 0);
@@ -22468,7 +22483,7 @@ var uQt = /* @__PURE__ */ G({ default: () => J9 }), G9 = /* @__PURE__ */ new Set
 			}, e.__tooltipBinding__ = t.value, e.__showHandler__ = () => e.__showTooltip__?.(), e.__hideHandler__ = () => e.__hideTooltip__?.(), e.addEventListener("mouseenter", e.__showHandler__), e.addEventListener("mouseleave", e.__hideHandler__), e.addEventListener("mousemove", e.__mouseMove__), window.addEventListener("scroll", e.__hideHandler__);
 		},
 		updated(e, t) {
-			e.__tooltipBinding__ = t.value, t.value ? e.tooltipElement && fQt(e, t.value) : X9(e, !0);
+			e.__tooltipBinding__ = t.value, t.value ? e.tooltipElement && mQt(e, t.value) : X9(e, !0);
 		},
 		unmounted(e) {
 			X9(e, !0), e.__showHandler__ && e.removeEventListener("mouseenter", e.__showHandler__), e.__hideHandler__ && e.removeEventListener("mouseleave", e.__hideHandler__), e.__hideHandler__ && window.removeEventListener("scroll", e.__hideHandler__);
@@ -22480,7 +22495,7 @@ var uQt = /* @__PURE__ */ G({ default: () => J9 }), G9 = /* @__PURE__ */ new Set
       <div class="nb-tooltip-body">${q9(t)}</div>
       <div class="nb-tooltip-tip">${q9(n)}</div>
     </div>
-  `, dQt = (e, { header: t, body: n, tip: r, flavor: i = "default", delay: a = 400, animationTime: o = 300, position: s, overflowOnly: c, classExtra: l }) => {
+  `, pQt = (e, { header: t, body: n, tip: r, flavor: i = "default", delay: a = 400, animationTime: o = 300, position: s, overflowOnly: c, classExtra: l }) => {
 	let u = e.tooltipElement;
 	if (u && u.remove(), c) {
 		let t = e.getBoundingClientRect();
@@ -22499,7 +22514,7 @@ var uQt = /* @__PURE__ */ G({ default: () => J9 }), G9 = /* @__PURE__ */ new Set
 	clearTimeout(e.__showTimer__), n && (t ? n.remove() : (n.style.animation = "tooltipDisappear 200ms ease-in-out forwards", setTimeout(() => {
 		n.remove();
 	}, 200)), G9.delete(e));
-}, fQt = (e, { header: t, body: n, tip: r, position: i }) => {
+}, mQt = (e, { header: t, body: n, tip: r, position: i }) => {
 	let a = e.tooltipElement;
 	a && (a.innerHTML = Y9({
 		header: t,
@@ -22526,11 +22541,11 @@ var uQt = /* @__PURE__ */ G({ default: () => J9 }), G9 = /* @__PURE__ */ new Set
 			break;
 	}
 	t && (t.style.top = `${l}px`, t.style.left = `${u}px`);
-}, pQt = /* @__PURE__ */ Object.assign({
-	"./ContextMenu.directive.ts": cQt,
-	"./ToolTip.directive.ts": uQt
-}), mQt = { install(e) {
-	Object.values(pQt).forEach((t) => {
+}, hQt = /* @__PURE__ */ Object.assign({
+	"./ContextMenu.directive.ts": uQt,
+	"./ToolTip.directive.ts": fQt
+}), gQt = { install(e) {
+	Object.values(hQt).forEach((t) => {
 		typeof t.default == "function" && t.default(e);
 	});
 } }, Q9 = { install(e) {
@@ -22539,7 +22554,7 @@ var uQt = /* @__PURE__ */ G({ default: () => J9 }), G9 = /* @__PURE__ */ new Set
 } };
 //#endregion
 //#region src/composables/useContextMenu.composable.ts
-function hQt() {
+function _Qt() {
 	let e = O(!1), t = O({
 		x: 0,
 		y: 0
@@ -22569,15 +22584,15 @@ function hQt() {
 }
 //#endregion
 //#region src/labs.ts
-var $9 = /* @__PURE__ */ Object.assign({}), gQt = { install(e) {
+var $9 = /* @__PURE__ */ Object.assign({}), vQt = { install(e) {
 	Object.keys($9).forEach((t) => {
 		let n = `Nb${t.replace(/(.+\/)(\w+)(\.vue)$/, "$2")}`, r = $9[t];
 		e.component(n, r.default);
 	});
-} }, _Qt = { install(e) {
-	e.use(sQt), e.use(mQt), e.use(Q9);
+} }, yQt = { install(e) {
+	e.use(lQt), e.use(gQt), e.use(Q9);
 } };
 //#endregion
-export { de as NbBadge, Ke as NbBarChart, H9 as NbBlueprint, U9 as NbBlueprintCard, Ye as NbBoard, I9 as NbBottomPanel, Xe as NbBreadcrumbs, O8 as NbButton, k8 as NbCalendar, I8 as NbCheckbox, L8 as NbColorStrip, p9 as NbCommandPalette, Q9 as NbCommandPalettePlugin, F8 as NbDatePicker, H8 as NbFlag, V8 as NbGanttChart, P8 as NbGrid, D8 as NbIcon, W8 as NbInterpolationChart, i9 as NbJsonTree, j8 as NbLabel, a9 as NbLineChart, o9 as NbMenu, s9 as NbMenuBar, c9 as NbMenuBarItem, u9 as NbMenuDivider, l9 as NbMenuItem, N8 as NbMessage, m9 as NbModal, h9 as NbNumberInput, g9 as NbPanel, _9 as NbPieChart, y9 as NbRadio, b9 as NbSelect, x9 as NbShell, L9 as NbShellPanel, S9 as NbSidebarLink, C9 as NbSlider, E9 as NbSparkline, d9 as NbSubmenu, k9 as NbSwitch, A9 as NbTextInput, j9 as NbToast, P9 as NbTree, F9 as NbTreeNode, gQt as NubiscoUILabs, _Qt as default, J9 as nbTooltipDirective, jYt as useCommandPalette, hQt as useContextMenu };
+export { de as NbBadge, Ke as NbBarChart, H9 as NbBlueprint, U9 as NbBlueprintCard, Ye as NbBoard, I9 as NbBottomPanel, Xe as NbBreadcrumbs, O8 as NbButton, k8 as NbCalendar, I8 as NbCheckbox, L8 as NbColorStrip, p9 as NbCommandPalette, Q9 as NbCommandPalettePlugin, F8 as NbDatePicker, H8 as NbFlag, V8 as NbGanttChart, P8 as NbGrid, D8 as NbIcon, W8 as NbInterpolationChart, i9 as NbJsonTree, j8 as NbLabel, a9 as NbLineChart, o9 as NbMenu, s9 as NbMenuBar, c9 as NbMenuBarItem, u9 as NbMenuDivider, l9 as NbMenuItem, N8 as NbMessage, m9 as NbModal, h9 as NbNumberInput, g9 as NbPanel, _9 as NbPieChart, y9 as NbRadio, b9 as NbSelect, x9 as NbShell, L9 as NbShellPanel, S9 as NbSidebarLink, C9 as NbSlider, E9 as NbSparkline, d9 as NbSubmenu, k9 as NbSwitch, A9 as NbTextInput, j9 as NbToast, P9 as NbTree, F9 as NbTreeNode, vQt as NubiscoUILabs, yQt as default, J9 as nbTooltipDirective, jYt as useCommandPalette, _Qt as useContextMenu };
 
 //# sourceMappingURL=index.mjs.map