@vue/runtime-dom 3.6.0-beta.9 → 3.6.0-rc.10

package/dist/runtime-dom.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-beta.9
+  * @vue/runtime-dom v3.6.0-rc.10
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -10,7 +10,7 @@ export * from "@vue/runtime-core";
 let policy = void 0;
 const tt = typeof window !== "undefined" && window.trustedTypes;
 if (tt) try {
-	policy = /* @__PURE__ */ tt.createPolicy("vue", { createHTML: (val) => val });
+	policy = /*@__PURE__*/ tt.createPolicy("vue", { createHTML: (val) => val });
 } catch (e) {
 	process.env.NODE_ENV !== "production" && warn(`Error creating trusted types policy: ${e}`);
 }
@@ -18,7 +18,7 @@ const unsafeToTrustedHTML = policy ? (val) => policy.createHTML(val) : (val) =>
 const svgNS = "http://www.w3.org/2000/svg";
 const mathmlNS = "http://www.w3.org/1998/Math/MathML";
 const doc = typeof document !== "undefined" ? document : null;
-const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");
+const templateContainer = doc && /*@__PURE__*/ doc.createElement("template");
 const nodeOps = {
 	insert: (child, parent, anchor) => {
 		parent.insertBefore(child, anchor || null);
@@ -92,7 +92,7 @@ const DOMTransitionPropsValidators = {
 	leaveActiveClass: String,
 	leaveToClass: String
 };
-const TransitionPropsValidators = /* @__PURE__ */ extend({}, BaseTransitionPropsValidators, DOMTransitionPropsValidators);
+const TransitionPropsValidators = /*@__PURE__*/ extend({}, BaseTransitionPropsValidators, DOMTransitionPropsValidators);
 /**
 * Wrap logic that attaches extra properties to Transition in a function
 * so that it can be annotated as pure
@@ -106,7 +106,7 @@ const decorate$1 = (t) => {
 * DOM Transition is a higher-order-component based on the platform-agnostic
 * base Transition component, with DOM-specific logic.
 */
-const Transition = /* @__PURE__ */ decorate$1((props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots));
+const Transition = /*@__PURE__*/ decorate$1((props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots));
 /**
 * #3227 Incoming hooks may be merged into arrays when wrapping Transition
 * with custom HOCs.
@@ -328,14 +328,15 @@ const vShow = {
 	},
 	updated(el, { value, oldValue }, { transition }) {
 		if (!value === !oldValue) return;
-		if (transition) if (value) {
-			transition.beforeEnter(el);
-			setDisplay(el, true);
-			transition.enter(el);
-		} else transition.leave(el, () => {
-			setDisplay(el, false);
-		});
-		else setDisplay(el, value);
+		if (transition) {
+			if (value) {
+				transition.beforeEnter(el);
+				setDisplay(el, true);
+				transition.enter(el);
+			} else transition.leave(el, () => {
+				setDisplay(el, false);
+			});
+		} else setDisplay(el, value);
 	},
 	beforeUnmount(el, { value }) {
 		setDisplay(el, value);
@@ -359,50 +360,20 @@ const CSS_VAR_TEXT = Symbol(!!(process.env.NODE_ENV !== "production") ? "CSS_VAR
 */
 function useCssVars(getter) {
 	const instance = getCurrentInstance();
-	const getVars = () => getter(instance.proxy);
-	const setVars = (vars) => {
-		if (instance.ce) setVarsOnNode(instance.ce, vars);
-		else setVarsOnVNode(instance.subTree, vars);
-	};
-	baseUseCssVars(instance, () => instance.subTree.el.parentNode, getVars, setVars);
-}
-function setVarsOnVNode(vnode, vars) {
-	if (vnode.shapeFlag & 128) {
-		const suspense = vnode.suspense;
-		vnode = suspense.activeBranch;
-		if (suspense.pendingBranch && !suspense.isHydrating) suspense.effects.push(() => {
-			setVarsOnVNode(suspense.activeBranch, vars);
-		});
-	}
-	while (vnode.component) vnode = vnode.component.subTree;
-	if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
-	else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
-	else if (vnode.type === Static) {
-		let { el, anchor } = vnode;
-		while (el) {
-			setVarsOnNode(el, vars);
-			if (el === anchor) break;
-			el = el.nextSibling;
-		}
-	}
-}
-/**
-* @internal
-* shared between vdom and vapor
-*/
-function baseUseCssVars(instance, getParentNode, getVars, setVars) {
 	/* v8 ignore start */
 	if (!instance) {
 		process.env.NODE_ENV !== "production" && warn(`useCssVars is called without current active component instance.`);
 		return;
 	}
 	/* v8 ignore stop */
+	const getVars = () => getter(instance.proxy);
 	if (!!(process.env.NODE_ENV !== "production")) instance.getCssVars = getVars;
 	const updateTeleports = instance.ut = (vars = getVars()) => {
 		Array.from(document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)).forEach((node) => setVarsOnNode(node, vars));
 	};
 	const applyCssVars = (vars = getVars()) => {
-		setVars(vars);
+		if (instance.ce) setVarsOnNode(instance.ce, vars);
+		else setVarsOnVNode(instance.subTree, vars);
 		updateTeleports(vars);
 	};
 	onBeforeUpdate(() => {
@@ -415,10 +386,38 @@ function baseUseCssVars(instance, getParentNode, getVars, setVars) {
 			applyCssVars(vars);
 		}, NOOP, { flush: "post" });
 		const ob = new MutationObserver(() => applyCssVars());
-		ob.observe(getParentNode(), { childList: true });
+		ob.observe(instance.subTree.el.parentNode, { childList: true });
 		onUnmounted(() => ob.disconnect());
 	});
 }
