n8n-editor-ui 2.1.1 → 2.2.0

package/dist/assets/{truncate-BmR9EyjG.js → truncate-ByNK2lRy.js}

@@ -1,6 +1,35 @@
 import { t as __commonJSMin } from "./chunk-6z4oVpB-.js";
-import { $t as hasOwn, C as computed, D as createElementBlock, Dn as init_dist, Dt as getCurrentScope, En as global, F as getCurrentInstance, Ft as readonly, G as nextTick, Gt as unref, It as ref, Jt as NOOP, K as onActivated, L as h, Lt as shallowReactive, Nt as onScopeDispose, P as defineComponent, Pt as reactive, Q as onUnmounted, W as mergeProps, Xt as capitalize, Y as onDeactivated, Yt as camelize, Z as onMounted, _t as watch, at as renderSlot, cn as isObject, et as openBlock, gt as warn, jt as isRef, mn as isString, nn as isArray$4, nt as provide, tn as init_shared_esm_bundler, vt as watchEffect, w as createBaseVNode, z as inject, zt as shallowRef } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { ct as isVue2, d as require__Symbol, l as require_isObjectLike, m as require_isArray, t as require__MapCache, u as require__baseGetTag } from "./_MapCache-BXj4WgHo.js";
+import { $t as hasOwn, C as computed, Cn as toDisplayString, D as createElementBlock, Dn as init_dist, Dt as getCurrentScope, E as createCommentVNode, En as global, F as getCurrentInstance, Ft as readonly, G as nextTick, Gt as unref, It as ref, J as onBeforeUnmount, Jt as NOOP, K as onActivated, L as h, Lt as shallowReactive, M as createVNode, Nt as onScopeDispose, P as defineComponent, Pt as reactive, Q as onUnmounted, T as createBlock, V as isVNode, Vt as toRef, W as mergeProps, Xt as capitalize, Y as onDeactivated, Yt as camelize, Z as onMounted, _ as Fragment, _t as watch, an as isFunction, at as renderSlot, bn as normalizeStyle, bt as withCtx, cn as isObject, ct as resolveDynamicComponent, et as openBlock, gt as warn, h as withModifiers, jt as isRef, mn as isString, nn as isArray$4, nt as provide, p as vShow, pt as useSlots, tn as init_shared_esm_bundler, ut as useAttrs, vn as normalizeClass, vt as watchEffect, w as createBaseVNode, x as Text, xt as withDirectives, z as inject, zt as shallowRef } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { d as require__Symbol, l as require_isObjectLike, lt as isVue2, m as require_isArray, t as require__MapCache, u as require__baseGetTag } from "./_MapCache-0zNxISSG.js";
+var FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
+var isVisible = (element) => {
+	return getComputedStyle(element).position === "fixed" ? false : element.offsetParent !== null;
+};
+var obtainAllFocusableElements$1 = (element) => {
+	return Array.from(element.querySelectorAll(FOCUSABLE_ELEMENT_SELECTORS)).filter((item) => isFocusable(item) && isVisible(item));
+};
+var isFocusable = (element) => {
+	if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null) return true;
+	if (element.disabled) return false;
+	switch (element.nodeName) {
+		case "A": return !!element.href && element.rel !== "ignore";
+		case "INPUT": return !(element.type === "hidden" || element.type === "file");
+		case "BUTTON":
+		case "SELECT":
+		case "TEXTAREA": return true;
+		default: return false;
+	}
+};
+var triggerEvent = function(elm, name, ...opts) {
+	let eventName;
+	if (name.includes("mouse") || name.includes("click")) eventName = "MouseEvents";
+	else if (name.includes("key")) eventName = "KeyboardEvent";
+	else eventName = "HTMLEvents";
+	const evt = document.createEvent(eventName);
+	evt.initEvent(name, ...opts);
+	elm.dispatchEvent(evt);
+	return elm;
+};
 var __defProp$9 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
 var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
