@n8n/design-system 2.7.0 → 2.7.1

package/dist/n8n-design-system.es.js

@@ -26683,24 +26683,24 @@ var _hoisted_1$57 = [
 		"mousedown"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let i = useCssModule(), o = useSlots(), s = e, l = r, d = useAttrs(), f = ref(null), _ = (e) => e === "id" || e === "title" || e.startsWith("data-") || e.startsWith("aria-") || e.startsWith("on"), w = computed(() => {
+		let i = useCssModule(), o = useSlots(), s = e, l = r, d = useAttrs(), f = ref(null), _ = (e) => e === "id" || e === "title" || e.startsWith("data-") || e.startsWith("aria-") || e.startsWith("on"), k = computed(() => {
 			let e = {};
 			for (let [n, r] of Object.entries(d)) _(n) && (e[n] = r);
 			return e;
-		}), k = computed(() => {
+		}), $ = computed(() => {
 			let e = {};
 			for (let [n, r] of Object.entries(d)) _(n) || (e[n] = r);
 			return e;
-		}), $ = {
+		}), A7 = {
 			xlarge: i.xlarge,
 			large: i.large,
 			medium: i.medium,
 			small: i.small,
 			mini: i.mini
-		}, A7 = computed(() => $[s.size]), M7 = computed(() => [
+		}, M7 = computed(() => A7[s.size]), N7 = computed(() => [
 			"n8n-input",
 			i.inputContainer,
-			A7.value,
+			M7.value,
 			{
 				[i.disabled]: s.disabled,
 				[i.readonly]: s.readonly,
@@ -26708,20 +26708,23 @@ var _hoisted_1$57 = [
 				[i.hasAppend]: !!o.append,
 				"ph-no-capture": s.type === "password"
 			}
-		]), N7 = ref(!1), P7 = (e) => {
+		]), P7 = computed(() => [i.inputWrapper, {
+			[i.disabled]: s.disabled,
+			[i.readonly]: s.readonly
+		}]), F7 = ref(!1), I7 = (e) => {
 			let n = e.target;
 			l("update:modelValue", n.value), l("input", n.value);
-		}, F7 = (e) => {
-			N7.value = !1, l("blur", e);
-		}, I7 = (e) => {
-			N7.value = !0, l("focus", e);
 		}, L7 = (e) => {
-			l("keydown", e);
+			F7.value = !1, l("blur", e);
 		}, R7 = (e) => {
+			F7.value = !0, l("focus", e);
+		}, z7 = (e) => {
+			l("keydown", e);
+		}, B7 = (e) => {
 			l("mousedown", e);
-		}, z7 = () => {
-			l("update:modelValue", ""), X7();
-		}, B7 = computed(() => s.clearable && !s.disabled && s.modelValue !== "" && s.modelValue !== null), V7 = ref({}), H7, U7 = [
+		}, V7 = () => {
+			l("update:modelValue", ""), e9();
+		}, H7 = computed(() => s.clearable && !s.disabled && s.modelValue !== "" && s.modelValue !== null), U7 = ref({}), W7, J7 = [
 			"letter-spacing",
 			"line-height",
 			"padding-top",
@@ -26738,13 +26741,13 @@ var _hoisted_1$57 = [
 			"border-width",
 			"box-sizing"
 		];
-		function W7(e, n, r) {
-			H7 || (H7 = document.createElement("textarea"), document.body.appendChild(H7));
-			let o = window.getComputedStyle(e), s = o.getPropertyValue("box-sizing"), l = parseFloat(o.getPropertyValue("padding-bottom")) + parseFloat(o.getPropertyValue("padding-top")), d = parseFloat(o.getPropertyValue("border-bottom-width")) + parseFloat(o.getPropertyValue("border-top-width")), f = U7.map((e) => `${e}:${o.getPropertyValue(e)}`).join(";");
-			H7.className = i.hiddenTextarea, H7.setAttribute("style", f), H7.value = e.value || e.placeholder || "";
-			let p = H7.scrollHeight, _ = { height: "" };
-			s === "border-box" ? p += d : s === "content-box" && (p -= l), H7.value = "";
-			let y = H7.scrollHeight - l;
+		function Y7(e, n, r) {
+			W7 || (W7 = document.createElement("textarea"), document.body.appendChild(W7));
+			let o = window.getComputedStyle(e), s = o.getPropertyValue("box-sizing"), l = parseFloat(o.getPropertyValue("padding-bottom")) + parseFloat(o.getPropertyValue("padding-top")), d = parseFloat(o.getPropertyValue("border-bottom-width")) + parseFloat(o.getPropertyValue("border-top-width")), f = J7.map((e) => `${e}:${o.getPropertyValue(e)}`).join(";");
+			W7.className = i.hiddenTextarea, W7.setAttribute("style", f), W7.value = e.value || e.placeholder || "";
+			let p = W7.scrollHeight, _ = { height: "" };
+			s === "border-box" ? p += d : s === "content-box" && (p -= l), W7.value = "";
+			let y = W7.scrollHeight - l;
 			if (n !== void 0) {
 				let e = y * n;
 				s === "border-box" && (e = e + l + d), p = Math.max(e, p), _.minHeight = `${e}px`;
@@ -26755,120 +26758,126 @@ var _hoisted_1$57 = [
 			}
 			return _.height = `${p}px`, _;
 		}
-		function J7() {
-			H7?.parentNode && (H7.parentNode.removeChild(H7), H7 = void 0);
+		function X7() {
+			W7?.parentNode && (W7.parentNode.removeChild(W7), W7 = void 0);
 		}
-		let Y7 = () => {
+		let Q7 = () => {
 			if (s.type !== "textarea" || !s.autosize || !f.value) return;
 			let e = f.value;
-			V7.value = W7(e, typeof s.autosize == "object" ? s.autosize.minRows : void 0, typeof s.autosize == "object" ? s.autosize.maxRows : void 0), J7();
+			U7.value = Y7(e, typeof s.autosize == "object" ? s.autosize.minRows : void 0, typeof s.autosize == "object" ? s.autosize.maxRows : void 0), X7();
 		};
 		useResizeObserver$1(computed(() => s.type === "textarea" && s.autosize ? f.value : null), () => {
-			Y7();
+			Q7();
 		}), onBeforeUnmount(() => {
-			J7();
+			X7();
 		}), watch(() => s.modelValue, () => {
-			s.type === "textarea" && s.autosize && nextTick(Y7);
+			s.type === "textarea" && s.autosize && nextTick(Q7);
 		}), onMounted(() => {
-			s.autofocus && X7(), s.type === "textarea" && s.autosize && nextTick(Y7);
+			s.autofocus && e9(), s.type === "textarea" && s.autosize && nextTick(Q7);
 		});
-		let X7 = () => f.value?.focus();
+		let e9 = () => f.value?.focus();
 		return n({
-			focus: X7,
+			focus: e9,
 			blur: () => f.value?.blur(),
 			select: () => f.value?.select()
-		}), (n, r) => (openBlock(), createElementBlock("div", mergeProps({ class: M7.value }, k.value), [
+		}), (n, r) => (openBlock(), createElementBlock("div", mergeProps({ class: N7.value }, $.value), [
 			n.$slots.prepend ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(unref(i).prepend)
 			}, [renderSlot(n.$slots, "prepend")], 2)) : createCommentVNode("", !0),
-			n.$slots.prefix ? (openBlock(), createElementBlock("span", {
-				key: 1,
-				class: normalizeClass(unref(i).prefix)
-			}, [renderSlot(n.$slots, "prefix")], 2)) : createCommentVNode("", !0),
-			e.type === "textarea" ? (openBlock(), createElementBlock("textarea", mergeProps({
-				key: 3,
-				ref_key: "inputRef",
-				ref: f,
-				value: e.modelValue ?? "",
-				class: [unref(i).input, unref(i).textarea],
-				placeholder: e.placeholder,
-				disabled: e.disabled,
-				readonly: e.readonly,
-				rows: e.autosize ? void 0 : e.rows,
-				maxlength: e.maxlength,
-				autocomplete: e.autocomplete,
-				name: e.name,
-				style: e.autosize ? {
-					...V7.value,
-					resize: "none",
-					overflow: "hidden"
-				} : void 0
-			}, w.value, {
-				onInput: P7,
-				onBlur: F7,
-				onFocus: I7,
-				onKeydown: L7,
-				onMousedown: R7
-			}), null, 16, _hoisted_2$34)) : (openBlock(), createElementBlock("input", mergeProps({
-				key: 2,
-				ref_key: "inputRef",
-				ref: f,
-				type: e.type,
-				value: e.modelValue ?? "",
-				class: unref(i).input,
-				placeholder: e.placeholder,
-				disabled: e.disabled,
-				readonly: e.readonly,
-				maxlength: e.maxlength,
-				autocomplete: e.autocomplete,
-				name: e.name
-			}, w.value, {
-				onInput: P7,
-				onBlur: F7,
-				onFocus: I7,
-				onKeydown: L7,
-				onMousedown: R7
-			}), null, 16, _hoisted_1$57)),
-			n.$slots.suffix ? (openBlock(), createElementBlock("span", {
-				key: 4,
-				class: normalizeClass(unref(i).suffix)
-			}, [renderSlot(n.$slots, "suffix")], 2)) : createCommentVNode("", !0),
-			B7.value ? (openBlock(), createElementBlock("button", {
-				key: 5,
-				type: "button",
-				class: normalizeClass(unref(i).clearButton),
-				tabindex: "-1",
-				onClick: z7
-			}, [createVNode(Icon_default, {
-				icon: "x",
-				size: "small"
-			})], 2)) : createCommentVNode("", !0),
+			createElementVNode("div", {
+				class: normalizeClass(P7.value),
+				onClick: e9
+			}, [
+				n.$slots.prefix ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(i).prefix)
+				}, [renderSlot(n.$slots, "prefix")], 2)) : createCommentVNode("", !0),
+				e.type === "textarea" ? (openBlock(), createElementBlock("textarea", mergeProps({
+					key: 2,
+					ref_key: "inputRef",
+					ref: f,
+					value: e.modelValue ?? "",
+					class: [unref(i).input, unref(i).textarea],
+					placeholder: e.placeholder,
+					disabled: e.disabled,
+					readonly: e.readonly,
+					rows: e.autosize ? void 0 : e.rows,
+					maxlength: e.maxlength,
+					autocomplete: e.autocomplete,
+					name: e.name,
+					style: e.autosize ? {
+						...U7.value,
+						resize: "none",
+						overflow: "hidden"
+					} : void 0
+				}, k.value, {
+					onInput: I7,
+					onBlur: L7,
+					onFocus: R7,
+					onKeydown: z7,
+					onMousedown: B7
+				}), null, 16, _hoisted_2$34)) : (openBlock(), createElementBlock("input", mergeProps({
+					key: 1,
+					ref_key: "inputRef",
+					ref: f,
+					type: e.type,
+					value: e.modelValue ?? "",
+					class: unref(i).input,
+					placeholder: e.placeholder,
+					disabled: e.disabled,
+					readonly: e.readonly,
+					maxlength: e.maxlength,
+					autocomplete: e.autocomplete,
+					name: e.name
+				}, k.value, {
+					onInput: I7,
+					onBlur: L7,
+					onFocus: R7,
+					onKeydown: z7,
+					onMousedown: B7
+				}), null, 16, _hoisted_1$57)),
+				n.$slots.suffix ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					class: normalizeClass(unref(i).suffix)
+				}, [renderSlot(n.$slots, "suffix")], 2)) : createCommentVNode("", !0),
+				H7.value ? (openBlock(), createElementBlock("button", {
+					key: 4,
+					type: "button",
+					class: normalizeClass(unref(i).clearButton),
+					tabindex: "-1",
+					onClick: V7
+				}, [createVNode(Icon_default, {
+					icon: "x",
+					size: "small"
+				})], 2)) : createCommentVNode("", !0)
+			], 2),
 			n.$slots.append ? (openBlock(), createElementBlock("span", {
-				key: 6,
+				key: 1,
 				class: normalizeClass(unref(i).append)
 			}, [renderSlot(n.$slots, "append")], 2)) : createCommentVNode("", !0)
 		], 16));
 	}
 }), [["__cssModules", { $style: {
-	inputContainer: "_inputContainer_xi8hx_1",
-	disabled: "_disabled_xi8hx_8",
-	readonly: "_readonly_xi8hx_12",
-	hasPrepend: "_hasPrepend_xi8hx_16",
-	hasAppend: "_hasAppend_xi8hx_21",
-	xlarge: "_xlarge_xi8hx_27",
-	input: "_input_xi8hx_1",
-	textarea: "_textarea_xi8hx_33",
-	large: "_large_xi8hx_38",
-	medium: "_medium_xi8hx_49",
-	small: "_small_xi8hx_60",
-	mini: "_mini_xi8hx_71",
-	prefix: "_prefix_xi8hx_156",
-	suffix: "_suffix_xi8hx_157",
-	clearButton: "_clearButton_xi8hx_164",
-	prepend: "_prepend_xi8hx_186",
-	append: "_append_xi8hx_187",
-	hiddenTextarea: "_hiddenTextarea_xi8hx_206"
+	inputContainer: "_inputContainer_1n6rn_1",
+	inputWrapper: "_inputWrapper_1n6rn_8",
+	disabled: "_disabled_1n6rn_18",
+	readonly: "_readonly_1n6rn_29",
+	hasPrepend: "_hasPrepend_1n6rn_41",
+	hasAppend: "_hasAppend_1n6rn_46",
+	xlarge: "_xlarge_1n6rn_52",
+	input: "_input_1n6rn_1",
+	textarea: "_textarea_1n6rn_61",
+	large: "_large_1n6rn_66",
+	medium: "_medium_1n6rn_80",
+	small: "_small_1n6rn_94",
+	mini: "_mini_1n6rn_108",
+	prefix: "_prefix_1n6rn_171",
+	suffix: "_suffix_1n6rn_172",
+	clearButton: "_clearButton_1n6rn_179",
+	prepend: "_prepend_1n6rn_201",
+	append: "_append_1n6rn_202",
+	hiddenTextarea: "_hiddenTextarea_1n6rn_221"
 } }]]), MessageRating_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "MessageRating",
 	props: {