+function setVarsOnVNode(vnode, vars) {
+	if (vnode.shapeFlag & 128) {
+		const suspense = vnode.suspense;
+		vnode = suspense.activeBranch;
+		if (suspense.pendingBranch && !suspense.isHydrating) suspense.effects.push(() => {
+			setVarsOnVNode(suspense.activeBranch, vars);
+		});
+	}
+	while (vnode.component) {
+		const component = vnode.component;
+		if (component.vapor) {
+			component.appContext.vapor.applyCssVars(vnode, vars);
+			return;
+		}
+		vnode = vnode.component.subTree;
+	}
+	if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
+	else if (vnode.vb) vnode.ctx.appContext.vapor.applyCssVars(vnode, vars);
+	else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
+	else if (vnode.type === Static) {
+		let { el, anchor } = vnode;
+		while (el) {
+			setVarsOnNode(el, vars);
+			if (el === anchor) break;
+			el = el.nextSibling;
+		}
+	}
+}
 /**
 * @internal
 * shared between vdom and vapor
@@ -443,15 +442,20 @@ function patchStyle(el, prev, next) {
 	const isCssString = isString(next);
 	let hasControlledDisplay = false;
 	if (next && !isCssString) {
-		if (prev) if (!isString(prev)) {
-			for (const key in prev) if (next[key] == null) setStyle(style, key, "");
-		} else for (const prevStyle of prev.split(";")) {
-			const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
-			if (next[key] == null) setStyle(style, key, "");
+		if (prev) {
+			if (!isString(prev)) {
+				for (const key in prev) if (next[key] == null) setStyle(style, key, "");
+			} else for (const prevStyle of prev.split(";")) {
+				const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
+				if (next[key] == null) setStyle(style, key, "");
+			}
 		}
 		for (const key in next) {
 			if (key === "display") hasControlledDisplay = true;
-			setStyle(style, key, next[key]);
+			const value = next[key];
+			if (value != null) {
+				if (!shouldPreserveTextareaResizeStyle(el, key, !isString(prev) && prev ? prev[key] : void 0, value)) setStyle(style, key, value);
+			} else setStyle(style, key, "");
 		}
 	} else if (isCssString) {
 		if (prev !== next) {
@@ -460,7 +464,11 @@ function patchStyle(el, prev, next) {
 			style.cssText = next;
 			hasControlledDisplay = displayRE.test(next);
 		}
-	} else if (prev) el.removeAttribute("style");
+	} else if (prev) {
+		const cssVarText = style[CSS_VAR_TEXT];
+		if (cssVarText) style.cssText = cssVarText;
+		else el.removeAttribute("style");
+	}
 	if (vShowOriginalDisplay in el) {
 		el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
 		if (el[vShowHidden]) style.display = "none";
@@ -475,8 +483,10 @@ function setStyle(style, name, rawVal) {
 		if (!!(process.env.NODE_ENV !== "production")) {
 			if (semicolonRE.test(val)) warn(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
 		}
-		if (name.startsWith("--")) style.setProperty(name, val);
-		else {
+		if (name.startsWith("--")) {
+			if (importantRE.test(val)) style.setProperty(name, val.replace(importantRE, ""), "important");
+			else style.setProperty(name, val);
+		} else {
 			const prefixed = autoPrefix(style, name);
 			if (importantRE.test(val)) style.setProperty(hyphenate(prefixed), val.replace(importantRE, ""), "important");
 			else style[prefixed] = val;
@@ -501,13 +511,22 @@ function autoPrefix(style, rawName) {
 	}
 	return rawName;
 }
+/**
+* Browsers update textarea width/height directly during native resize.
+* Only special-case this common textarea path for now; other resize scenarios
+* still follow normal vnode style patching.
+*/
+function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
+	return el.tagName === "TEXTAREA" && (key === "width" || key === "height") && isString(next) && prev === next;
+}
 //#endregion
 //#region packages/runtime-dom/src/modules/attrs.ts
 const xlinkNS = "http://www.w3.org/1999/xlink";
 function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) {
-	if (isSVG && key.startsWith("xlink:")) if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
-	else el.setAttributeNS(xlinkNS, key, value);
-	else if (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
+	if (isSVG && key.startsWith("xlink:")) {
+		if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
+		else el.setAttributeNS(xlinkNS, key, value);
+	} else if (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
 	else el.setAttribute(key, isBoolean ? "" : isSymbol(value) ? String(value) : value);
 }
 //#endregion
@@ -559,7 +578,7 @@ function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
 	const existingInvoker = invokers[rawName];
 	if (nextValue && existingInvoker) existingInvoker.value = !!(process.env.NODE_ENV !== "production") ? sanitizeEventValue(nextValue, rawName) : nextValue;
 	else {
-		const [name, options] = parseName(rawName);
+		const [name, options] = parseEventName(rawName);
 		if (nextValue) addEventListener(el, name, invokers[rawName] = createInvoker(!!(process.env.NODE_ENV !== "production") ? sanitizeEventValue(nextValue, rawName) : nextValue, instance), options);
 		else if (existingInvoker) {
 			removeEventListener(el, name, existingInvoker, options);
@@ -567,27 +586,40 @@ function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
 		}
 	}
 }
-const optionsModifierRE = /(?:Once|Passive|Capture)$/;
-function parseName(name) {
+const optionsModifierRE = /(Once|Passive|Capture)$/;
+const optionsModifierEventRE = /^on:?(?:Once|Passive|Capture)$/;
+function parseEventName(name) {
 	let options;
-	if (optionsModifierRE.test(name)) {
-		options = {};
-		let m;
-		while (m = name.match(optionsModifierRE)) {
-			name = name.slice(0, name.length - m[0].length);
-			options[m[0].toLowerCase()] = true;
-		}
+	let m;
+	while ((m = name.match(optionsModifierRE)) && !optionsModifierEventRE.test(name)) {
+		if (!options) options = {};
+		name = name.slice(0, name.length - m[1].length);
+		options[m[1].toLowerCase()] = true;
 	}
 	return [name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2)), options];
 }
 let cachedNow = 0;
-const p = /* @__PURE__ */ Promise.resolve();
+const p = /*@__PURE__*/ Promise.resolve();
 const getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = Date.now());
 function createInvoker(initialValue, instance) {
 	const invoker = (e) => {
 		if (!e._vts) e._vts = Date.now();
 		else if (e._vts <= invoker.attached) return;
-		callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5, [e]);
+		const value = invoker.value;
+		if (isArray(value)) {
+			const originalStop = e.stopImmediatePropagation;
+			e.stopImmediatePropagation = () => {
+				originalStop.call(e);
+				e._stopped = true;
+			};
+			const handlers = value.slice();
+			const args = [e];
+			for (let i = 0; i < handlers.length; i++) {
+				if (e._stopped) break;
+				const handler = handlers[i];
+				if (handler) callWithAsyncErrorHandling(handler, instance, 5, args);
+			}
+		} else callWithAsyncErrorHandling(value, instance, 5, [e]);
 	};
 	invoker.value = initialValue;
 	invoker.attached = getNow();
