@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/personalizedTemplatesV3.store-BGYp0YBN.js

@@ -0,0 +1,334 @@
+import { C as computed, It as ref, _t as watch } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { M as usePostHog, P as useWorkflowsStore, k as useTelemetry, l as useTemplatesStore, m as useCloudPlanStore, ms as useSettingsStore, wc as STORES } from "./builder.store-Czk2ipDE.js";
+import { Ro as VIEWS, dc as PERSONALIZED_TEMPLATES_V3, gc as TEMPLATE_RECO_V2 } from "./constants-C8OH4tTq.js";
+import { k as defineStore } from "./_baseOrderBy-N8Be_6z6.js";
+const NODE_DATA = {
+	"@n8n/n8n-nodes-langchain.agent": {
+		starter: [
+			6270,
+			5462,
+			3100
+		],
+		popular: [
+			2465,
+			2326,
+			2006
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "77Z07QnLlB8",
+			title: "Building AI Agents: Prompt Engineering for Beginners [Part 3]",
+			description: "In Part 3 of our Building AI Agents series, we focus on the essentials of prompt engineering—specifically for single-task agents in n8n."
+		}]
+	},
+	"@n8n/n8n-nodes-langchain.openAi": {
+		starter: [
+			3100,
+			2722,
+			5462
+		],
+		popular: [
+			2462,
+			2783,
+			2187
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "77Z07QnLlB8",
+			title: "Building AI Agents: Prompt Engineering for Beginners [Part 3]",
+			description: "In Part 3 of our Building AI Agents series, we focus on the essentials of prompt engineering—specifically for single-task agents in n8n."
+		}]
+	},
+	"n8n-nodes-base.googleSheets": {
+		starter: [
+			2581,
+			5462,
+			1751
+		],
+		popular: [
+			5690,
+			2819,
+			6468
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "IJdt_Ds-gmc",
+			title: "OpenAI and Google Sheets integration: Automated workflows (+ 2 Free Templates)",
+			description: "In this video, we connect OpenAI and Google Sheets into two powerful workflows."
+		}]
+	},
+	"n8n-nodes-base.gmail": {
+		starter: [
+			1953,
+			6277,
+			2722
+		],
+		popular: [
+			3686,
+			3123,
+			3905
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "UnSKuFJPtyk",
+			title: "Build Your First AI Agent for Free with No Code (n8n + Google Gemini 2.5 Pro)",
+			description: "Learn how to build your own AI-powered email assistant with zero coding using n8n and Google Gemini. This step-by-step tutorial shows how to create an agent that can read, draft, and send emails on your behalf — all automatically."
+		}]
+	},
+	"n8n-nodes-base.httpRequest": {
+		starter: [
+			1748,
+			3858,
+			5171
+		],
+		popular: [
+			2035,
+			4110,
+			3100
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "tKwvqgVEBOU",
+			title: "n8n HTTP Request Node Made Simple: 10x Your Automations in 10 Minutes",
+			description: "The n8n HTTP Request node is the most powerful tool you're probably not using. Most n8n users stick to pre-built integrations because the HTTP Request node looks intimidating, but mastering n8n HTTP requests will literally 10x what you can automate."
+		}]
+	},
+	"@n8n/n8n-nodes-langchain.googleGemini": {
+		starter: [
+			6270,
+			4365,
+			3905
+		],
+		popular: [
+			5993,
+			2753,
+			2466
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "UnSKuFJPtyk",
+			title: "Build Your First AI Agent for Free with No Code (n8n + Google Gemini 2.5 Pro)",
+			description: "Learn how to build your own AI-powered email assistant with zero coding using n8n and Google Gemini. This step-by-step tutorial shows how to create an agent that can read, draft, and send emails on your behalf — all automatically."
+		}]
+	},
+	"n8n-nodes-base.googleDrive": {
+		starter: [
+			6611,
+			1960,
+			2782
+		],
+		popular: [
+			2753,
+			4767,
+			3135
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "vqZTpKGh_jU",
+			title: "I Automated My Entire Google Drive With n8n – It Organizes Itself",
+			description: "In this video, learn how to use n8n to automatically organize your Google Drive files From organizing files to streamlining tasks, discover smart ways to boost productivity in just minutes!"
+		}]
+	},
+	"n8n-nodes-base.telegram": {
+		starter: [
+			2462,
+			2114,
+			4365
+		],
+		popular: [
+			3654,
+			2783,
+			3686
+		],
+		youtube: [{
+			id: "4cQWJViybAQ",
+			title: "n8n Quick Start Tutorial: Build Your First Workflow [2025]",
+			description: "In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."
+		}, {
+			id: "ODdRXozldPw",
+			title: "How to build a Telegram AI bot with n8n – Step-by-step tutorial",
+			description: "In this video, we’ll guide you through the workflow that integrates with Telegram to create an AI-powered chatbot. It uses OpenAI's Chat Model and Dall-E 3 to understand and respond to user messages, correct errors, and generate and send images based on user queries."
+		}]
+	}
+};
+var PREDEFINED_NODES = Object.keys(NODE_DATA);
+const usePersonalizedTemplatesV2Store = defineStore(STORES.EXPERIMENT_TEMPLATE_RECO_V2, () => {
+	const telemetry = useTelemetry();
+	const posthogStore = usePostHog();
+	const cloudPlanStore = useCloudPlanStore();
+	const templatesStore = useTemplatesStore();
+	const isFeatureEnabled = () => {
+		return posthogStore.getVariant(TEMPLATE_RECO_V2.name) === TEMPLATE_RECO_V2.variant && cloudPlanStore.userIsTrialing;
+	};
+	function getNodeData(nodeId) {
+		if (nodeId in NODE_DATA) return NODE_DATA[nodeId];
+		return {
+			starter: [],
+			popular: [],
+			youtube: []
+		};
+	}
+	async function getTemplateData(templateId) {
+		return await templatesStore.fetchTemplateById(templateId.toString());
+	}
+	function getTemplateRoute(id) {
+		return {
+			name: VIEWS.TEMPLATE,
+			params: { id }
+		};
+	}
+	const nodes = computed(() => {
+		const selectedApps = cloudPlanStore.selectedApps;
+		if (!selectedApps?.length) return [];
+		return PREDEFINED_NODES.filter((nodeName) => selectedApps.includes(nodeName)).slice(0, 3);
+	});
+	function trackMinicardClick(tool) {
+		telemetry.track("User clicked on node minicard", { tool });
+	}
+	function trackModalTabView(tool) {
+		telemetry.track("User visited template recommendation modal tab", { tool });
+	}
+	function trackTemplateTileClick(templateId) {
+		telemetry.track("User clicked on template recommendation tile", { templateId });
+	}
+	function trackVideoClick(name) {
+		telemetry.track("User clicked on template recommendation video", { name });
+	}
+	function trackSeeMoreClick(type) {
+		telemetry.track("User clicked on template recommendation see more", { type });
+	}
+	return {
+		isFeatureEnabled,
+		getNodeData,
+		getTemplateData,
+		nodes,
+		getTemplateRoute,
+		trackMinicardClick,
+		trackModalTabView,
+		trackTemplateTileClick,
+		trackVideoClick,
+		trackSeeMoreClick
+	};
+});
+const usePersonalizedTemplatesV3Store = defineStore(STORES.PERSONALIZED_TEMPLATES_V3, () => {
+	const telemetry = useTelemetry();
+	const posthogStore = usePostHog();
+	const cloudPlanStore = useCloudPlanStore();
+	const settingsStore = useSettingsStore();
+	const templatesStore = useTemplatesStore();
+	const workflowsStore = useWorkflowsStore();
+	const INTERACTION_STORAGE_KEY = "n8n-personalizedTemplatesV3-hasInteracted";
+	const hasInteractedWithTemplateRecommendations = ref(localStorage.getItem(INTERACTION_STORAGE_KEY) === "true");
+	const isFeatureEnabled = () => {
+		const isLocalhost = window.location.hostname === "localhost";
+		return posthogStore.getVariant(PERSONALIZED_TEMPLATES_V3.name) === PERSONALIZED_TEMPLATES_V3.variant && (isLocalhost || cloudPlanStore.userIsTrialing);
+	};
+	const hasChosenHubSpot = computed(() => {
+		const selectedApps = cloudPlanStore.selectedApps;
+		if (!selectedApps?.length) return false;
+		return selectedApps.includes("n8n-nodes-base.hubspot") || selectedApps.includes("n8n-nodes-base.hubspotTrigger");
+	});
+	const shouldShowTemplateTooltip = computed(() => {
+		const allWorkflows = workflowsStore.allWorkflows;
+		return isFeatureEnabled() && hasChosenHubSpot.value && allWorkflows.length > 0 && !hasInteractedWithTemplateRecommendations.value;
+	});
+	function getHubSpotData() {
+		return { templates: [
+			8966,
+			8967,
+			8968,
+			8969,
+			8970,
+			8971
+		] };
+	}
+	async function getTemplateData(templateId) {
+		return await templatesStore.fetchTemplateById(templateId.toString());
+	}
+	function getTemplateRoute(id) {
+		return {
+			name: VIEWS.TEMPLATE,
+			params: { id }
+		};
+	}
+	function trackPersonalizationCardClick() {
+		telemetry.track("User clicked on personalization card");
+	}
+	function trackPersonalizationModalView() {
+		telemetry.track("User viewed personalization modal");
+	}
+	function trackPersonalizationTooltipView() {
+		telemetry.track("User viewed personalization tooltip");
+	}
+	function trackPersonalizationTooltipDismiss() {
+		telemetry.track("User dismissed personalization tooltip");
+	}
+	function trackTemplateClickFromModal(templateId) {
+		telemetry.track("User clicked on template from modal", { templateId });
+	}
+	function trackTemplatesRepoClickFromModal() {
+		telemetry.track("User clicked on templates repo from modal");
+	}
+	function markTemplateRecommendationInteraction() {
+		hasInteractedWithTemplateRecommendations.value = true;
+		localStorage.setItem(INTERACTION_STORAGE_KEY, "true");
+	}
+	const trackExperimentParticipation = async () => {
+		if (settingsStore.isCloudDeployment && !cloudPlanStore.state.initialized) try {
+			await cloudPlanStore.initialize();
+		} catch (error) {
+			console.warn("Could not load cloud plan data for experiment tracking:", error);
+			return;
+		}
+		if (!hasChosenHubSpot.value) return;
+		const variant = posthogStore.getVariant(PERSONALIZED_TEMPLATES_V3.name);
+		if (variant) telemetry.track("User is part of experiment", {
+			name: PERSONALIZED_TEMPLATES_V3.name,
+			variant
+		});
+	};
+	let hasTrackedExperiment = false;
+	watch(hasChosenHubSpot, (hasHubSpot) => {
+		if (hasHubSpot && !hasTrackedExperiment) {
+			hasTrackedExperiment = true;
+			trackExperimentParticipation();
+		}
+	}, { immediate: true });
+	return {
+		isFeatureEnabled,
+		hasChosenHubSpot,
+		shouldShowTemplateTooltip,
+		getHubSpotData,
+		getTemplateData,
+		getTemplateRoute,
+		trackPersonalizationCardClick,
+		trackPersonalizationModalView,
+		trackPersonalizationTooltipView,
+		trackPersonalizationTooltipDismiss,
+		trackTemplateClickFromModal,
+		trackTemplatesRepoClickFromModal,
+		markTemplateRecommendationInteraction
+	};
+});
+export { usePersonalizedTemplatesV2Store as n, usePersonalizedTemplatesV3Store as t };

