@n8n/design-system 2.42.0 → 2.42.2

package/dist/index.js

@@ -16313,12 +16313,12 @@ var kF = { render: OF }, AF = /* @__PURE__ */ Y(/* @__PURE__ */ y({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let { t: n } = J(), r = e, i = t, a = z(null), o = z(null), s = z(!1);
+		let { t: n } = J(), r = e, i = t, a = z(null), o = z(null), s = z(0);
 		Ae([a, o], () => {
 			let e = a.value;
-			s.value = e !== null && e.scrollWidth > e.clientWidth;
+			s.value = e ? Math.max(0, e.scrollWidth - e.clientWidth) : 0;
 		});
-		let c = u(() => !!r.scrollLabelOnOverflow && s.value), l = u(() => {
+		let c = u(() => !!r.scrollLabelOnOverflow && s.value > 0), l = u(() => {
 			if (!r.item.disabled) {
 				if (r.item.route) return r.item.route.to;
 				if (r.item.link) return r.item.link.href;
@@ -16381,7 +16381,8 @@ var kF = { render: OF }, AF = /* @__PURE__ */ Y(/* @__PURE__ */ y({
 							class: A([t.$style.menuItemTextViewport, {
 								[t.$style.scrollLabelOnOverflow]: r.scrollLabelOnOverflow,
 								[t.$style.labelOverflowing]: c.value
-							}])
+							}]),
+							style: M(c.value ? { "--menu-item--label-overflow": s.value } : void 0)
 						}, [v(U($), {
 							ref_key: "menuItemText",
 							ref: o,
@@ -16390,7 +16391,7 @@ var kF = { render: OF }, AF = /* @__PURE__ */ Y(/* @__PURE__ */ y({
 						}, {
 							default: K(() => [_(H(e.item.label), 1)]),
 							_: 1
-						}, 8, ["class", "color"])], 2)),
+						}, 8, ["class", "color"])], 6)),
 						!e.compact && e.item.preview ? (R(), d(zF, { key: 1 })) : f("", !0),
 						!e.compact && e.item.new ? (R(), d(U(qT), {
 							key: 2,
@@ -16427,7 +16428,7 @@ var kF = { render: OF }, AF = /* @__PURE__ */ Y(/* @__PURE__ */ y({
 			_: 1
 		}, 8, ["placement", "disabled"])], 10, BF));
 	}
-}), HF = "_menuItemWrapper_6oo6k_396", UF = "_menuItem_6oo6k_396", WF = "_disabled_6oo6k_418", GF = "_menuItemIcon_6oo6k_418", KF = "_active_6oo6k_421", qF = "_compact_6oo6k_428", JF = "_clipOverflowLabel_6oo6k_441", YF = "_menuItemTextViewport_6oo6k_445", XF = "_menuItemText_6oo6k_445", ZF = "_scrollLabelOnOverflow_6oo6k_462", QF = "_labelOverflowing_6oo6k_479", $F = "_revealLeftOverflowFade_6oo6k_1", eI = "_notification_6oo6k_529", tI = "_menuItemEmoji_6oo6k_540", nI = "_menuItemLabel_6oo6k_549", rI = "_newBadge_6oo6k_558", iI = "_shimmer_6oo6k_1", aI = "_spin_6oo6k_1", oI = "_opacityPulse_6oo6k_1", sI = "_popoverIn_6oo6k_1", cI = "_fadeIn_6oo6k_1", lI = "_collapsibleSlideDown_6oo6k_1", uI = "_collapsibleSlideUp_6oo6k_1", dI = "_collapsibleSlideDownBlurred_6oo6k_1", fI = "_collapsibleSlideUpBlurred_6oo6k_1", pI = "_blurSwapIn_6oo6k_1", mI = "_blurSwapOut_6oo6k_1", hI = "_pulseGlow_6oo6k_1", gI = "_pulseGlowDelayed_6oo6k_1", _I = "_fade_6oo6k_1", vI = "_fadeInUp_6oo6k_1", yI = "_fadeInDown_6oo6k_1", bI = "_fadeInLeft_6oo6k_1", xI = "_fadeInRight_6oo6k_1", SI = "_fadeOut_6oo6k_1", CI = "_fadeOutDown_6oo6k_1", wI = "_fadeOutUp_6oo6k_1", TI = "_fadeOutLeft_6oo6k_1", EI = "_fadeOutRight_6oo6k_1", DI = "_ping_6oo6k_1", OI = "_blinkBackground_6oo6k_1", kI = "_typingBlink_6oo6k_1", AI = /* @__PURE__ */ Y(VF, [["__cssModules", { $style: {
+}), HF = "_menuItemWrapper_1xefb_396", UF = "_menuItem_1xefb_396", WF = "_disabled_1xefb_418", GF = "_menuItemIcon_1xefb_418", KF = "_active_1xefb_421", qF = "_compact_1xefb_428", JF = "_clipOverflowLabel_1xefb_441", YF = "_menuItemTextViewport_1xefb_445", XF = "_menuItemText_1xefb_445", ZF = "_scrollLabelOnOverflow_1xefb_462", QF = "_labelOverflowing_1xefb_480", $F = "_revealLeftOverflowFade_1xefb_1", eI = "_notification_1xefb_530", tI = "_menuItemEmoji_1xefb_541", nI = "_menuItemLabel_1xefb_550", rI = "_newBadge_1xefb_559", iI = "_shimmer_1xefb_1", aI = "_spin_1xefb_1", oI = "_opacityPulse_1xefb_1", sI = "_popoverIn_1xefb_1", cI = "_fadeIn_1xefb_1", lI = "_collapsibleSlideDown_1xefb_1", uI = "_collapsibleSlideUp_1xefb_1", dI = "_collapsibleSlideDownBlurred_1xefb_1", fI = "_collapsibleSlideUpBlurred_1xefb_1", pI = "_blurSwapIn_1xefb_1", mI = "_blurSwapOut_1xefb_1", hI = "_pulseGlow_1xefb_1", gI = "_pulseGlowDelayed_1xefb_1", _I = "_fade_1xefb_1", vI = "_fadeInUp_1xefb_1", yI = "_fadeInDown_1xefb_1", bI = "_fadeInLeft_1xefb_1", xI = "_fadeInRight_1xefb_1", SI = "_fadeOut_1xefb_1", CI = "_fadeOutDown_1xefb_1", wI = "_fadeOutUp_1xefb_1", TI = "_fadeOutLeft_1xefb_1", EI = "_fadeOutRight_1xefb_1", DI = "_ping_1xefb_1", OI = "_blinkBackground_1xefb_1", kI = "_typingBlink_1xefb_1", AI = /* @__PURE__ */ Y(VF, [["__cssModules", { $style: {
 	menuItemWrapper: HF,
 	menuItem: UF,
 	disabled: WF,
@@ -16446,7 +16447,7 @@ var kF = { render: OF }, AF = /* @__PURE__ */ Y(/* @__PURE__ */ y({
 	newBadge: rI,
 	shimmer: iI,
 	spin: aI,
-	"skeleton-pulse": "_skeleton-pulse_6oo6k_1",
+	"skeleton-pulse": "_skeleton-pulse_1xefb_1",
 	opacityPulse: oI,
 	popoverIn: sI,
 	fadeIn: cI,