@@ -598,16 +630,6 @@ function sanitizeEventValue(value, propName) {
 	warn(`Wrong type passed as event handler to ${propName} - did you forget @ or : in front of your prop?\nExpected function or array of functions, received type ${typeof value}.`);
 	return NOOP;
 }
-function patchStopImmediatePropagation(e, value) {
-	if (isArray(value)) {
-		const originalStop = e.stopImmediatePropagation;
-		e.stopImmediatePropagation = () => {
-			originalStop.call(e);
-			e._stopped = true;
-		};
-		return value.map((fn) => (e) => !e._stopped && fn && fn(e));
-	} else return value;
-}
 //#endregion
 //#region packages/runtime-dom/src/patchProp.ts
 const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
@@ -645,7 +667,7 @@ function shouldSetAsPropForVueCE(el, key) {
 //#endregion
 //#region packages/runtime-dom/src/apiCustomElement.ts
 const REMOVAL = {};
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function defineCustomElement(options, extraOptions, _createApp) {
 	let Comp = defineComponent(options, extraOptions);
 	if (isPlainObject(Comp)) Comp = extend({}, Comp, extraOptions);
@@ -694,12 +716,14 @@ var VueElementBase = class VueElementBase extends BaseClass {
 			this._parent = parent;
 			break;
 		}
-		if (!this._instance) if (this._resolved) this._mountComponent(this._def);
-		else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
-			this._pendingResolve = void 0;
-			this._resolveDef();
-		});
-		else this._resolveDef();
+		if (!this._instance) {
+			if (this._resolved) this._mountComponent(this._def);
+			else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
+				this._pendingResolve = void 0;
+				if (this.isConnected) return this._resolveDef();
+			});
+			else this._resolveDef();
+		}
 	}
 	disconnectedCallback() {
 		this._connected = false;
@@ -733,7 +757,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* resolve inner component definition (handle possible async component)
 	*/
 	_resolveDef() {
-		if (this._pendingResolve) return;
+		if (this._pendingResolve) return this._pendingResolve;
 		for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
 		this._ob = new MutationObserver(this._processMutations.bind(this));
 		this._ob.observe(this, { attributes: true });
@@ -763,6 +787,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				this._def = def;
 				resolve(def);
 			});