package/dist/assets/pickBy-UI0Jt4wC.js

@@ -0,0 +1,18 @@
+import { t as __commonJSMin } from "./chunk-6z4oVpB-.js";
+import { o as require__arrayMap } from "./get-BcEmeOxn.js";
+import { _i as require__baseIteratee, bi as require__getAllKeysIn, si as require__basePickBy } from "./constants-C8OH4tTq.js";
+var require_pickBy = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	var arrayMap = require__arrayMap(), baseIteratee = require__baseIteratee(), basePickBy = require__basePickBy(), getAllKeysIn = require__getAllKeysIn();
+	function pickBy(object, predicate) {
+		if (object == null) return {};
+		var props = arrayMap(getAllKeysIn(object), function(prop) {
+			return [prop];
+		});
+		predicate = baseIteratee(predicate);
+		return basePickBy(object, props, function(value, path) {
+			return predicate(value, path[0]);
+		});
+	}
+	module.exports = pickBy;
+}));
+export { require_pickBy as t };

package/dist/assets/preload-helper-dyVz7ck7.js

@@ -0,0 +1,59 @@
+var scriptRel = "modulepreload";
+var assetsURL = function(dep, importerUrl) {
+	return new URL(dep, importerUrl).href;
+};
+var seen = {};
+const __vitePreload = function preload(baseModule, deps, importerUrl) {
+	let promise = Promise.resolve();
+	if (deps && deps.length > 0) {
+		const links = document.getElementsByTagName("link");
+		const cspNonceMeta = document.querySelector("meta[property=csp-nonce]");
+		const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
+		function allSettled(promises$2) {
+			return Promise.all(promises$2.map((p) => Promise.resolve(p).then((value$1) => ({
+				status: "fulfilled",
+				value: value$1
+			}), (reason) => ({
+				status: "rejected",
+				reason
+			}))));
+		}
+		promise = allSettled(deps.map((dep) => {
+			dep = assetsURL(dep, importerUrl);
+			if (dep in seen) return;
+			seen[dep] = true;
+			const isCss = dep.endsWith(".css");
+			const cssSelector = isCss ? "[rel=\"stylesheet\"]" : "";
+			if (!!importerUrl) for (let i$1 = links.length - 1; i$1 >= 0; i$1--) {
+				const link$1 = links[i$1];
+				if (link$1.href === dep && (!isCss || link$1.rel === "stylesheet")) return;
+			}
+			else if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) return;
+			const link = document.createElement("link");
+			link.rel = isCss ? "stylesheet" : scriptRel;
+			if (!isCss) link.as = "script";
+			link.crossOrigin = "";
+			link.href = dep;
+			if (cspNonce) link.setAttribute("nonce", cspNonce);
+			document.head.appendChild(link);
+			if (isCss) return new Promise((res, rej) => {
+				link.addEventListener("load", res);
+				link.addEventListener("error", () => rej(/* @__PURE__ */ new Error(`Unable to preload CSS for ${dep}`)));
+			});
+		}));
+	}
+	function handlePreloadError(err$2) {
+		const e$1 = new Event("vite:preloadError", { cancelable: true });
+		e$1.payload = err$2;
+		window.dispatchEvent(e$1);
+		if (!e$1.defaultPrevented) throw err$2;
+	}
+	return promise.then((res) => {
+		for (const item of res || []) {
+			if (item.status !== "rejected") continue;
+			handlePreloadError(item.reason);
+		}
+		return baseModule().catch(handlePreloadError);
+	});
+};
+export { __vitePreload as t };