@@ -32,7 +61,7 @@ function computedEager(fn, options) {
 var _a;
 var isClient = typeof window !== "undefined";
 var isDef = (val) => typeof val !== "undefined";
-var isFunction$1 = (val) => typeof val === "function";
+var isFunction$2 = (val) => typeof val === "function";
 var isString$1 = (val) => typeof val === "string";
 var noop$1 = () => {};
 var isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -424,7 +453,7 @@ function useVModel(props, key, emit, options = {}) {
 	let event = eventName;
 	if (!key) key = "modelValue";
 	event = eventName || event || `update:${key.toString()}`;
-	const cloneFn = (val) => !clone ? val : isFunction$1(clone) ? clone(val) : cloneFnJSON(val);
+	const cloneFn = (val) => !clone ? val : isFunction$2(clone) ? clone(val) : cloneFnJSON(val);
 	const getValue$1 = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
 	if (passive) {
 		const proxy = ref(getValue$1());
@@ -519,12 +548,12 @@ function isObject$1(value) {
 }
 var isObject_default = isObject$1;
 var asyncTag = "[object AsyncFunction]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-function isFunction(value) {
+function isFunction$1(value) {
 	if (!isObject_default(value)) return false;
 	var tag = _baseGetTag_default(value);
 	return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
 }
-var isFunction_default = isFunction;
+var isFunction_default = isFunction$1;
 var _coreJsData_default = _root_default["__core-js_shared__"];
 var maskSrcKey = function() {
 	var uid = /[^.]+$/.exec(_coreJsData_default && _coreJsData_default.keys && _coreJsData_default.keys.IE_PROTO || "");
@@ -841,6 +870,10 @@ function fromPairs(pairs) {
 	return result;
 }
 var fromPairs_default = fromPairs;
+function isNil(value) {
+	return value == null;
+}
+var isNil_default = isNil;
 function baseSet(object, path, value, customizer) {
 	if (!isObject_default(object)) return object;
 	path = _castPath_default(path, object);
@@ -937,6 +970,47 @@ function addUnit(value, defaultUnit = "px") {
 	else if (isString(value)) return value;
 	debugWarn(SCOPE, "binding value must be a string or number");
 }
+var scrollBarWidth;
+var getScrollBarWidth = (namespace) => {
+	var _a$1;
+	if (!isClient) return 0;
+	if (scrollBarWidth !== void 0) return scrollBarWidth;
+	const outer = document.createElement("div");
+	outer.className = `${namespace}-scrollbar__wrap`;
+	outer.style.visibility = "hidden";
+	outer.style.width = "100px";
+	outer.style.position = "absolute";
+	outer.style.top = "-9999px";
+	document.body.appendChild(outer);
+	const widthNoScroll = outer.offsetWidth;
+	outer.style.overflow = "scroll";
+	const inner = document.createElement("div");
+	inner.style.width = "100%";
+	outer.appendChild(inner);
+	const widthWithScroll = inner.offsetWidth;
+	(_a$1 = outer.parentNode) == null || _a$1.removeChild(outer);
+	scrollBarWidth = widthNoScroll - widthWithScroll;
+	return scrollBarWidth;
+};
+function scrollIntoView(container, selected) {
+	if (!isClient) return;
+	if (!selected) {
+		container.scrollTop = 0;
+		return;
+	}
+	const offsetParents = [];
+	let pointer = selected.offsetParent;
+	while (pointer !== null && container !== pointer && container.contains(pointer)) {
+		offsetParents.push(pointer);
+		pointer = pointer.offsetParent;
+	}
+	const top = selected.offsetTop + offsetParents.reduce((prev, curr) => prev + curr.offsetTop, 0);
+	const bottom = top + selected.offsetHeight;
+	const viewRectTop = container.scrollTop;
+	const viewRectBottom = viewRectTop + container.clientHeight;
+	if (top < viewRectTop) container.scrollTop = top;
+	else if (bottom > viewRectBottom) container.scrollTop = bottom - container.clientHeight;
+}
 var arrow_down_default = /* @__PURE__ */ defineComponent({
 	name: "ArrowDown",
 	__name: "arrow-down",
@@ -1377,12 +1451,6 @@ var withInstallFunction = (fn, name) => {
 	};
 	return fn;
 };
-var withInstallDirective = (directive, name) => {
-	directive.install = (app) => {
-		app.directive(name, directive);
-	};
-	return directive;
-};
 var withNoopInstall = (component) => {
 	component.install = NOOP;
 	return component;
@@ -1404,6 +1472,20 @@ var EVENT_CODE = {
 	home: "Home",
 	end: "End"
 };
+var datePickTypes = [
+	"year",
+	"month",
+	"date",
+	"dates",
+	"week",
+	"datetime",
+	"datetimerange",
+	"daterange",
+	"monthrange"
+];
+var UPDATE_MODEL_EVENT = "update:modelValue";
+var CHANGE_EVENT = "change";
+var INPUT_EVENT = "input";
 var componentSizes = [
 	"",
 	"default",
@@ -1415,6 +1497,64 @@ var componentSizeMap = {
 	default: 32,
 	small: 24
 };
+var isValidComponentSize = (val) => ["", ...componentSizes].includes(val);
+init_shared_esm_bundler();
+var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
+	PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
+	PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
+	PatchFlags2[PatchFlags2["STYLE"] = 4] = "STYLE";
+	PatchFlags2[PatchFlags2["PROPS"] = 8] = "PROPS";
+	PatchFlags2[PatchFlags2["FULL_PROPS"] = 16] = "FULL_PROPS";
+	PatchFlags2[PatchFlags2["HYDRATE_EVENTS"] = 32] = "HYDRATE_EVENTS";
+	PatchFlags2[PatchFlags2["STABLE_FRAGMENT"] = 64] = "STABLE_FRAGMENT";
+	PatchFlags2[PatchFlags2["KEYED_FRAGMENT"] = 128] = "KEYED_FRAGMENT";
+	PatchFlags2[PatchFlags2["UNKEYED_FRAGMENT"] = 256] = "UNKEYED_FRAGMENT";
+	PatchFlags2[PatchFlags2["NEED_PATCH"] = 512] = "NEED_PATCH";
+	PatchFlags2[PatchFlags2["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
+	PatchFlags2[PatchFlags2["HOISTED"] = -1] = "HOISTED";
+	PatchFlags2[PatchFlags2["BAIL"] = -2] = "BAIL";
+	return PatchFlags2;
+})(PatchFlags || {});
+var flattedChildren = (children) => {
+	const vNodes = isArray$4(children) ? children : [children];
+	const result = [];
+	vNodes.forEach((child) => {
+		var _a$1;
+		if (isArray$4(child)) result.push(...flattedChildren(child));
+		else if (isVNode(child) && isArray$4(child.children)) result.push(...flattedChildren(child.children));
+		else {
+			result.push(child);
+			if (isVNode(child) && ((_a$1 = child.component) == null ? void 0 : _a$1.subTree)) result.push(...flattedChildren(child.component.subTree));
+		}
+	});
+	return result;
+};
+var isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
+var mutable = (val) => val;
+var DEFAULT_EXCLUDE_KEYS = ["class", "style"];
+var LISTENER_PREFIX = /^on[A-Z]/;
+var useAttrs$1 = (params = {}) => {
+	const { excludeListeners = false, excludeKeys } = params;
+	const allExcludeKeys = computed(() => {
+		return ((excludeKeys == null ? void 0 : excludeKeys.value) || []).concat(DEFAULT_EXCLUDE_KEYS);
+	});
+	const instance = getCurrentInstance();
+	if (!instance) {
+		debugWarn("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function");
+		return computed(() => ({}));
+	}
+	return computed(() => {
+		var _a$1;
+		return fromPairs_default(Object.entries((_a$1 = instance.proxy) == null ? void 0 : _a$1.$attrs).filter(([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))));
+	});
+};
+var useDeprecated = ({ from, replacement, scope, version: version$1, ref: ref$1, type = "API" }, condition) => {
+	watch(() => unref(condition), (val) => {
+		if (val) debugWarn(scope, `[${type}] ${from} is about to be deprecated in version ${version$1}, please use ${replacement} instead.
+For more detail, please visit: ${ref$1}
+`);
+	}, { immediate: true });
+};
 var English = {
 	name: "en",
 	el: {
@@ -1639,6 +1779,48 @@ var useNamespace = (block, namespaceOverrides) => {
 		cssVarBlockName
 	};
 };
+var useProp = (name) => {
+	const vm = getCurrentInstance();
+	return computed(() => {
+		var _a$1, _b;
+		return (_b = (_a$1 = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a$1.$props) == null ? void 0 : _b[name];
+	});
+};
+var defaultIdInjection = {
+	prefix: Math.floor(Math.random() * 1e4),
+	current: 0
+};
+var ID_INJECTION_KEY = Symbol("elIdInjection");
+var useIdInjection = () => {
+	return getCurrentInstance() ? inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
+};
+var useId = (deterministicId) => {
+	const idInjection = useIdInjection();
+	if (!isClient && idInjection === defaultIdInjection) debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+usage: app.provide(ID_INJECTION_KEY, {
+  prefix: number,
+  current: number,
+})`);
+	const namespace = useGetDerivedNamespace();
+	return computed(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
+};
+var registeredEscapeHandlers = [];
+var cachedHandler = (e) => {
+	const event = e;
+	if (event.key === EVENT_CODE.esc) registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
+};
+var useEscapeKeydown = (handler) => {
+	onMounted(() => {
+		if (registeredEscapeHandlers.length === 0) document.addEventListener("keydown", cachedHandler);
+		if (isClient) registeredEscapeHandlers.push(handler);
+	});
+	onBeforeUnmount(() => {
+		registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
+		if (registeredEscapeHandlers.length === 0) {
+			if (isClient) document.removeEventListener("keydown", cachedHandler);
+		}
+	});
+};
 var zIndex = ref(0);
 var defaultInitialZIndex = 2e3;
 var zIndexContextKey = Symbol("zIndexContextKey");
@@ -1659,6 +1841,37 @@ var useZIndex = (zIndexOverrides) => {
 		nextZIndex
 	};
 };
+function useCursor(input) {
+	const selectionRef = ref();
+	function recordCursor() {
+		if (input.value == void 0) return;
+		const { selectionStart, selectionEnd, value } = input.value;
+		if (selectionStart == null || selectionEnd == null) return;
+		selectionRef.value = {
+			selectionStart,
+			selectionEnd,
+			value,
+			beforeTxt: value.slice(0, Math.max(0, selectionStart)),
+			afterTxt: value.slice(Math.max(0, selectionEnd))
+		};
+	}
+	function setCursor() {
+		if (input.value == void 0 || selectionRef.value == void 0) return;
+		const { value } = input.value;
+		const { beforeTxt, afterTxt, selectionStart } = selectionRef.value;
+		if (beforeTxt == void 0 || afterTxt == void 0 || selectionStart == void 0) return;
+		let startPos = value.length;
+		if (value.endsWith(afterTxt)) startPos = value.length - afterTxt.length;
+		else if (value.startsWith(beforeTxt)) startPos = beforeTxt.length;
+		else {
+			const beforeLastChar = beforeTxt[selectionStart - 1];
+			const newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
+			if (newIndex !== -1) startPos = newIndex + 1;
+		}
+		input.value.setSelectionRange(startPos, startPos);
+	}
+	return [recordCursor, setCursor];
+}
 var useSizeProp = buildProp({
 	type: String,
 	values: componentSizes,
@@ -1671,6 +1884,39 @@ var useGlobalSize = () => {
 		return unref(injectedSize.size) || "";
 	});
 };
+init_shared_esm_bundler();
+function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {}) {
+	const { emit } = getCurrentInstance();
+	const wrapperRef = shallowRef();
+	const isFocused = ref(false);
+	const handleFocus = (event) => {
+		if (isFocused.value) return;
+		isFocused.value = true;
+		emit("focus", event);
+		afterFocus?.();
+	};
+	const handleBlur = (event) => {
+		var _a$1;
+		if ((isFunction(beforeBlur) ? beforeBlur(event) : false) || event.relatedTarget && ((_a$1 = wrapperRef.value) == null ? void 0 : _a$1.contains(event.relatedTarget))) return;
+		isFocused.value = false;
+		emit("blur", event);
+		afterBlur?.();
+	};
+	const handleClick = () => {
+		var _a$1;
+		(_a$1 = target.value) == null || _a$1.focus();
+	};
+	watch(wrapperRef, (el) => {
+		if (el) el.setAttribute("tabindex", "-1");
+	});
+	useEventListener(wrapperRef, "click", handleClick);
+	return {
+		wrapperRef,
+		isFocused,
+		handleFocus,
+		handleBlur
+	};
+}
 var configProviderContextKey = Symbol();
 var globalConfig = ref();
 function useGlobalConfig(key, defaultValue = void 0) {
@@ -1770,6 +2016,1999 @@ var ElIcon = withInstall(/* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineCompo
 		};
 	}
 }), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]));
+var formContextKey = Symbol("formContextKey");
+var formItemContextKey = Symbol("formItemContextKey");
+var useFormSize = (fallback, ignore = {}) => {
+	const emptyRef = ref(void 0);
+	const size = ignore.prop ? emptyRef : useProp("size");
+	const globalConfig$1 = ignore.global ? emptyRef : useGlobalSize();
+	const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
+	const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
+	return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig$1.value || "");
+};
+var useFormDisabled = (fallback) => {
+	const disabled = useProp("disabled");
+	const form = inject(formContextKey, void 0);
+	return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
+};
+var useFormItem = () => {
+	return {
+		form: inject(formContextKey, void 0),
+		formItem: inject(formItemContextKey, void 0)
+	};
+};
+var useFormItemInputId = (props, { formItemContext, disableIdGeneration, disableIdManagement }) => {
+	if (!disableIdGeneration) disableIdGeneration = ref(false);
+	if (!disableIdManagement) disableIdManagement = ref(false);
+	const inputId = ref();
+	let idUnwatch = void 0;
+	const isLabeledByFormItem = computed(() => {
+		var _a$1;
+		return !!(!props.label && formItemContext && formItemContext.inputIds && ((_a$1 = formItemContext.inputIds) == null ? void 0 : _a$1.length) <= 1);
+	});
+	onMounted(() => {
+		idUnwatch = watch([toRef(props, "id"), disableIdGeneration], ([id, disableIdGeneration2]) => {
+			const newId = id != null ? id : !disableIdGeneration2 ? useId().value : void 0;
+			if (newId !== inputId.value) {
+				if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
+					inputId.value && formItemContext.removeInputId(inputId.value);
+					if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) formItemContext.addInputId(newId);
+				}
+				inputId.value = newId;
+			}
+		}, { immediate: true });
+	});
+	onUnmounted(() => {
+		idUnwatch && idUnwatch();
+		if (formItemContext == null ? void 0 : formItemContext.removeInputId) inputId.value && formItemContext.removeInputId(inputId.value);
+	});
+	return {
+		isLabeledByFormItem,
+		inputId
+	};
+};
+var hiddenTextarea = void 0;
+var HIDDEN_STYLE = `
+  height:0 !important;
+  visibility:hidden !important;
+  ${isFirefox() ? "" : "overflow:hidden !important;"}
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important;
+`;
+var CONTEXT_STYLE = [
+	"letter-spacing",
+	"line-height",
+	"padding-top",
+	"padding-bottom",
+	"font-family",
+	"font-weight",
+	"font-size",
+	"text-rendering",
+	"text-transform",
+	"width",
+	"text-indent",
+	"padding-left",
+	"padding-right",
+	"border-width",
+	"box-sizing"
+];
+function calculateNodeStyling(targetElement) {
+	const style = window.getComputedStyle(targetElement);
+	const boxSizing = style.getPropertyValue("box-sizing");
+	const paddingSize = Number.parseFloat(style.getPropertyValue("padding-bottom")) + Number.parseFloat(style.getPropertyValue("padding-top"));
+	const borderSize = Number.parseFloat(style.getPropertyValue("border-bottom-width")) + Number.parseFloat(style.getPropertyValue("border-top-width"));
+	return {
+		contextStyle: CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";"),
+		paddingSize,
+		borderSize,
+		boxSizing
+	};
+}
+function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
+	var _a$1;
+	if (!hiddenTextarea) {
+		hiddenTextarea = document.createElement("textarea");
+		document.body.appendChild(hiddenTextarea);
+	}
+	const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
+	hiddenTextarea.setAttribute("style", `${contextStyle};${HIDDEN_STYLE}`);
+	hiddenTextarea.value = targetElement.value || targetElement.placeholder || "";
+	let height = hiddenTextarea.scrollHeight;
+	const result = {};
+	if (boxSizing === "border-box") height = height + borderSize;
+	else if (boxSizing === "content-box") height = height - paddingSize;
+	hiddenTextarea.value = "";
+	const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+	if (isNumber(minRows)) {
+		let minHeight = singleRowHeight * minRows;
+		if (boxSizing === "border-box") minHeight = minHeight + paddingSize + borderSize;
+		height = Math.max(minHeight, height);
+		result.minHeight = `${minHeight}px`;
+	}
+	if (isNumber(maxRows)) {
+		let maxHeight = singleRowHeight * maxRows;
+		if (boxSizing === "border-box") maxHeight = maxHeight + paddingSize + borderSize;
+		height = Math.min(maxHeight, height);
+	}
+	result.height = `${height}px`;
+	(_a$1 = hiddenTextarea.parentNode) == null || _a$1.removeChild(hiddenTextarea);
+	hiddenTextarea = void 0;
+	return result;
+}
+init_shared_esm_bundler();
+var inputProps = buildProps({
+	id: {
+		type: String,
+		default: void 0
+	},
+	size: useSizeProp,
+	disabled: Boolean,
+	modelValue: {
+		type: definePropType([
+			String,
+			Number,
+			Object
+		]),
+		default: ""
+	},
+	type: {
+		type: String,
+		default: "text"
+	},
+	resize: {
+		type: String,
+		values: [
+			"none",
+			"both",
+			"horizontal",
+			"vertical"
+		]
+	},
+	autosize: {
+		type: definePropType([Boolean, Object]),
+		default: false
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	formatter: { type: Function },
+	parser: { type: Function },
+	placeholder: { type: String },
+	form: { type: String },
+	readonly: {
+		type: Boolean,
+		default: false
+	},
+	clearable: {
+		type: Boolean,
+		default: false
+	},
+	showPassword: {
+		type: Boolean,
+		default: false
+	},
+	showWordLimit: {
+		type: Boolean,
+		default: false
+	},
+	suffixIcon: { type: iconPropType },
+	prefixIcon: { type: iconPropType },
+	containerRole: {
+		type: String,
+		default: void 0
+	},
+	label: {
+		type: String,
+		default: void 0
+	},
+	tabindex: {
+		type: [String, Number],
+		default: 0
+	},
+	validateEvent: {
+		type: Boolean,
+		default: true
+	},
+	inputStyle: {
+		type: definePropType([
+			Object,
+			Array,
+			String
+		]),
+		default: () => mutable({})
+	},
+	autofocus: {
+		type: Boolean,
+		default: false
+	}
+});
+var inputEmits = {
+	[UPDATE_MODEL_EVENT]: (value) => isString(value),
+	input: (value) => isString(value),
+	change: (value) => isString(value),
+	focus: (evt) => evt instanceof FocusEvent,
+	blur: (evt) => evt instanceof FocusEvent,
+	clear: () => true,
+	mouseleave: (evt) => evt instanceof MouseEvent,
+	mouseenter: (evt) => evt instanceof MouseEvent,
+	keydown: (evt) => evt instanceof Event,
+	compositionstart: (evt) => evt instanceof CompositionEvent,
+	compositionupdate: (evt) => evt instanceof CompositionEvent,
+	compositionend: (evt) => evt instanceof CompositionEvent
+};
+init_shared_esm_bundler();
+var _hoisted_1 = ["role"];
+var _hoisted_2 = [
+	"id",
+	"type",
+	"disabled",
+	"formatter",
+	"parser",
+	"readonly",
+	"autocomplete",
+	"tabindex",
+	"aria-label",
+	"placeholder",
+	"form",
+	"autofocus"
+];
+var _hoisted_3 = [
+	"id",
+	"tabindex",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"aria-label",
+	"placeholder",
+	"form",
+	"autofocus"
+];
+var ElInput = withInstall(/* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({
+		name: "ElInput",
+		inheritAttrs: false
+	}),
+	props: inputProps,
+	emits: inputEmits,
+	setup(__props, { expose, emit }) {
+		const props = __props;
+		const rawAttrs = useAttrs();
+		const slots = useSlots();
+		const containerAttrs = computed(() => {
+			const comboBoxAttrs = {};
+			if (props.containerRole === "combobox") {
+				comboBoxAttrs["aria-haspopup"] = rawAttrs["aria-haspopup"];
+				comboBoxAttrs["aria-owns"] = rawAttrs["aria-owns"];
+				comboBoxAttrs["aria-expanded"] = rawAttrs["aria-expanded"];
+			}
+			return comboBoxAttrs;
+		});
+		const containerKls = computed(() => [
+			props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
+			nsInput.m(inputSize.value),
+			nsInput.is("disabled", inputDisabled.value),
+			nsInput.is("exceed", inputExceed.value),
+			{
+				[nsInput.b("group")]: slots.prepend || slots.append,
+				[nsInput.bm("group", "append")]: slots.append,
+				[nsInput.bm("group", "prepend")]: slots.prepend,
+				[nsInput.m("prefix")]: slots.prefix || props.prefixIcon,
+				[nsInput.m("suffix")]: slots.suffix || props.suffixIcon || props.clearable || props.showPassword,
+				[nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value
+			},
+			rawAttrs.class
+		]);
+		const wrapperKls = computed(() => [nsInput.e("wrapper"), nsInput.is("focus", isFocused.value)]);
+		const attrs = useAttrs$1({ excludeKeys: computed(() => {
+			return Object.keys(containerAttrs.value);
+		}) });
+		const { form, formItem } = useFormItem();
+		const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
+		const inputSize = useFormSize();
+		const inputDisabled = useFormDisabled();
+		const nsInput = useNamespace("input");
+		const nsTextarea = useNamespace("textarea");
+		const input = shallowRef();
+		const textarea = shallowRef();
+		const hovering = ref(false);
+		const isComposing = ref(false);
+		const passwordVisible = ref(false);
+		const countStyle = ref();
+		const textareaCalcStyle = shallowRef(props.inputStyle);
+		const _ref = computed(() => input.value || textarea.value);
+		const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, { afterBlur() {
+			var _a$1;
+			if (props.validateEvent) (_a$1 = formItem == null ? void 0 : formItem.validate) == null || _a$1.call(formItem, "blur").catch((err) => debugWarn(err));
+		} });
+		const needStatusIcon = computed(() => {
+			var _a$1;
+			return (_a$1 = form == null ? void 0 : form.statusIcon) != null ? _a$1 : false;
+		});
+		const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
+		const validateIcon = computed(() => validateState.value && ValidateComponentsMap[validateState.value]);
+		const passwordIcon = computed(() => passwordVisible.value ? view_default : hide_default);
+		const containerStyle = computed(() => [rawAttrs.style, props.inputStyle]);
+		const textareaStyle = computed(() => [
+			props.inputStyle,
+			textareaCalcStyle.value,
+			{ resize: props.resize }
+		]);
+		const nativeInputValue = computed(() => isNil_default(props.modelValue) ? "" : String(props.modelValue));
+		const showClear = computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
+		const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || isFocused.value));
+		const isWordLimitVisible = computed(() => props.showWordLimit && !!attrs.value.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
+		const textLength = computed(() => nativeInputValue.value.length);
+		const inputExceed = computed(() => !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength));
+		const suffixVisible = computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
+		const [recordCursor, setCursor] = useCursor(input);
+		useResizeObserver(textarea, (entries) => {
+			onceInitSizeTextarea();
+			if (!isWordLimitVisible.value || props.resize !== "both") return;
+			const { width } = entries[0].contentRect;
+			countStyle.value = { right: `calc(100% - ${width + 15 + 6}px)` };
+		});
+		const resizeTextarea = () => {
+			const { type, autosize } = props;
+			if (!isClient || type !== "textarea" || !textarea.value) return;
+			if (autosize) {
+				const minRows = isObject(autosize) ? autosize.minRows : void 0;
+				const maxRows = isObject(autosize) ? autosize.maxRows : void 0;
+				const textareaStyle2 = calcTextareaHeight(textarea.value, minRows, maxRows);
+				textareaCalcStyle.value = {
+					overflowY: "hidden",
+					...textareaStyle2
+				};
+				nextTick(() => {
+					textarea.value.offsetHeight;
+					textareaCalcStyle.value = textareaStyle2;
+				});
+			} else textareaCalcStyle.value = { minHeight: calcTextareaHeight(textarea.value).minHeight };
+		};
+		const createOnceInitResize = (resizeTextarea2) => {
+			let isInit = false;
+			return () => {
+				var _a$1;
+				if (isInit || !props.autosize) return;
+				if (!(((_a$1 = textarea.value) == null ? void 0 : _a$1.offsetParent) === null)) {
+					resizeTextarea2();
+					isInit = true;
+				}
+			};
+		};
+		const onceInitSizeTextarea = createOnceInitResize(resizeTextarea);
+		const setNativeInputValue = () => {
+			const input2 = _ref.value;
+			const formatterValue = props.formatter ? props.formatter(nativeInputValue.value) : nativeInputValue.value;
+			if (!input2 || input2.value === formatterValue) return;
+			input2.value = formatterValue;
+		};
+		const handleInput = async (event) => {
+			recordCursor();
+			let { value } = event.target;
+			if (props.formatter) value = props.parser ? props.parser(value) : value;
+			if (isComposing.value) return;
+			if (value === nativeInputValue.value) {
+				setNativeInputValue();
+				return;
+			}
+			emit(UPDATE_MODEL_EVENT, value);
+			emit("input", value);
+			await nextTick();
+			setNativeInputValue();
+			setCursor();
+		};
+		const handleChange = (event) => {
+			emit("change", event.target.value);
+		};
+		const handleCompositionStart = (event) => {
+			emit("compositionstart", event);
+			isComposing.value = true;
+		};
+		const handleCompositionUpdate = (event) => {
+			var _a$1;
+			emit("compositionupdate", event);
+			const text = (_a$1 = event.target) == null ? void 0 : _a$1.value;
+			isComposing.value = !isKorean(text[text.length - 1] || "");
+		};
+		const handleCompositionEnd = (event) => {
+			emit("compositionend", event);
+			if (isComposing.value) {
+				isComposing.value = false;
+				handleInput(event);
+			}
+		};
+		const handlePasswordVisible = () => {
+			passwordVisible.value = !passwordVisible.value;
+			focus();
+		};
+		const focus = async () => {
+			var _a$1;
+			await nextTick();
+			(_a$1 = _ref.value) == null || _a$1.focus();
+		};
+		const blur = () => {
+			var _a$1;
+			return (_a$1 = _ref.value) == null ? void 0 : _a$1.blur();
+		};
+		const handleMouseLeave = (evt) => {
+			hovering.value = false;
+			emit("mouseleave", evt);
+		};
+		const handleMouseEnter = (evt) => {
+			hovering.value = true;
+			emit("mouseenter", evt);
+		};
+		const handleKeydown = (evt) => {
+			emit("keydown", evt);
+		};
+		const select = () => {
+			var _a$1;
+			(_a$1 = _ref.value) == null || _a$1.select();
+		};
+		const clear = () => {
+			emit(UPDATE_MODEL_EVENT, "");
+			emit("change", "");
+			emit("clear");
+			emit("input", "");
+		};
+		watch(() => props.modelValue, () => {
+			var _a$1;
+			nextTick(() => resizeTextarea());
+			if (props.validateEvent) (_a$1 = formItem == null ? void 0 : formItem.validate) == null || _a$1.call(formItem, "change").catch((err) => debugWarn(err));
+		});
+		watch(nativeInputValue, () => setNativeInputValue());
+		watch(() => props.type, async () => {
+			await nextTick();
+			setNativeInputValue();
+			resizeTextarea();
+		});
+		onMounted(() => {
+			if (!props.formatter && props.parser) debugWarn("ElInput", "If you set the parser, you also need to set the formatter.");
+			setNativeInputValue();
+			nextTick(resizeTextarea);
+		});
+		expose({
+			input,
+			textarea,
+			ref: _ref,
+			textareaStyle,
+			autosize: toRef(props, "autosize"),
+			focus,
+			blur,
+			select,
+			clear,
+			resizeTextarea
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps(unref(containerAttrs), {
+				class: unref(containerKls),
+				style: unref(containerStyle),
+				role: _ctx.containerRole,
+				onMouseenter: handleMouseEnter,
+				onMouseleave: handleMouseLeave
+			}), [createCommentVNode(" input "), _ctx.type !== "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+				createCommentVNode(" prepend slot "),
+				_ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(nsInput).be("group", "prepend"))
+				}, [renderSlot(_ctx.$slots, "prepend")], 2)) : createCommentVNode("v-if", true),
+				createBaseVNode("div", {
+					ref_key: "wrapperRef",
+					ref: wrapperRef,
+					class: normalizeClass(unref(wrapperKls))
+				}, [
+					createCommentVNode(" prefix slot "),
+					_ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(nsInput).e("prefix"))
+					}, [createBaseVNode("span", { class: normalizeClass(unref(nsInput).e("prefix-inner")) }, [renderSlot(_ctx.$slots, "prefix"), _ctx.prefixIcon ? (openBlock(), createBlock(unref(ElIcon), {
+						key: 0,
+						class: normalizeClass(unref(nsInput).e("icon"))
+					}, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))]),
+						_: 1
+					}, 8, ["class"])) : createCommentVNode("v-if", true)], 2)], 2)) : createCommentVNode("v-if", true),
+					createBaseVNode("input", mergeProps({
+						id: unref(inputId),
+						ref_key: "input",
+						ref: input,
+						class: unref(nsInput).e("inner")
+					}, unref(attrs), {
+						type: _ctx.showPassword ? passwordVisible.value ? "text" : "password" : _ctx.type,
+						disabled: unref(inputDisabled),
+						formatter: _ctx.formatter,
+						parser: _ctx.parser,
+						readonly: _ctx.readonly,
+						autocomplete: _ctx.autocomplete,
+						tabindex: _ctx.tabindex,
+						"aria-label": _ctx.label,
+						placeholder: _ctx.placeholder,
+						style: _ctx.inputStyle,
+						form: props.form,
+						autofocus: props.autofocus,
+						onCompositionstart: handleCompositionStart,
+						onCompositionupdate: handleCompositionUpdate,
+						onCompositionend: handleCompositionEnd,
+						onInput: handleInput,
+						onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+						onBlur: _cache[1] || (_cache[1] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
+						onChange: handleChange,
+						onKeydown: handleKeydown
+					}), null, 16, _hoisted_2),
+					createCommentVNode(" suffix slot "),
+					unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(nsInput).e("suffix"))
+					}, [createBaseVNode("span", { class: normalizeClass(unref(nsInput).e("suffix-inner")) }, [
+						!unref(showClear) || !unref(showPwdVisible) || !unref(isWordLimitVisible) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [renderSlot(_ctx.$slots, "suffix"), _ctx.suffixIcon ? (openBlock(), createBlock(unref(ElIcon), {
+							key: 0,
+							class: normalizeClass(unref(nsInput).e("icon"))
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))]),
+							_: 1
+						}, 8, ["class"])) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true),
+						unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
+							key: 1,
+							class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("clear")]),
+							onMousedown: withModifiers(unref(NOOP), ["prevent"]),
+							onClick: clear
+						}, {
+							default: withCtx(() => [createVNode(unref(circle_close_default))]),
+							_: 1
+						}, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
+						unref(showPwdVisible) ? (openBlock(), createBlock(unref(ElIcon), {
+							key: 2,
+							class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("password")]),
+							onClick: handlePasswordVisible
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(passwordIcon))))]),
+							_: 1
+						}, 8, ["class"])) : createCommentVNode("v-if", true),
+						unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
+							key: 3,
+							class: normalizeClass(unref(nsInput).e("count"))
+						}, [createBaseVNode("span", { class: normalizeClass(unref(nsInput).e("count-inner")) }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 3)], 2)) : createCommentVNode("v-if", true),
+						unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+							key: 4,
+							class: normalizeClass([
+								unref(nsInput).e("icon"),
+								unref(nsInput).e("validateIcon"),
+								unref(nsInput).is("loading", unref(validateState) === "validating")
+							])
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))]),
+							_: 1
+						}, 8, ["class"])) : createCommentVNode("v-if", true)
+					], 2)], 2)) : createCommentVNode("v-if", true)
+				], 2),
+				createCommentVNode(" append slot "),
+				_ctx.$slots.append ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(nsInput).be("group", "append"))
+				}, [renderSlot(_ctx.$slots, "append")], 2)) : createCommentVNode("v-if", true)
+			], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				createCommentVNode(" textarea "),
+				createBaseVNode("textarea", mergeProps({
+					id: unref(inputId),
+					ref_key: "textarea",
+					ref: textarea,
+					class: unref(nsTextarea).e("inner")
+				}, unref(attrs), {
+					tabindex: _ctx.tabindex,
+					disabled: unref(inputDisabled),
+					readonly: _ctx.readonly,
+					autocomplete: _ctx.autocomplete,
+					style: unref(textareaStyle),
+					"aria-label": _ctx.label,
+					placeholder: _ctx.placeholder,
+					form: props.form,
+					autofocus: props.autofocus,
+					onCompositionstart: handleCompositionStart,
+					onCompositionupdate: handleCompositionUpdate,
+					onCompositionend: handleCompositionEnd,
+					onInput: handleInput,
+					onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+					onBlur: _cache[3] || (_cache[3] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
+					onChange: handleChange,
+					onKeydown: handleKeydown
+				}), null, 16, _hoisted_3),
+				unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					style: normalizeStyle(countStyle.value),
+					class: normalizeClass(unref(nsInput).e("count"))
+				}, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 7)) : createCommentVNode("v-if", true)
+			], 64))], 16, _hoisted_1)), [[vShow, _ctx.type !== "hidden"]]);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input/src/input.vue"]]));
+var FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
+var FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
+var FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
+var FOCUS_AFTER_TRAPPED_OPTS = {
+	cancelable: true,
+	bubbles: false
+};
+var FOCUSOUT_PREVENTED_OPTS = {
+	cancelable: true,
+	bubbles: false
+};
+var ON_TRAP_FOCUS_EVT = "focusAfterTrapped";
+var ON_RELEASE_FOCUS_EVT = "focusAfterReleased";
+var FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
+var focusReason = ref();
+var lastUserFocusTimestamp = ref(0);
+var lastAutomatedFocusTimestamp = ref(0);
+var focusReasonUserCount = 0;
+var obtainAllFocusableElements = (element) => {
+	const nodes = [];
+	const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, { acceptNode: (node) => {
+		const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+		if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
+		return node.tabIndex >= 0 || node === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} });
+	while (walker.nextNode()) nodes.push(walker.currentNode);
+	return nodes;
+};
+var getVisibleElement = (elements, container) => {
+	for (const element of elements) if (!isHidden(element, container)) return element;
+};
+var isHidden = (element, container) => {
+	if (getComputedStyle(element).visibility === "hidden") return true;
+	while (element) {
+		if (container && element === container) return false;
+		if (getComputedStyle(element).display === "none") return true;
+		element = element.parentElement;
+	}
+	return false;
+};
+var getEdges = (container) => {
+	const focusable = obtainAllFocusableElements(container);
+	return [getVisibleElement(focusable, container), getVisibleElement(focusable.reverse(), container)];
+};
+var isSelectable = (element) => {
+	return element instanceof HTMLInputElement && "select" in element;
+};
+var tryFocus = (element, shouldSelect) => {
+	if (element && element.focus) {
+		const prevFocusedElement = document.activeElement;
+		element.focus({ preventScroll: true });
+		lastAutomatedFocusTimestamp.value = window.performance.now();
+		if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) element.select();
+	}
+};
+function removeFromStack(list, item) {
+	const copy = [...list];
+	const idx = list.indexOf(item);
+	if (idx !== -1) copy.splice(idx, 1);
+	return copy;
+}
+var createFocusableStack = () => {
+	let stack = [];
+	const push = (layer) => {
+		const currentLayer = stack[0];
+		if (currentLayer && layer !== currentLayer) currentLayer.pause();
+		stack = removeFromStack(stack, layer);
+		stack.unshift(layer);
+	};
+	const remove = (layer) => {
+		var _a$1, _b;
+		stack = removeFromStack(stack, layer);
+		(_b = (_a$1 = stack[0]) == null ? void 0 : _a$1.resume) == null || _b.call(_a$1);
+	};
+	return {
+		push,
+		remove
+	};
+};
+var focusFirstDescendant = (elements, shouldSelect = false) => {
+	const prevFocusedElement = document.activeElement;
+	for (const element of elements) {
+		tryFocus(element, shouldSelect);
+		if (document.activeElement !== prevFocusedElement) return;
+	}
+};
+var focusableStack = createFocusableStack();
+var isFocusCausedByUserEvent = () => {
+	return lastUserFocusTimestamp.value > lastAutomatedFocusTimestamp.value;
+};
+var notifyFocusReasonPointer = () => {
+	focusReason.value = "pointer";
+	lastUserFocusTimestamp.value = window.performance.now();
+};
+var notifyFocusReasonKeydown = () => {
+	focusReason.value = "keyboard";
+	lastUserFocusTimestamp.value = window.performance.now();
+};
+var useFocusReason = () => {
+	onMounted(() => {
+		if (focusReasonUserCount === 0) {
+			document.addEventListener("mousedown", notifyFocusReasonPointer);
+			document.addEventListener("touchstart", notifyFocusReasonPointer);
+			document.addEventListener("keydown", notifyFocusReasonKeydown);
+		}
+		focusReasonUserCount++;
+	});
+	onBeforeUnmount(() => {
+		focusReasonUserCount--;
+		if (focusReasonUserCount <= 0) {
+			document.removeEventListener("mousedown", notifyFocusReasonPointer);
+			document.removeEventListener("touchstart", notifyFocusReasonPointer);
+			document.removeEventListener("keydown", notifyFocusReasonKeydown);
+		}
+	});
+	return {
+		focusReason,
+		lastUserFocusTimestamp,
+		lastAutomatedFocusTimestamp
+	};
+};
+var createFocusOutPreventedEvent = (detail) => {
+	return new CustomEvent(FOCUSOUT_PREVENTED, {
+		...FOCUSOUT_PREVENTED_OPTS,
+		detail
+	});
+};
+init_shared_esm_bundler();
+var _sfc_main = defineComponent({
+	name: "ElFocusTrap",
+	inheritAttrs: false,
+	props: {
+		loop: Boolean,
+		trapped: Boolean,
+		focusTrapEl: Object,
+		focusStartEl: {
+			type: [Object, String],
+			default: "first"
+		}
+	},
+	emits: [
+		ON_TRAP_FOCUS_EVT,
+		ON_RELEASE_FOCUS_EVT,
+		"focusin",
+		"focusout",
+		"focusout-prevented",
+		"release-requested"
+	],
+	setup(props, { emit }) {
+		const forwardRef = ref();
+		let lastFocusBeforeTrapped;
+		let lastFocusAfterTrapped;
+		const { focusReason: focusReason$1 } = useFocusReason();
+		useEscapeKeydown((event) => {
+			if (props.trapped && !focusLayer.paused) emit("release-requested", event);
+		});
+		const focusLayer = {
+			paused: false,
+			pause() {
+				this.paused = true;
+			},
+			resume() {
+				this.paused = false;
+			}
+		};
+		const onKeydown = (e) => {
+			if (!props.loop && !props.trapped) return;
+			if (focusLayer.paused) return;
+			const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
+			const { loop } = props;
+			const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
+			const currentFocusingEl = document.activeElement;
+			if (isTabbing && currentFocusingEl) {
+				const container = currentTarget;
+				const [first, last] = getEdges(container);
+				if (!(first && last)) {
+					if (currentFocusingEl === container) {
+						const focusoutPreventedEvent = createFocusOutPreventedEvent({ focusReason: focusReason$1.value });
+						emit("focusout-prevented", focusoutPreventedEvent);
+						if (!focusoutPreventedEvent.defaultPrevented) e.preventDefault();
+					}
+				} else if (!shiftKey && currentFocusingEl === last) {
+					const focusoutPreventedEvent = createFocusOutPreventedEvent({ focusReason: focusReason$1.value });
+					emit("focusout-prevented", focusoutPreventedEvent);
+					if (!focusoutPreventedEvent.defaultPrevented) {
+						e.preventDefault();
+						if (loop) tryFocus(first, true);
+					}
+				} else if (shiftKey && [first, container].includes(currentFocusingEl)) {
+					const focusoutPreventedEvent = createFocusOutPreventedEvent({ focusReason: focusReason$1.value });
+					emit("focusout-prevented", focusoutPreventedEvent);
+					if (!focusoutPreventedEvent.defaultPrevented) {
+						e.preventDefault();
+						if (loop) tryFocus(last, true);
+					}
+				}
+			}
+		};
+		provide(FOCUS_TRAP_INJECTION_KEY, {
+			focusTrapRef: forwardRef,
+			onKeydown
+		});
+		watch(() => props.focusTrapEl, (focusTrapEl) => {
+			if (focusTrapEl) forwardRef.value = focusTrapEl;
+		}, { immediate: true });
+		watch([forwardRef], ([forwardRef2], [oldForwardRef]) => {
+			if (forwardRef2) {
+				forwardRef2.addEventListener("keydown", onKeydown);
+				forwardRef2.addEventListener("focusin", onFocusIn);
+				forwardRef2.addEventListener("focusout", onFocusOut);
+			}
+			if (oldForwardRef) {
+				oldForwardRef.removeEventListener("keydown", onKeydown);
+				oldForwardRef.removeEventListener("focusin", onFocusIn);
+				oldForwardRef.removeEventListener("focusout", onFocusOut);
+			}
+		});
+		const trapOnFocus = (e) => {
+			emit(ON_TRAP_FOCUS_EVT, e);
+		};
+		const releaseOnFocus = (e) => emit(ON_RELEASE_FOCUS_EVT, e);
+		const onFocusIn = (e) => {
+			const trapContainer = unref(forwardRef);
+			if (!trapContainer) return;
+			const target = e.target;
+			const relatedTarget = e.relatedTarget;
+			const isFocusedInTrap = target && trapContainer.contains(target);
+			if (!props.trapped) {
+				if (!(relatedTarget && trapContainer.contains(relatedTarget))) lastFocusBeforeTrapped = relatedTarget;
+			}
+			if (isFocusedInTrap) emit("focusin", e);
+			if (focusLayer.paused) return;
+			if (props.trapped) if (isFocusedInTrap) lastFocusAfterTrapped = target;
+			else tryFocus(lastFocusAfterTrapped, true);
+		};
+		const onFocusOut = (e) => {
+			const trapContainer = unref(forwardRef);
+			if (focusLayer.paused || !trapContainer) return;
+			if (props.trapped) {
+				const relatedTarget = e.relatedTarget;
+				if (!isNil_default(relatedTarget) && !trapContainer.contains(relatedTarget)) setTimeout(() => {
+					if (!focusLayer.paused && props.trapped) {
+						const focusoutPreventedEvent = createFocusOutPreventedEvent({ focusReason: focusReason$1.value });
+						emit("focusout-prevented", focusoutPreventedEvent);
+						if (!focusoutPreventedEvent.defaultPrevented) tryFocus(lastFocusAfterTrapped, true);
+					}
+				}, 0);
+			} else {
+				const target = e.target;
+				if (!(target && trapContainer.contains(target))) emit("focusout", e);
+			}
+		};
+		async function startTrap() {
+			await nextTick();
+			const trapContainer = unref(forwardRef);
+			if (trapContainer) {
+				focusableStack.push(focusLayer);
+				const prevFocusedElement = trapContainer.contains(document.activeElement) ? lastFocusBeforeTrapped : document.activeElement;
+				lastFocusBeforeTrapped = prevFocusedElement;
+				if (!trapContainer.contains(prevFocusedElement)) {
+					const focusEvent = new Event(FOCUS_AFTER_TRAPPED, FOCUS_AFTER_TRAPPED_OPTS);
+					trapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
+					trapContainer.dispatchEvent(focusEvent);
+					if (!focusEvent.defaultPrevented) nextTick(() => {
+						let focusStartEl = props.focusStartEl;
+						if (!isString(focusStartEl)) {
+							tryFocus(focusStartEl);
+							if (document.activeElement !== focusStartEl) focusStartEl = "first";
+						}
+						if (focusStartEl === "first") focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
+						if (document.activeElement === prevFocusedElement || focusStartEl === "container") tryFocus(trapContainer);
+					});
+				}
+			}
+		}
+		function stopTrap() {
+			const trapContainer = unref(forwardRef);
+			if (trapContainer) {
+				trapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
+				const releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {
+					...FOCUS_AFTER_TRAPPED_OPTS,
+					detail: { focusReason: focusReason$1.value }
+				});
+				trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
+				trapContainer.dispatchEvent(releasedEvent);
+				if (!releasedEvent.defaultPrevented && (focusReason$1.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
+				trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
+				focusableStack.remove(focusLayer);
+			}
+		}
+		onMounted(() => {
+			if (props.trapped) startTrap();
+			watch(() => props.trapped, (trapped) => {
+				if (trapped) startTrap();
+				else stopTrap();
+			});
+		});
+		onBeforeUnmount(() => {
+			if (props.trapped) stopTrap();
+		});
+		return { onKeydown };
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
+}
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
+var buttonGroupContextKey = Symbol("buttonGroupContextKey");
+var useButton = (props, emit) => {
+	useDeprecated({
+		from: "type.text",
+		replacement: "link",
+		version: "3.0.0",
+		scope: "props",
+		ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+	}, computed(() => props.type === "text"));
+	const buttonGroupContext = inject(buttonGroupContextKey, void 0);
+	const globalConfig$1 = useGlobalConfig("button");
+	const { form } = useFormItem();
+	const _size = useFormSize(computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
+	const _disabled = useFormDisabled();
+	const _ref = ref();
+	const slots = useSlots();
+	const _type = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
+	const autoInsertSpace = computed(() => {
+		var _a$1, _b, _c;
+		return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a$1 = globalConfig$1.value) == null ? void 0 : _a$1.autoInsertSpace) != null ? _c : false;
+	});
+	const _props = computed(() => {
+		if (props.tag === "button") return {
+			ariaDisabled: _disabled.value || props.loading,
+			disabled: _disabled.value || props.loading,
+			autofocus: props.autofocus,
+			type: props.nativeType
+		};
+		return {};
+	});
+	const shouldAddSpace = computed(() => {
+		var _a$1;
+		const defaultSlot = (_a$1 = slots.default) == null ? void 0 : _a$1.call(slots);
+		if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+			const slot = defaultSlot[0];
+			if ((slot == null ? void 0 : slot.type) === Text) {
+				const text = slot.children;
+				return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
+			}
+		}
+		return false;
+	});
+	const handleClick = (evt) => {
+		if (props.nativeType === "reset") form?.resetFields();
+		emit("click", evt);
+	};
+	return {
+		_disabled,
+		_size,
+		_type,
+		_ref,
+		_props,
+		shouldAddSpace,
+		handleClick
+	};
+};
+var buttonProps = buildProps({
+	size: useSizeProp,
+	disabled: Boolean,
+	type: {
+		type: String,
+		values: [
+			"default",
+			"primary",
+			"success",
+			"warning",
+			"info",
+			"danger",
+			"text",
+			""
+		],
+		default: ""
+	},
+	icon: { type: iconPropType },
+	nativeType: {
+		type: String,
+		values: [
+			"button",
+			"submit",
+			"reset"
+		],
+		default: "button"
+	},
+	loading: Boolean,
+	loadingIcon: {
+		type: iconPropType,
+		default: () => loading_default
+	},
+	plain: Boolean,
+	text: Boolean,
+	link: Boolean,
+	bg: Boolean,
+	autofocus: Boolean,
+	round: Boolean,
+	circle: Boolean,
+	color: String,
+	dark: Boolean,
+	autoInsertSpace: {
+		type: Boolean,
+		default: void 0
+	},
+	tag: {
+		type: definePropType([String, Object]),
+		default: "button"
+	}
+});
+var buttonEmits = { click: (evt) => evt instanceof MouseEvent };
+function bound01(n, max) {
+	if (isOnePointZero(n)) n = "100%";
+	var isPercent = isPercentage(n);
+	n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
+	if (isPercent) n = parseInt(String(n * max), 10) / 100;
+	if (Math.abs(n - max) < 1e-6) return 1;
+	if (max === 360) n = (n < 0 ? n % max + max : n % max) / parseFloat(String(max));
+	else n = n % max / parseFloat(String(max));
+	return n;
+}
+function clamp01(val) {
+	return Math.min(1, Math.max(0, val));
+}
+function isOnePointZero(n) {
+	return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
+}
+function isPercentage(n) {
+	return typeof n === "string" && n.indexOf("%") !== -1;
+}
+function boundAlpha(a) {
+	a = parseFloat(a);
+	if (isNaN(a) || a < 0 || a > 1) a = 1;
+	return a;
+}
+function convertToPercentage(n) {
+	if (n <= 1) return "".concat(Number(n) * 100, "%");
+	return n;
+}
+function pad2(c) {
+	return c.length === 1 ? "0" + c : String(c);
+}
+function rgbToRgb(r, g, b) {
+	return {
+		r: bound01(r, 255) * 255,
+		g: bound01(g, 255) * 255,
+		b: bound01(b, 255) * 255
+	};
+}
+function rgbToHsl(r, g, b) {
+	r = bound01(r, 255);
+	g = bound01(g, 255);
+	b = bound01(b, 255);
+	var max = Math.max(r, g, b);
+	var min = Math.min(r, g, b);
+	var h$1 = 0;
+	var s = 0;
+	var l = (max + min) / 2;
+	if (max === min) {
+		s = 0;
+		h$1 = 0;
+	} else {
+		var d = max - min;
+		s = l > .5 ? d / (2 - max - min) : d / (max + min);
+		switch (max) {
+			case r:
+				h$1 = (g - b) / d + (g < b ? 6 : 0);
+				break;
+			case g:
+				h$1 = (b - r) / d + 2;
+				break;
+			case b:
+				h$1 = (r - g) / d + 4;
+				break;
+			default: break;
+		}
+		h$1 /= 6;
+	}
+	return {
+		h: h$1,
+		s,
+		l
+	};
+}
+function hue2rgb(p, q, t) {
+	if (t < 0) t += 1;
+	if (t > 1) t -= 1;
+	if (t < 1 / 6) return p + (q - p) * (6 * t);
+	if (t < 1 / 2) return q;
+	if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+	return p;
+}
+function hslToRgb(h$1, s, l) {
+	var r;
+	var g;
+	var b;
+	h$1 = bound01(h$1, 360);
+	s = bound01(s, 100);
+	l = bound01(l, 100);
+	if (s === 0) {
+		g = l;
+		b = l;
+		r = l;
+	} else {
+		var q = l < .5 ? l * (1 + s) : l + s - l * s;
+		var p = 2 * l - q;
+		r = hue2rgb(p, q, h$1 + 1 / 3);
+		g = hue2rgb(p, q, h$1);
+		b = hue2rgb(p, q, h$1 - 1 / 3);
+	}
+	return {
+		r: r * 255,
+		g: g * 255,
+		b: b * 255
+	};
+}
+function rgbToHsv(r, g, b) {
+	r = bound01(r, 255);
+	g = bound01(g, 255);
+	b = bound01(b, 255);
+	var max = Math.max(r, g, b);
+	var min = Math.min(r, g, b);
+	var h$1 = 0;
+	var v = max;
+	var d = max - min;
+	var s = max === 0 ? 0 : d / max;
+	if (max === min) h$1 = 0;
+	else {
+		switch (max) {
+			case r:
+				h$1 = (g - b) / d + (g < b ? 6 : 0);
+				break;
+			case g:
+				h$1 = (b - r) / d + 2;
+				break;
+			case b:
+				h$1 = (r - g) / d + 4;
+				break;
+			default: break;
+		}
+		h$1 /= 6;
+	}
+	return {
+		h: h$1,
+		s,
+		v
+	};
+}
+function hsvToRgb(h$1, s, v) {
+	h$1 = bound01(h$1, 360) * 6;
+	s = bound01(s, 100);
+	v = bound01(v, 100);
+	var i$1 = Math.floor(h$1);
+	var f = h$1 - i$1;
+	var p = v * (1 - s);
+	var q = v * (1 - f * s);
+	var t = v * (1 - (1 - f) * s);
+	var mod = i$1 % 6;
+	var r = [
+		v,
+		q,
+		p,
+		p,
+		t,
+		v
+	][mod];
+	var g = [
+		t,
+		v,
+		v,
+		q,
+		p,
+		p
+	][mod];
+	var b = [
+		p,
+		p,
+		t,
+		v,
+		v,
+		q
+	][mod];
+	return {
+		r: r * 255,
+		g: g * 255,
+		b: b * 255
+	};
+}
+function rgbToHex(r, g, b, allow3Char) {
+	var hex = [
+		pad2(Math.round(r).toString(16)),
+		pad2(Math.round(g).toString(16)),
+		pad2(Math.round(b).toString(16))
+	];
+	if (allow3Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1))) return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
+	return hex.join("");
+}
+function rgbaToHex(r, g, b, a, allow4Char) {
+	var hex = [
+		pad2(Math.round(r).toString(16)),
+		pad2(Math.round(g).toString(16)),
+		pad2(Math.round(b).toString(16)),
+		pad2(convertDecimalToHex(a))
+	];
+	if (allow4Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1)) && hex[3].startsWith(hex[3].charAt(1))) return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
+	return hex.join("");
+}
+function convertDecimalToHex(d) {
+	return Math.round(parseFloat(d) * 255).toString(16);
+}
+function convertHexToDecimal(h$1) {
+	return parseIntFromHex(h$1) / 255;
+}
+function parseIntFromHex(val) {
+	return parseInt(val, 16);
+}
+function numberInputToObject(color) {
+	return {
+		r: color >> 16,
+		g: (color & 65280) >> 8,
+		b: color & 255
+	};
+}
+var names = {
+	aliceblue: "#f0f8ff",
+	antiquewhite: "#faebd7",
+	aqua: "#00ffff",
+	aquamarine: "#7fffd4",
+	azure: "#f0ffff",
+	beige: "#f5f5dc",
+	bisque: "#ffe4c4",
+	black: "#000000",
+	blanchedalmond: "#ffebcd",
+	blue: "#0000ff",
+	blueviolet: "#8a2be2",
+	brown: "#a52a2a",
+	burlywood: "#deb887",
+	cadetblue: "#5f9ea0",
+	chartreuse: "#7fff00",
+	chocolate: "#d2691e",
+	coral: "#ff7f50",
+	cornflowerblue: "#6495ed",
+	cornsilk: "#fff8dc",
+	crimson: "#dc143c",
+	cyan: "#00ffff",
+	darkblue: "#00008b",
+	darkcyan: "#008b8b",
+	darkgoldenrod: "#b8860b",
+	darkgray: "#a9a9a9",
+	darkgreen: "#006400",
+	darkgrey: "#a9a9a9",
+	darkkhaki: "#bdb76b",
+	darkmagenta: "#8b008b",
+	darkolivegreen: "#556b2f",
+	darkorange: "#ff8c00",
+	darkorchid: "#9932cc",
+	darkred: "#8b0000",
+	darksalmon: "#e9967a",
+	darkseagreen: "#8fbc8f",
+	darkslateblue: "#483d8b",
+	darkslategray: "#2f4f4f",
+	darkslategrey: "#2f4f4f",
+	darkturquoise: "#00ced1",
+	darkviolet: "#9400d3",
+	deeppink: "#ff1493",
+	deepskyblue: "#00bfff",
+	dimgray: "#696969",
+	dimgrey: "#696969",
+	dodgerblue: "#1e90ff",
+	firebrick: "#b22222",
+	floralwhite: "#fffaf0",
+	forestgreen: "#228b22",
+	fuchsia: "#ff00ff",
+	gainsboro: "#dcdcdc",
+	ghostwhite: "#f8f8ff",
+	goldenrod: "#daa520",
+	gold: "#ffd700",
+	gray: "#808080",
+	green: "#008000",
+	greenyellow: "#adff2f",
+	grey: "#808080",
+	honeydew: "#f0fff0",
+	hotpink: "#ff69b4",
+	indianred: "#cd5c5c",
+	indigo: "#4b0082",
+	ivory: "#fffff0",
+	khaki: "#f0e68c",
+	lavenderblush: "#fff0f5",
+	lavender: "#e6e6fa",
+	lawngreen: "#7cfc00",
+	lemonchiffon: "#fffacd",
+	lightblue: "#add8e6",
+	lightcoral: "#f08080",
+	lightcyan: "#e0ffff",
+	lightgoldenrodyellow: "#fafad2",
+	lightgray: "#d3d3d3",
+	lightgreen: "#90ee90",
+	lightgrey: "#d3d3d3",
+	lightpink: "#ffb6c1",
+	lightsalmon: "#ffa07a",
+	lightseagreen: "#20b2aa",
+	lightskyblue: "#87cefa",
+	lightslategray: "#778899",
+	lightslategrey: "#778899",
+	lightsteelblue: "#b0c4de",
+	lightyellow: "#ffffe0",
+	lime: "#00ff00",
+	limegreen: "#32cd32",
+	linen: "#faf0e6",
+	magenta: "#ff00ff",
+	maroon: "#800000",
+	mediumaquamarine: "#66cdaa",
+	mediumblue: "#0000cd",
+	mediumorchid: "#ba55d3",
+	mediumpurple: "#9370db",
+	mediumseagreen: "#3cb371",
+	mediumslateblue: "#7b68ee",
+	mediumspringgreen: "#00fa9a",
+	mediumturquoise: "#48d1cc",
+	mediumvioletred: "#c71585",
+	midnightblue: "#191970",
+	mintcream: "#f5fffa",
+	mistyrose: "#ffe4e1",
+	moccasin: "#ffe4b5",
+	navajowhite: "#ffdead",
+	navy: "#000080",
+	oldlace: "#fdf5e6",
+	olive: "#808000",
+	olivedrab: "#6b8e23",
+	orange: "#ffa500",
+	orangered: "#ff4500",
+	orchid: "#da70d6",
+	palegoldenrod: "#eee8aa",
+	palegreen: "#98fb98",
+	paleturquoise: "#afeeee",
+	palevioletred: "#db7093",
+	papayawhip: "#ffefd5",
+	peachpuff: "#ffdab9",
+	peru: "#cd853f",
+	pink: "#ffc0cb",
+	plum: "#dda0dd",
+	powderblue: "#b0e0e6",
+	purple: "#800080",
+	rebeccapurple: "#663399",
+	red: "#ff0000",
+	rosybrown: "#bc8f8f",
+	royalblue: "#4169e1",
+	saddlebrown: "#8b4513",
+	salmon: "#fa8072",
+	sandybrown: "#f4a460",
+	seagreen: "#2e8b57",
+	seashell: "#fff5ee",
+	sienna: "#a0522d",
+	silver: "#c0c0c0",
+	skyblue: "#87ceeb",
+	slateblue: "#6a5acd",
+	slategray: "#708090",
+	slategrey: "#708090",
+	snow: "#fffafa",
+	springgreen: "#00ff7f",
+	steelblue: "#4682b4",
+	tan: "#d2b48c",
+	teal: "#008080",
+	thistle: "#d8bfd8",
+	tomato: "#ff6347",
+	turquoise: "#40e0d0",
+	violet: "#ee82ee",
+	wheat: "#f5deb3",
+	white: "#ffffff",
+	whitesmoke: "#f5f5f5",
+	yellow: "#ffff00",
+	yellowgreen: "#9acd32"
+};
+function inputToRGB(color) {
+	var rgb = {
+		r: 0,
+		g: 0,
+		b: 0
+	};
+	var a = 1;
+	var s = null;
+	var v = null;
+	var l = null;
+	var ok = false;
+	var format = false;
+	if (typeof color === "string") color = stringInputToObject(color);
+	if (typeof color === "object") {
+		if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
+			rgb = rgbToRgb(color.r, color.g, color.b);
+			ok = true;
+			format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
+		} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+			s = convertToPercentage(color.s);
+			v = convertToPercentage(color.v);
+			rgb = hsvToRgb(color.h, s, v);
+			ok = true;
+			format = "hsv";
+		} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+			s = convertToPercentage(color.s);
+			l = convertToPercentage(color.l);
+			rgb = hslToRgb(color.h, s, l);
+			ok = true;
+			format = "hsl";
+		}
+		if (Object.prototype.hasOwnProperty.call(color, "a")) a = color.a;
+	}
+	a = boundAlpha(a);
+	return {
+		ok,
+		format: color.format || format,
+		r: Math.min(255, Math.max(rgb.r, 0)),
+		g: Math.min(255, Math.max(rgb.g, 0)),
+		b: Math.min(255, Math.max(rgb.b, 0)),
+		a
+	};
+}
+var CSS_UNIT = "(?:".concat("[-\\+]?\\d*\\.\\d+%?", ")|(?:").concat("[-\\+]?\\d+%?", ")");
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var matchers = {
+	CSS_UNIT: new RegExp(CSS_UNIT),
+	rgb: /* @__PURE__ */ new RegExp("rgb" + PERMISSIVE_MATCH3),
+	rgba: /* @__PURE__ */ new RegExp("rgba" + PERMISSIVE_MATCH4),
+	hsl: /* @__PURE__ */ new RegExp("hsl" + PERMISSIVE_MATCH3),
+	hsla: /* @__PURE__ */ new RegExp("hsla" + PERMISSIVE_MATCH4),
+	hsv: /* @__PURE__ */ new RegExp("hsv" + PERMISSIVE_MATCH3),
+	hsva: /* @__PURE__ */ new RegExp("hsva" + PERMISSIVE_MATCH4),
+	hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+	hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+	hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+	hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function stringInputToObject(color) {
+	color = color.trim().toLowerCase();
+	if (color.length === 0) return false;
+	var named = false;
+	if (names[color]) {
+		color = names[color];
+		named = true;
+	} else if (color === "transparent") return {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0,
+		format: "name"
+	};
+	var match = matchers.rgb.exec(color);
+	if (match) return {
+		r: match[1],
+		g: match[2],
+		b: match[3]
+	};
+	match = matchers.rgba.exec(color);
+	if (match) return {
+		r: match[1],
+		g: match[2],
+		b: match[3],
+		a: match[4]
+	};
+	match = matchers.hsl.exec(color);
+	if (match) return {
+		h: match[1],
+		s: match[2],
+		l: match[3]
+	};
+	match = matchers.hsla.exec(color);
+	if (match) return {
+		h: match[1],
+		s: match[2],
+		l: match[3],
+		a: match[4]
+	};
+	match = matchers.hsv.exec(color);
+	if (match) return {
+		h: match[1],
+		s: match[2],
+		v: match[3]
+	};
+	match = matchers.hsva.exec(color);
+	if (match) return {
+		h: match[1],
+		s: match[2],
+		v: match[3],
+		a: match[4]
+	};
+	match = matchers.hex8.exec(color);
+	if (match) return {
+		r: parseIntFromHex(match[1]),
+		g: parseIntFromHex(match[2]),
+		b: parseIntFromHex(match[3]),
+		a: convertHexToDecimal(match[4]),
+		format: named ? "name" : "hex8"
+	};
+	match = matchers.hex6.exec(color);
+	if (match) return {
+		r: parseIntFromHex(match[1]),
+		g: parseIntFromHex(match[2]),
+		b: parseIntFromHex(match[3]),
+		format: named ? "name" : "hex"
+	};
+	match = matchers.hex4.exec(color);
+	if (match) return {
+		r: parseIntFromHex(match[1] + match[1]),
+		g: parseIntFromHex(match[2] + match[2]),
+		b: parseIntFromHex(match[3] + match[3]),
+		a: convertHexToDecimal(match[4] + match[4]),
+		format: named ? "name" : "hex8"
+	};
+	match = matchers.hex3.exec(color);
+	if (match) return {
+		r: parseIntFromHex(match[1] + match[1]),
+		g: parseIntFromHex(match[2] + match[2]),
+		b: parseIntFromHex(match[3] + match[3]),
+		format: named ? "name" : "hex"
+	};
+	return false;
+}
+function isValidCSSUnit(color) {
+	return Boolean(matchers.CSS_UNIT.exec(String(color)));
+}
+var TinyColor = function() {
+	function TinyColor$1(color, opts) {
+		if (color === void 0) color = "";
+		if (opts === void 0) opts = {};
+		var _a$1;
+		if (color instanceof TinyColor$1) return color;
+		if (typeof color === "number") color = numberInputToObject(color);
+		this.originalInput = color;
+		var rgb = inputToRGB(color);
+		this.originalInput = color;
+		this.r = rgb.r;
+		this.g = rgb.g;
+		this.b = rgb.b;
+		this.a = rgb.a;
+		this.roundA = Math.round(100 * this.a) / 100;
+		this.format = (_a$1 = opts.format) !== null && _a$1 !== void 0 ? _a$1 : rgb.format;
+		this.gradientType = opts.gradientType;
+		if (this.r < 1) this.r = Math.round(this.r);
+		if (this.g < 1) this.g = Math.round(this.g);
+		if (this.b < 1) this.b = Math.round(this.b);
+		this.isValid = rgb.ok;
+	}
+	TinyColor$1.prototype.isDark = function() {
+		return this.getBrightness() < 128;
+	};
+	TinyColor$1.prototype.isLight = function() {
+		return !this.isDark();
+	};
+	TinyColor$1.prototype.getBrightness = function() {
+		var rgb = this.toRgb();
+		return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1e3;
+	};
+	TinyColor$1.prototype.getLuminance = function() {
+		var rgb = this.toRgb();
+		var R;
+		var G;
+		var B;
+		var RsRGB = rgb.r / 255;
+		var GsRGB = rgb.g / 255;
+		var BsRGB = rgb.b / 255;
+		if (RsRGB <= .03928) R = RsRGB / 12.92;
+		else R = Math.pow((RsRGB + .055) / 1.055, 2.4);
+		if (GsRGB <= .03928) G = GsRGB / 12.92;
+		else G = Math.pow((GsRGB + .055) / 1.055, 2.4);
+		if (BsRGB <= .03928) B = BsRGB / 12.92;
+		else B = Math.pow((BsRGB + .055) / 1.055, 2.4);
+		return .2126 * R + .7152 * G + .0722 * B;
+	};
+	TinyColor$1.prototype.getAlpha = function() {
+		return this.a;
+	};
+	TinyColor$1.prototype.setAlpha = function(alpha) {
+		this.a = boundAlpha(alpha);
+		this.roundA = Math.round(100 * this.a) / 100;
+		return this;
+	};
+	TinyColor$1.prototype.isMonochrome = function() {
+		return this.toHsl().s === 0;
+	};
+	TinyColor$1.prototype.toHsv = function() {
+		var hsv = rgbToHsv(this.r, this.g, this.b);
+		return {
+			h: hsv.h * 360,
+			s: hsv.s,
+			v: hsv.v,
+			a: this.a
+		};
+	};
+	TinyColor$1.prototype.toHsvString = function() {
+		var hsv = rgbToHsv(this.r, this.g, this.b);
+		var h$1 = Math.round(hsv.h * 360);
+		var s = Math.round(hsv.s * 100);
+		var v = Math.round(hsv.v * 100);
+		return this.a === 1 ? "hsv(".concat(h$1, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h$1, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
+	};
+	TinyColor$1.prototype.toHsl = function() {
+		var hsl = rgbToHsl(this.r, this.g, this.b);
+		return {
+			h: hsl.h * 360,
+			s: hsl.s,
+			l: hsl.l,
+			a: this.a
+		};
+	};
+	TinyColor$1.prototype.toHslString = function() {
+		var hsl = rgbToHsl(this.r, this.g, this.b);
+		var h$1 = Math.round(hsl.h * 360);
+		var s = Math.round(hsl.s * 100);
+		var l = Math.round(hsl.l * 100);
+		return this.a === 1 ? "hsl(".concat(h$1, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h$1, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
+	};
+	TinyColor$1.prototype.toHex = function(allow3Char) {
+		if (allow3Char === void 0) allow3Char = false;
+		return rgbToHex(this.r, this.g, this.b, allow3Char);
+	};
+	TinyColor$1.prototype.toHexString = function(allow3Char) {
+		if (allow3Char === void 0) allow3Char = false;
+		return "#" + this.toHex(allow3Char);
+	};
+	TinyColor$1.prototype.toHex8 = function(allow4Char) {
+		if (allow4Char === void 0) allow4Char = false;
+		return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
+	};
+	TinyColor$1.prototype.toHex8String = function(allow4Char) {
+		if (allow4Char === void 0) allow4Char = false;
+		return "#" + this.toHex8(allow4Char);
+	};
+	TinyColor$1.prototype.toHexShortString = function(allowShortChar) {
+		if (allowShortChar === void 0) allowShortChar = false;
+		return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);
+	};
+	TinyColor$1.prototype.toRgb = function() {
+		return {
+			r: Math.round(this.r),
+			g: Math.round(this.g),
+			b: Math.round(this.b),
+			a: this.a
+		};
+	};
+	TinyColor$1.prototype.toRgbString = function() {
+		var r = Math.round(this.r);
+		var g = Math.round(this.g);
+		var b = Math.round(this.b);
+		return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")");
+	};
+	TinyColor$1.prototype.toPercentageRgb = function() {
+		var fmt = function(x) {
+			return "".concat(Math.round(bound01(x, 255) * 100), "%");
+		};
+		return {
+			r: fmt(this.r),
+			g: fmt(this.g),
+			b: fmt(this.b),
+			a: this.a
+		};
+	};
+	TinyColor$1.prototype.toPercentageRgbString = function() {
+		var rnd = function(x) {
+			return Math.round(bound01(x, 255) * 100);
+		};
+		return this.a === 1 ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)") : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
+	};
+	TinyColor$1.prototype.toName = function() {
+		if (this.a === 0) return "transparent";
+		if (this.a < 1) return false;
+		var hex = "#" + rgbToHex(this.r, this.g, this.b, false);
+		for (var _i = 0, _a$1 = Object.entries(names); _i < _a$1.length; _i++) {
+			var _b = _a$1[_i], key = _b[0];
+			if (hex === _b[1]) return key;
+		}
+		return false;
+	};
+	TinyColor$1.prototype.toString = function(format) {
+		var formatSet = Boolean(format);
+		format = format !== null && format !== void 0 ? format : this.format;
+		var formattedString = false;
+		var hasAlpha = this.a < 1 && this.a >= 0;
+		if (!formatSet && hasAlpha && (format.startsWith("hex") || format === "name")) {
+			if (format === "name" && this.a === 0) return this.toName();
+			return this.toRgbString();
+		}
+		if (format === "rgb") formattedString = this.toRgbString();
+		if (format === "prgb") formattedString = this.toPercentageRgbString();
+		if (format === "hex" || format === "hex6") formattedString = this.toHexString();
+		if (format === "hex3") formattedString = this.toHexString(true);
+		if (format === "hex4") formattedString = this.toHex8String(true);
+		if (format === "hex8") formattedString = this.toHex8String();
+		if (format === "name") formattedString = this.toName();
+		if (format === "hsl") formattedString = this.toHslString();
+		if (format === "hsv") formattedString = this.toHsvString();
+		return formattedString || this.toHexString();
+	};
+	TinyColor$1.prototype.toNumber = function() {
+		return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+	};
+	TinyColor$1.prototype.clone = function() {
+		return new TinyColor$1(this.toString());
+	};
+	TinyColor$1.prototype.lighten = function(amount) {
+		if (amount === void 0) amount = 10;
+		var hsl = this.toHsl();
+		hsl.l += amount / 100;
+		hsl.l = clamp01(hsl.l);
+		return new TinyColor$1(hsl);
+	};
+	TinyColor$1.prototype.brighten = function(amount) {
+		if (amount === void 0) amount = 10;
+		var rgb = this.toRgb();
+		rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
+		rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
+		rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
+		return new TinyColor$1(rgb);
+	};
+	TinyColor$1.prototype.darken = function(amount) {
+		if (amount === void 0) amount = 10;
+		var hsl = this.toHsl();
+		hsl.l -= amount / 100;
+		hsl.l = clamp01(hsl.l);
+		return new TinyColor$1(hsl);
+	};
+	TinyColor$1.prototype.tint = function(amount) {
+		if (amount === void 0) amount = 10;
+		return this.mix("white", amount);
+	};
+	TinyColor$1.prototype.shade = function(amount) {
+		if (amount === void 0) amount = 10;
+		return this.mix("black", amount);
+	};
+	TinyColor$1.prototype.desaturate = function(amount) {
+		if (amount === void 0) amount = 10;
+		var hsl = this.toHsl();
+		hsl.s -= amount / 100;
+		hsl.s = clamp01(hsl.s);
+		return new TinyColor$1(hsl);
+	};
+	TinyColor$1.prototype.saturate = function(amount) {
+		if (amount === void 0) amount = 10;
+		var hsl = this.toHsl();
+		hsl.s += amount / 100;
+		hsl.s = clamp01(hsl.s);
+		return new TinyColor$1(hsl);
+	};
+	TinyColor$1.prototype.greyscale = function() {
+		return this.desaturate(100);
+	};
+	TinyColor$1.prototype.spin = function(amount) {
+		var hsl = this.toHsl();
+		var hue = (hsl.h + amount) % 360;
+		hsl.h = hue < 0 ? 360 + hue : hue;
+		return new TinyColor$1(hsl);
+	};
+	TinyColor$1.prototype.mix = function(color, amount) {
+		if (amount === void 0) amount = 50;
+		var rgb1 = this.toRgb();
+		var rgb2 = new TinyColor$1(color).toRgb();
+		var p = amount / 100;
+		return new TinyColor$1({
+			r: (rgb2.r - rgb1.r) * p + rgb1.r,
+			g: (rgb2.g - rgb1.g) * p + rgb1.g,
+			b: (rgb2.b - rgb1.b) * p + rgb1.b,
+			a: (rgb2.a - rgb1.a) * p + rgb1.a
+		});
+	};
+	TinyColor$1.prototype.analogous = function(results, slices) {
+		if (results === void 0) results = 6;
+		if (slices === void 0) slices = 30;
+		var hsl = this.toHsl();
+		var part = 360 / slices;
+		var ret = [this];
+		for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results;) {
+			hsl.h = (hsl.h + part) % 360;
+			ret.push(new TinyColor$1(hsl));
+		}
+		return ret;
+	};
+	TinyColor$1.prototype.complement = function() {
+		var hsl = this.toHsl();
+		hsl.h = (hsl.h + 180) % 360;
+		return new TinyColor$1(hsl);
+	};
+	TinyColor$1.prototype.monochromatic = function(results) {
+		if (results === void 0) results = 6;
+		var hsv = this.toHsv();
+		var h$1 = hsv.h;
+		var s = hsv.s;
+		var v = hsv.v;
+		var res = [];
+		var modification = 1 / results;
+		while (results--) {
+			res.push(new TinyColor$1({
+				h: h$1,
+				s,
+				v
+			}));
+			v = (v + modification) % 1;
+		}
+		return res;
+	};
+	TinyColor$1.prototype.splitcomplement = function() {
+		var hsl = this.toHsl();
+		var h$1 = hsl.h;
+		return [
+			this,
+			new TinyColor$1({
+				h: (h$1 + 72) % 360,
+				s: hsl.s,
+				l: hsl.l
+			}),
+			new TinyColor$1({
+				h: (h$1 + 216) % 360,
+				s: hsl.s,
+				l: hsl.l
+			})
+		];
+	};
+	TinyColor$1.prototype.onBackground = function(background) {
+		var fg = this.toRgb();
+		var bg = new TinyColor$1(background).toRgb();
+		var alpha = fg.a + bg.a * (1 - fg.a);
+		return new TinyColor$1({
+			r: (fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / alpha,
+			g: (fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / alpha,
+			b: (fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / alpha,
+			a: alpha
+		});
+	};
+	TinyColor$1.prototype.triad = function() {
+		return this.polyad(3);
+	};
+	TinyColor$1.prototype.tetrad = function() {
+		return this.polyad(4);
+	};
+	TinyColor$1.prototype.polyad = function(n) {
+		var hsl = this.toHsl();
+		var h$1 = hsl.h;
+		var result = [this];
+		var increment = 360 / n;
+		for (var i$1 = 1; i$1 < n; i$1++) result.push(new TinyColor$1({
+			h: (h$1 + i$1 * increment) % 360,
+			s: hsl.s,
+			l: hsl.l
+		}));
+		return result;
+	};
+	TinyColor$1.prototype.equals = function(color) {
+		return this.toRgbString() === new TinyColor$1(color).toRgbString();
+	};
+	return TinyColor$1;
+}();
+function darken(color, amount = 20) {
+	return color.mix("#141414", amount).toString();
+}
+function useButtonCustomStyle(props) {
+	const _disabled = useFormDisabled();
+	const ns = useNamespace("button");
+	return computed(() => {
+		let styles = {};
+		const buttonColor = props.color;
+		if (buttonColor) {
+			const color = new TinyColor(buttonColor);
+			const activeBgColor = props.dark ? color.tint(20).toString() : darken(color, 20);
+			if (props.plain) {
+				styles = ns.cssVarBlock({
+					"bg-color": props.dark ? darken(color, 90) : color.tint(90).toString(),
+					"text-color": buttonColor,
+					"border-color": props.dark ? darken(color, 50) : color.tint(50).toString(),
+					"hover-text-color": `var(${ns.cssVarName("color-white")})`,
+					"hover-bg-color": buttonColor,
+					"hover-border-color": buttonColor,
+					"active-bg-color": activeBgColor,
+					"active-text-color": `var(${ns.cssVarName("color-white")})`,
+					"active-border-color": activeBgColor
+				});
+				if (_disabled.value) {
+					styles[ns.cssVarBlockName("disabled-bg-color")] = props.dark ? darken(color, 90) : color.tint(90).toString();
+					styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? darken(color, 50) : color.tint(50).toString();
+					styles[ns.cssVarBlockName("disabled-border-color")] = props.dark ? darken(color, 80) : color.tint(80).toString();
+				}
+			} else {
+				const hoverBgColor = props.dark ? darken(color, 30) : color.tint(30).toString();
+				const textColor = color.isDark() ? `var(${ns.cssVarName("color-white")})` : `var(${ns.cssVarName("color-black")})`;
+				styles = ns.cssVarBlock({
+					"bg-color": buttonColor,
+					"text-color": textColor,
+					"border-color": buttonColor,
+					"hover-bg-color": hoverBgColor,
+					"hover-text-color": textColor,
+					"hover-border-color": hoverBgColor,
+					"active-bg-color": activeBgColor,
+					"active-border-color": activeBgColor
+				});
+				if (_disabled.value) {
+					const disabledButtonColor = props.dark ? darken(color, 50) : color.tint(50).toString();
+					styles[ns.cssVarBlockName("disabled-bg-color")] = disabledButtonColor;
+					styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? "rgba(255, 255, 255, 0.5)" : `var(${ns.cssVarName("color-white")})`;
+					styles[ns.cssVarBlockName("disabled-border-color")] = disabledButtonColor;
+				}
+			}
+		}
+		return styles;
+	});
+}
+var Button = /* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({ name: "ElButton" }),
+	props: buttonProps,
+	emits: buttonEmits,
+	setup(__props, { expose, emit }) {
+		const props = __props;
+		const buttonStyle = useButtonCustomStyle(props);
+		const ns = useNamespace("button");
+		const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
+		expose({
+			ref: _ref,
+			size: _size,
+			type: _type,
+			disabled: _disabled,
+			shouldAddSpace
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+				ref_key: "_ref",
+				ref: _ref
+			}, unref(_props), {
+				class: [
+					unref(ns).b(),
+					unref(ns).m(unref(_type)),
+					unref(ns).m(unref(_size)),
+					unref(ns).is("disabled", unref(_disabled)),
+					unref(ns).is("loading", _ctx.loading),
+					unref(ns).is("plain", _ctx.plain),
+					unref(ns).is("round", _ctx.round),
+					unref(ns).is("circle", _ctx.circle),
+					unref(ns).is("text", _ctx.text),
+					unref(ns).is("link", _ctx.link),
+					unref(ns).is("has-bg", _ctx.bg)
+				],
+				style: unref(buttonStyle),
+				onClick: unref(handleClick)
+			}), {
+				default: withCtx(() => [_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
+					key: 1,
+					class: normalizeClass(unref(ns).is("loading"))
+				}, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))]),
+					_: 1
+				}, 8, ["class"]))], 64)) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+					default: withCtx(() => [_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })]),
+					_: 3
+				})) : createCommentVNode("v-if", true), _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
+				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"onClick"
+			]);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
+var buttonGroupProps = {
+	size: buttonProps.size,
+	type: buttonProps.type
+};
+var ButtonGroup = /* @__PURE__ */ _export_sfc(/* @__PURE__ */ defineComponent({
+	...defineComponent({ name: "ElButtonGroup" }),
+	props: buttonGroupProps,
+	setup(__props) {
+		const props = __props;
+		provide(buttonGroupContextKey, reactive({
+			size: toRef(props, "size"),
+			type: toRef(props, "type")
+		}));
+		const ns = useNamespace("button");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(`${unref(ns).b("group")}`) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+}), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
+var ElButton = withInstall(Button, { ButtonGroup });
+withNoopInstall(ButtonGroup);
 function createEventBus() {
 	const handlers$1 = /* @__PURE__ */ new Map();
 	return {
@@ -2415,7 +4654,7 @@ function createRouteRecordMatcher(record, parent, options) {
 	return matcher;
 }
 function createRouterMatcher(routes, globalOptions) {
-	const matchers = [];
+	const matchers$1 = [];
 	const matcherMap = /* @__PURE__ */ new Map();
 	globalOptions = mergeOptions({
 		strict: false,
@@ -2471,14 +4710,14 @@ function createRouterMatcher(routes, globalOptions) {
 			const matcher = matcherMap.get(matcherRef);
 			if (matcher) {
 				matcherMap.delete(matcherRef);
-				matchers.splice(matchers.indexOf(matcher), 1);
+				matchers$1.splice(matchers$1.indexOf(matcher), 1);
 				matcher.children.forEach(removeRoute);
 				matcher.alias.forEach(removeRoute);
 			}
 		} else {
-			const index = matchers.indexOf(matcherRef);
+			const index = matchers$1.indexOf(matcherRef);
 			if (index > -1) {
-				matchers.splice(index, 1);
+				matchers$1.splice(index, 1);
 				if (matcherRef.record.name) matcherMap.delete(matcherRef.record.name);
 				matcherRef.children.forEach(removeRoute);
 				matcherRef.alias.forEach(removeRoute);
@@ -2486,11 +4725,11 @@ function createRouterMatcher(routes, globalOptions) {
 		}
 	}
 	function getRoutes() {
-		return matchers;
+		return matchers$1;
 	}
 	function insertMatcher(matcher) {
-		const index = findInsertionIndex(matcher, matchers);
-		matchers.splice(index, 0, matcher);
+		const index = findInsertionIndex(matcher, matchers$1);
+		matchers$1.splice(index, 0, matcher);
 		if (matcher.record.name && !isAliasRecord(matcher)) matcherMap.set(matcher.record.name, matcher);
 	}
 	function resolve(location$1, currentLocation) {
@@ -2506,13 +4745,13 @@ function createRouterMatcher(routes, globalOptions) {
 			path = matcher.stringify(params);
 		} else if (location$1.path != null) {
 			path = location$1.path;
-			matcher = matchers.find((m) => m.re.test(path));
+			matcher = matchers$1.find((m) => m.re.test(path));
 			if (matcher) {
 				params = matcher.parse(path);
 				name = matcher.record.name;
 			}
 		} else {
-			matcher = currentLocation.name ? matcherMap.get(currentLocation.name) : matchers.find((m) => m.re.test(currentLocation.path));
+			matcher = currentLocation.name ? matcherMap.get(currentLocation.name) : matchers$1.find((m) => m.re.test(currentLocation.path));
 			if (!matcher) throw createRouterError(1, {
 				location: location$1,
 				currentLocation
@@ -2537,7 +4776,7 @@ function createRouterMatcher(routes, globalOptions) {
 	}
 	routes.forEach((route) => addRoute(route));
 	function clearRoutes() {
-		matchers.length = 0;
+		matchers$1.length = 0;
 		matcherMap.clear();
 	}
 	return {
@@ -2595,16 +4834,16 @@ function mergeOptions(defaults, partialOptions) {
 	for (const key in defaults) options[key] = key in partialOptions ? partialOptions[key] : defaults[key];
 	return options;
 }
-function findInsertionIndex(matcher, matchers) {
+function findInsertionIndex(matcher, matchers$1) {
 	let lower = 0;
-	let upper = matchers.length;
+	let upper = matchers$1.length;
 	while (lower !== upper) {
 		const mid = lower + upper >> 1;
-		if (comparePathParserScore(matcher, matchers[mid]) < 0) upper = mid;
+		if (comparePathParserScore(matcher, matchers$1[mid]) < 0) upper = mid;
 		else lower = mid + 1;
 	}
 	const insertionAncestor = getInsertionAncestor(matcher);
-	if (insertionAncestor) upper = matchers.lastIndexOf(insertionAncestor, upper - 1);
+	if (insertionAncestor) upper = matchers$1.lastIndexOf(insertionAncestor, upper - 1);
 	return upper;
 }
 function getInsertionAncestor(matcher) {
@@ -4547,4 +6786,4 @@ function truncateBeforeLast(text, maxLength, lastCharsLength = 5) {
 	if (lastCharsLength < 1) return chars.slice(0, maxLength).join("") + ellipsis;
 	return chars.slice(0, maxLength - lastCharsLength - ellipsisLength).join("") + ellipsis + chars.slice(-lastCharsLength).join("");
 }
-export { arrow_left_default as $, _getNative_default as $t, useGlobalSize as A, getProp as At, withInstall as B, get_default as Bt, isToolMessage as C, useTimeoutFn as Cn, addUnit as Ct, _export_sfc as D, debugWarn as Dt, ElIcon as E, removeClass as Et, useNamespace as F, isEmpty as Ft, TypeComponents as G, _Map_default as Gt, withInstallFunction as H, _toKey_default as Ht, useLocale as I, isNumber as It, iconPropType as J, _assignValue_default as Jt, TypeComponentsMap as K, _ListCache_default as Kt, componentSizeMap as L, isUndefined as Lt, useZIndex as M, escapeStringRegexp as Mt, defaultNamespace as N, isBoolean as Nt, useGlobalComponentSettings as O, throwError as Ot, useGetDerivedNamespace as P, isElement as Pt, arrow_down_default as Q, _defineProperty_default as Qt, componentSizes as R, _baseSet_default as Rt, isThinkingGroupMessage as S, tryOnScopeDispose as Sn, addClass as St, createEventBus as T, hasClass as Tt, withNoopInstall as U, _castPath_default as Ut, withInstallDirective as V, _baseGet_default as Vt, CloseComponents as W, _MapCache_default as Wt, buildProps as X, _baseAssignValue_default as Xt, buildProp as Y, eq_default as Yt, definePropType as Z, _isIndex_default as Zt, isNavigationFailure as _, useVModel as _n, picture_filled_default as _t, require__toKey as a, isSymbol_default as an, circle_close_default as at, useRouter as b, isClient as bn, warning_filled_default as bt, require__arrayMap as c, _Symbol_default as cn, d_arrow_left_default as ct, require_isSymbol as d, isFirefox as dn, document_default as dt, _toSource_default as en, arrow_right_default as et, require_lib as f, onClickOutside as fn, hide_default as ft, createWebHistory as g, useResizeObserver as gn, more_filled_default as gt, createRouter as h, useEventListener as hn, more_default as ht, require__baseGet as i, _arrayMap_default as in, circle_check_default as it, useSizeProp as j, capitalize$1 as jt, useGlobalConfig as k, entriesOf as kt, require_memoize as l, _root_default as ln, d_arrow_right_default as lt, RouterView as m, useDocumentVisibility as mn, minus_default as mt, truncateBeforeLast as n, isObject_default as nn, calendar_default as nt, require__castPath as o, isObjectLike_default as on, clock_default as ot, RouterLink as p, unrefElement as pn, loading_default as pt, ValidateComponentsMap as q, _isKey_default as qt, require_get as r, isArray_default as rn, check_default as rt, require_toString as s, _baseGetTag_default as sn, close_default as st, truncate as t, isFunction_default as tn, arrow_up_default as tt, require__isKey as u, _freeGlobal_default as un, delete_default as ut, onBeforeRouteLeave as v, useWindowFocus as vn, plus_default as vt, isWorkflowUpdatedMessage as w, getStyle as wt, isTaskAbortedMessage as x, isIOS as xn, zoom_in_default as xt, useRoute as y, computedEager as yn, view_default as yt, EVENT_CODE as z, fromPairs_default as zt };
+export { flattedChildren as $, escapeStringRegexp as $t, ElInput as A, _Symbol_default as An, d_arrow_right_default as At, useFocusController as B, computedEager as Bn, zoom_in_default as Bt, isToolMessage as C, isFunction_default as Cn, calendar_default as Ct, TinyColor as D, isSymbol_default as Dn, clock_default as Dt, ElButton as E, _arrayMap_default as En, circle_close_default as Et, formItemContextKey as F, useDocumentVisibility as Fn, more_default as Ft, defaultNamespace as G, obtainAllFocusableElements$1 as Gn, getStyle as Gt, useZIndex as H, isIOS as Hn, scrollIntoView as Ht, ElIcon as I, useEventListener as In, more_filled_default as It, useLocale as J, debugWarn as Jt, useGetDerivedNamespace as K, triggerEvent as Kn, hasClass as Kt, _export_sfc as L, useResizeObserver as Ln, picture_filled_default as Lt, useFormItemInputId as M, _freeGlobal_default as Mn, document_default as Mt, useFormDisabled as N, onClickOutside as Nn, loading_default as Nt, ElFocusTrap as O, isObjectLike_default as On, close_default as Ot, useFormSize as P, unrefElement as Pn, minus_default as Pt, PatchFlags as Q, capitalize$1 as Qt, useGlobalComponentSettings as R, useVModel as Rn, plus_default as Rt, isThinkingGroupMessage as S, _toSource_default as Sn, arrow_up_default as St, createEventBus as T, isArray_default as Tn, circle_check_default as Tt, useId as U, tryOnScopeDispose as Un, addClass as Ut, useSizeProp as V, isClient as Vn, getScrollBarWidth as Vt, useIdInjection as W, useTimeoutFn as Wn, addUnit as Wt, mutable as X, entriesOf as Xt, useDeprecated as Y, throwError as Yt, isKorean as Z, getProp as Zt, isNavigationFailure as _, eq_default as _n, buildProps as _t, require__toKey as a, _baseSet_default as an, UPDATE_MODEL_EVENT as at, useRouter as b, _defineProperty_default as bn, arrow_left_default as bt, require__arrayMap as c, get_default as cn, withInstall as ct, require_isSymbol as d, _castPath_default as dn, CloseComponents as dt, isBoolean as en, isValidComponentSize as et, require_lib as f, _MapCache_default as fn, TypeComponents as ft, createWebHistory as g, _assignValue_default as gn, buildProp as gt, createRouter as h, _isKey_default as hn, iconPropType as ht, require__baseGet as i, isUndefined as in, INPUT_EVENT as it, useFormItem as j, _root_default as jn, delete_default as jt, FOCUS_TRAP_INJECTION_KEY as k, _baseGetTag_default as kn, d_arrow_left_default as kt, require_memoize as l, _baseGet_default as ln, withInstallFunction as lt, RouterView as m, _ListCache_default as mn, ValidateComponentsMap as mt, truncateBeforeLast as n, isEmpty as nn, componentSizes as nt, require__castPath as o, isNil_default as on, datePickTypes as ot, RouterLink as p, _Map_default as pn, TypeComponentsMap as pt, useNamespace as q, removeClass as qt, require_get as r, isNumber as rn, CHANGE_EVENT as rt, require_toString as s, fromPairs_default as sn, EVENT_CODE as st, truncate as t, isElement as tn, componentSizeMap as tt, require__isKey as u, _toKey_default as un, withNoopInstall as ut, onBeforeRouteLeave as v, _baseAssignValue_default as vn, definePropType as vt, isWorkflowUpdatedMessage as w, isObject_default as wn, check_default as wt, isTaskAbortedMessage as x, _getNative_default as xn, arrow_right_default as xt, useRoute as y, _isIndex_default as yn, arrow_down_default as yt, useGlobalConfig as z, useWindowFocus as zn, warning_filled_default as zt };