+			return this._pendingResolve;
 		} else resolve(this._def);
 	}
 	_mountComponent(def) {
@@ -801,14 +826,17 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		const { props } = def;
 		const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
 		for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
-		for (const key of declaredPropKeys.map(camelize$1)) Object.defineProperty(this, key, {
-			get() {
-				return this._getProp(key);
-			},
-			set(val) {
-				this._setProp(key, val, true, !this._patching);
-			}
-		});
+		for (const key of declaredPropKeys.map(camelize$1)) {
+			if (!!(process.env.NODE_ENV !== "production") && key in Object.getPrototypeOf(this)) warn(`Custom element prop "${key}" conflicts with an existing property on the element and will overwrite it.`);
+			Object.defineProperty(this, key, {
+				get() {
+					return this._getProp(key);
+				},
+				set(val) {
+					this._setProp(key, val, true, !this._patching);
+				}
+			});
+		}
 	}
 	_setAttr(key) {
 		if (key.startsWith("data-v-")) return;
@@ -869,14 +897,16 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				if (!parentComp) this._styleAnchors.set(this._def, s);
 				if (owner) this._styleAnchors.set(owner, s);
 			}
-			if (!!(process.env.NODE_ENV !== "production")) if (owner) {
-				if (owner.__hmrId) {
-					if (!this._childStyles) this._childStyles = /* @__PURE__ */ new Map();
-					let entry = this._childStyles.get(owner.__hmrId);
-					if (!entry) this._childStyles.set(owner.__hmrId, entry = []);
-					entry.push(s);
-				}
-			} else (this._styles || (this._styles = [])).push(s);
+			if (!!(process.env.NODE_ENV !== "production")) {
+				if (owner) {
+					if (owner.__hmrId) {
+						if (!this._childStyles) this._childStyles = /* @__PURE__ */ new Map();
+						let entry = this._childStyles.get(owner.__hmrId);
+						if (!entry) this._childStyles.set(owner.__hmrId, entry = []);
+						entry.push(s);
+					}
+				} else (this._styles || (this._styles = [])).push(s);
+			}
 		}
 	}
 	_getStyleAnchor(comp) {
@@ -911,13 +941,11 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	_renderSlots() {
 		const outlets = this._getSlots();
 		const scopeId = this._instance.type.__scopeId;
-		const slotReplacements = /* @__PURE__ */ new Map();
 		for (let i = 0; i < outlets.length; i++) {
 			const o = outlets[i];
 			const slotName = o.getAttribute("name") || "default";
 			const content = this._slots[slotName];
 			const parent = o.parentNode;
-			const replacementNodes = [];
 			if (content) for (const n of content) {
 				if (scopeId && n.nodeType === 1) {
 					const id = scopeId + "-s";
@@ -927,17 +955,10 @@ var VueElementBase = class VueElementBase extends BaseClass {
 					while (child = walker.nextNode()) child.setAttribute(id, "");
 				}
 				parent.insertBefore(n, o);
-				replacementNodes.push(n);
-			}
-			else while (o.firstChild) {
-				const child = o.firstChild;
-				parent.insertBefore(child, o);
-				replacementNodes.push(child);
 			}
+			else while (o.firstChild) parent.insertBefore(o.firstChild, o);
 			parent.removeChild(o);
-			slotReplacements.set(o, replacementNodes);
 		}
-		this._updateSlotNodes(slotReplacements);
 	}
 	/**
 	* @internal
@@ -976,7 +997,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* @internal
 	*/
 	_hasShadowRoot() {
-		return this._def.shadowRoot !== false;
+		return this._root !== this;
 	}
 	/**
 	* @internal
@@ -1023,10 +1044,6 @@ var VueElement = class extends VueElementBase {
 		if (this._instance && this._instance.ce) this._instance.ce = void 0;
 		this._app = this._instance = null;
 	}
-	/**
-	* Only called when shadowRoot is false
-	*/
-	_updateSlotNodes(replacements) {}
 	_createVNode() {
 		const baseProps = {};
 		if (!this.shadowRoot) baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
@@ -1042,8 +1059,10 @@ function useHost(caller) {
 	const { hasInstance, value } = useInstanceOption("ce", true);
 	const el = value;
 	if (el) return el;
-	else if (!!(process.env.NODE_ENV !== "production")) if (!hasInstance) warn(`${caller || "useHost"} called without an active component instance.`);
-	else warn(`${caller || "useHost"} can only be used in components defined via defineCustomElement.`);
+	else if (!!(process.env.NODE_ENV !== "production")) {
+		if (!hasInstance) warn(`${caller || "useHost"} called without an active component instance.`);
+		else warn(`${caller || "useHost"} can only be used in components defined via defineCustomElement.`);
+	}
 	return null;
 }
 /**
@@ -1092,7 +1111,7 @@ const decorate = (t) => {
 };
 const TransitionGroup = /* @__PURE__ */ decorate({
 	name: "TransitionGroup",
-	props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
+	props: /*@__PURE__*/ extend({}, TransitionPropsValidators, {
 		tag: String,
 		moveClass: String
 	}),
@@ -1125,7 +1144,7 @@ const TransitionGroup = /* @__PURE__ */ decorate({
 			prevChildren = [];
 			if (children) for (let i = 0; i < children.length; i++) {
 				const child = children[i];
-				if (child.el && child.el instanceof Element) {
+				if (child.el && child.el instanceof Element && !child.el[vShowHidden]) {
 					prevChildren.push(child);
 					setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
 					positionMap.set(child, getPosition(child.el));
@@ -1223,13 +1242,22 @@ function onCompositionEnd(e) {
 	}
 }
 const assignKey = Symbol("_assign");
+const initialValueKey = Symbol("_initialValue");
 const vModelText = {
 	created(el, { modifiers: { lazy, trim, number } }, vnode) {
+		if (el.parentNode) {
+			if (el.type === "text") el[initialValueKey] = el.defaultValue.replace(/[\r\n]/g, "");
+			else if (el.type === "textarea") el[initialValueKey] = el.defaultValue.replace(/\r\n?/g, "\n");
+		}
 		el[assignKey] = getModelAssigner(vnode);
 		vModelTextInit(el, trim, number || !!(vnode.props && vnode.props.type === "number"), lazy);
 	},
-	mounted(el, { value }) {
-		el.value = value == null ? "" : value;
+	mounted(el, { value, modifiers: { trim, number } }) {
+		const newValue = value == null ? "" : value;
+		const initialValue = el[initialValueKey];
+		delete el[initialValueKey];
+		if (initialValue !== void 0 && (el.type === "text" || el.type === "textarea") && el.value !== initialValue) el[assignKey](castValue(el.value, trim, number));
+		else el.value = newValue;
 	},
 	beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
 		el[assignKey] = getModelAssigner(vnode);
@@ -1349,7 +1377,8 @@ const vModelSelect = {
 	mounted(el, { value }) {
 		vModelSetSelected(el, value);
 	},
-	beforeUpdate(el, _binding, vnode) {
+	beforeUpdate(el, { value }, vnode) {
+		el._modelValue = value;
 		el[assignKey] = getModelAssigner(vnode);
 	},
 	updated(el, { value }) {
@@ -1360,21 +1389,42 @@ const vModelSelect = {
 * @internal
 */
 const vModelSelectInit = (el, value, number, set) => {
-	const isSetModel = isSet(value);
+	el._modelValue = value;
 	addEventListener(el, "change", () => {
 		const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map((o) => number ? looseToNumber(getValue(o)) : getValue(o));
-		(set || el[assignKey])(el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]);
-		el._assigning = true;
-		nextTick(() => {
-			el._assigning = false;
-		});
+		const multiple = el.multiple;
+		const assignedValue = multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0];
+		const pending = el._pendingValue = [multiple, multiple ? isArray(assignedValue) ? selectedVal.slice() : selectedVal : assignedValue];
+		try {
+			(set || el[assignKey])(assignedValue);
+		} finally {
+			nextTick(() => {
+				if (el._pendingValue === pending) el._pendingValue = void 0;
+			});
+		}
 	});
 };
+function isSameSelectValue(value, assignedValue, multiple) {
+	if (!multiple) return looseEqual(value, assignedValue);
+	if (isArray(value)) return looseEqual(value, assignedValue);
+	if (isSet(value)) {
+		if (value.size !== assignedValue.length) return false;
+		for (const item of assignedValue) if (!value.has(item)) return false;
+		return true;
+	}
+	return false;
+}
 /**
 * @internal
 */
 const vModelSetSelected = (el, value) => {
-	if (el._assigning) return;
+	el._modelValue = value;
+	const pending = el._pendingValue;
+	el._pendingValue = void 0;
+	if (pending && pending[0] === el.multiple && isSameSelectValue(value, pending[1], pending[0])) return;
+	setSelected(el, value);
+};
+function setSelected(el, value) {
 	const isMultiple = el.multiple;
 	const isArrayValue = isArray(value);
 	if (isMultiple && !isArrayValue && !isSet(value)) {
@@ -1384,18 +1434,19 @@ const vModelSetSelected = (el, value) => {
 	for (let i = 0, l = el.options.length; i < l; i++) {
 		const option = el.options[i];
 		const optionValue = getValue(option);
-		if (isMultiple) if (isArrayValue) {
-			const optionType = typeof optionValue;
-			if (optionType === "string" || optionType === "number") option.selected = value.some((v) => String(v) === String(optionValue));
-			else option.selected = looseIndexOf(value, optionValue) > -1;
-		} else option.selected = value.has(optionValue);
-		else if (looseEqual(getValue(option), value)) {
+		if (isMultiple) {
+			if (isArrayValue) {
+				const optionType = typeof optionValue;
+				if (optionType === "string" || optionType === "number") option.selected = value.some((v) => String(v) === String(optionValue));
+				else option.selected = looseIndexOf(value, optionValue) > -1;
+			} else option.selected = value.has(optionValue);
+		} else if (looseEqual(getValue(option), value)) {
 			if (el.selectedIndex !== i) el.selectedIndex = i;
 			return;
 		}
 	}
 	if (!isMultiple && el.selectedIndex !== -1) el.selectedIndex = -1;
-};
+}
 /**
 * @internal retrieve raw value set via :value bindings
 */
@@ -1515,7 +1566,7 @@ const withKeys = (fn, modifiers) => {
 };
 //#endregion
 //#region packages/runtime-dom/src/index.ts
-const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
+const rendererOptions = /*@__PURE__*/ extend({ patchProp }, nodeOps);
 let renderer;
 let enabledHydration = false;
 function ensureRenderer() {
@@ -1626,4 +1677,4 @@ const initDirectivesForSSR = () => {
 	}
 };
 //#endregion
-export { Transition, TransitionGroup, TransitionPropsValidators, VueElement, VueElementBase, baseApplyTranslation, baseUseCssVars, callPendingCbs, createApp, createSSRApp, defineCustomElement, defineSSRCustomElement, ensureHydrationRenderer, ensureRenderer, forceReflow, handleMovedChildren, hasCSSTransform, hydrate, initDirectivesForSSR, nodeOps, normalizeContainer, patchProp, patchStyle, render, resolveTransitionProps, setVarsOnNode, shouldSetAsProp, shouldSetAsPropForVueCE, svgNS, unsafeToTrustedHTML, useCssModule, useCssVars, useHost, useShadowRoot, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, withKeys, withModifiers, xlinkNS };
+export { Transition, TransitionGroup, TransitionPropsValidators, VueElement, VueElementBase, baseApplyTranslation, callPendingCbs, createApp, createSSRApp, defineCustomElement, defineSSRCustomElement, ensureHydrationRenderer, ensureRenderer, forceReflow, handleMovedChildren, hasCSSTransform, hydrate, initDirectivesForSSR, nodeOps, normalizeContainer, parseEventName, patchClass, patchProp, patchStyle, render, resolveTransitionProps, setVarsOnNode, shouldSetAsProp, shouldSetAsPropForVueCE, svgNS, unsafeToTrustedHTML, useCssModule, useCssVars, useHost, useShadowRoot, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, withKeys, withModifiers, xlinkNS };