package/dist/assets/radio-CSce3UT0.js

@@ -0,0 +1,262 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, G as nextTick, Gt as unref, Ht as toRefs, It as ref, P as defineComponent, Pt as reactive, Z as onMounted, _t as watch, at as renderSlot, bn as normalizeStyle, d as vModelRadio, et as openBlock, h as withModifiers, j as createTextVNode, jt as isRef, mn as isString, nt as provide, tn as init_shared_esm_bundler, vn as normalizeClass, w as createBaseVNode, xt as withDirectives, z as inject } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { $ as buildProps, At as debugWarn, C as useSizeProp, It as isBoolean, K as withNoopInstall, T as useId, V as UPDATE_MODEL_EVENT, W as withInstall, g as useFormSize, h as useFormDisabled, k as useNamespace, m as useFormItemInputId, p as useFormItem, y as _export_sfc, z as CHANGE_EVENT, zt as isNumber } from "./truncate-C0KYt7i3.js";
+init_shared_esm_bundler();
+var radioPropsBase = buildProps({
+	size: useSizeProp,
+	disabled: Boolean,
+	label: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: ""
+	}
+});
+var radioProps = buildProps({
+	...radioPropsBase,
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: ""
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	border: Boolean
+});
+var radioEmits = {
+	[UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+	[CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val)
+};
+var radioGroupKey = Symbol("radioGroupKey");
+var useRadio = (props, emit) => {
+	const radioRef = ref();
+	const radioGroup = inject(radioGroupKey, void 0);
+	const isGroup = computed(() => !!radioGroup);
+	const modelValue = computed({
+		get() {
+			return isGroup.value ? radioGroup.modelValue : props.modelValue;
+		},
+		set(val) {
+			if (isGroup.value) radioGroup.changeEvent(val);
+			else emit && emit("update:modelValue", val);
+			radioRef.value.checked = props.modelValue === props.label;
+		}
+	});
+	const size = useFormSize(computed(() => radioGroup == null ? void 0 : radioGroup.size));
+	const disabled = useFormDisabled(computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
+	return {
+		radioRef,
+		isGroup,
+		radioGroup,
+		focus: ref(false),
+		size,
+		disabled,
+		tabIndex: computed(() => {
+			return disabled.value || isGroup.value && modelValue.value !== props.label ? -1 : 0;
+		}),
+		modelValue
+	};
+};
+var _hoisted_1$2 = [
+	"value",
+	"name",
+	"disabled"
+];
+var Radio = /* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({ name: "ElRadio" }),
+	props: radioProps,
+	emits: radioEmits,
+	setup(__props, { emit }) {
+		const props = __props;
+		const ns = useNamespace("radio");
+		const { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio(props, emit);
+		function handleChange() {
+			nextTick(() => emit("change", modelValue.value));
+		}
+		return (_ctx, _cache) => {
+			var _a;
+			return openBlock(), createElementBlock("label", { class: normalizeClass([
+				unref(ns).b(),
+				unref(ns).is("disabled", unref(disabled)),
+				unref(ns).is("focus", unref(focus)),
+				unref(ns).is("bordered", _ctx.border),
+				unref(ns).is("checked", unref(modelValue) === _ctx.label),
+				unref(ns).m(unref(size))
+			]) }, [createBaseVNode("span", { class: normalizeClass([
+				unref(ns).e("input"),
+				unref(ns).is("disabled", unref(disabled)),
+				unref(ns).is("checked", unref(modelValue) === _ctx.label)
+			]) }, [withDirectives(createBaseVNode("input", {
+				ref_key: "radioRef",
+				ref: radioRef,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+				class: normalizeClass(unref(ns).e("original")),
+				value: _ctx.label,
+				name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
+				disabled: unref(disabled),
+				type: "radio",
+				onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
+				onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
+				onChange: handleChange,
+				onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+			}, null, 42, _hoisted_1$2), [[vModelRadio, unref(modelValue)]]), createBaseVNode("span", { class: normalizeClass(unref(ns).e("inner")) }, null, 2)], 2), createBaseVNode("span", {
+				class: normalizeClass(unref(ns).e("label")),
+				onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1)])], 34)], 2);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio.vue"]]);
+var radioButtonProps = buildProps({
+	...radioPropsBase,
+	name: {
+		type: String,
+		default: ""
+	}
+});
+var _hoisted_1$1 = [
+	"value",
+	"name",
+	"disabled"
+];
+var RadioButton = /* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({ name: "ElRadioButton" }),
+	props: radioButtonProps,
+	setup(__props) {
+		const props = __props;
+		const ns = useNamespace("radio");
+		const { radioRef, focus, size, disabled, modelValue, radioGroup } = useRadio(props);
+		const activeStyle = computed(() => {
+			return {
+				backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+				borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+				boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+				color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
+			};
+		});
+		return (_ctx, _cache) => {
+			var _a;
+			return openBlock(), createElementBlock("label", { class: normalizeClass([
+				unref(ns).b("button"),
+				unref(ns).is("active", unref(modelValue) === _ctx.label),
+				unref(ns).is("disabled", unref(disabled)),
+				unref(ns).is("focus", unref(focus)),
+				unref(ns).bm("button", unref(size))
+			]) }, [withDirectives(createBaseVNode("input", {
+				ref_key: "radioRef",
+				ref: radioRef,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+				class: normalizeClass(unref(ns).be("button", "original-radio")),
+				value: _ctx.label,
+				type: "radio",
+				name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
+				disabled: unref(disabled),
+				onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
+				onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
+				onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+			}, null, 42, _hoisted_1$1), [[vModelRadio, unref(modelValue)]]), createBaseVNode("span", {
+				class: normalizeClass(unref(ns).be("button", "inner")),
+				style: normalizeStyle(unref(modelValue) === _ctx.label ? unref(activeStyle) : {}),
+				onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1)])], 38)], 2);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);
+var radioGroupProps = buildProps({
+	id: {
+		type: String,
+		default: void 0
+	},
+	size: useSizeProp,
+	disabled: Boolean,
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: ""
+	},
+	fill: {
+		type: String,
+		default: ""
+	},
+	label: {
+		type: String,
+		default: void 0
+	},
+	textColor: {
+		type: String,
+		default: ""
+	},
+	name: {
+		type: String,
+		default: void 0
+	},
+	validateEvent: {
+		type: Boolean,
+		default: true
+	}
+});
+var radioGroupEmits = radioEmits;
+var _hoisted_1 = [
+	"id",
+	"aria-label",
+	"aria-labelledby"
+];
+var RadioGroup = /* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({ name: "ElRadioGroup" }),
+	props: radioGroupProps,
+	emits: radioGroupEmits,
+	setup(__props, { emit }) {
+		const props = __props;
+		const ns = useNamespace("radio");
+		const radioId = useId();
+		const radioGroupRef = ref();
+		const { formItem } = useFormItem();
+		const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, { formItemContext: formItem });
+		const changeEvent = (value) => {
+			emit(UPDATE_MODEL_EVENT, value);
+			nextTick(() => emit("change", value));
+		};
+		onMounted(() => {
+			const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
+			const firstLabel = radios[0];
+			if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) firstLabel.tabIndex = 0;
+		});
+		const name = computed(() => {
+			return props.name || radioId.value;
+		});
+		provide(radioGroupKey, reactive({
+			...toRefs(props),
+			changeEvent,
+			name
+		}));
+		watch(() => props.modelValue, () => {
+			if (props.validateEvent) formItem?.validate("change").catch((err) => debugWarn(err));
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: unref(groupId),
+				ref_key: "radioGroupRef",
+				ref: radioGroupRef,
+				class: normalizeClass(unref(ns).b("group")),
+				role: "radiogroup",
+				"aria-label": !unref(isLabeledByFormItem) ? _ctx.label || "radio-group" : void 0,
+				"aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-group.vue"]]);
+var ElRadio = withInstall(Radio, {
+	RadioButton,
+	RadioGroup
+});
+var ElRadioGroup = withNoopInstall(RadioGroup);
+withNoopInstall(RadioButton);
+export { ElRadioGroup as n, ElRadio as t };