@vuact/runtime-dom 3.5.13-vuact.2 → 3.5.16-vuact.0

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

@@ -1,5 +1,5 @@
 /**
-* @vuactjs/runtime-dom v3.5.13
+* @vue/runtime-dom v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -409,7 +409,7 @@ class EffectScope {
   off() {
     if (this._on > 0 && --this._on === 0) {
       activeEffectScope = this.prevScope;
-      this.prevScope = undefined;
+      this.prevScope = void 0;
     }
   }
   stop(fromParent) {
@@ -437,7 +437,7 @@ class EffectScope {
           last.index = this.index;
         }
       }
-      this.parent = undefined;
+      this.parent = void 0;
     }
   }
 }
@@ -465,11 +465,11 @@ class ReactiveEffect {
     /**
      * @internal
      */
-    this.deps = undefined;
+    this.deps = void 0;
     /**
      * @internal
      */
-    this.depsTail = undefined;
+    this.depsTail = void 0;
     /**
      * @internal
      */
@@ -477,12 +477,12 @@ class ReactiveEffect {
     /**
      * @internal
      */
-    this.next = undefined;
+    this.next = void 0;
     /**
      * @internal
      */
-    this.cleanup = undefined;
-    this.scheduler = undefined;
+    this.cleanup = void 0;
+    this.scheduler = void 0;
     if (activeEffectScope && activeEffectScope.active) {
       activeEffectScope.effects.push(this);
     }
@@ -540,7 +540,7 @@ class ReactiveEffect {
       for (let link = this.deps; link; link = link.nextDep) {
         removeSub(link);
       }
-      this.deps = this.depsTail = undefined;
+      this.deps = this.depsTail = void 0;
       cleanupEffect(this);
       this.onStop && this.onStop();
       this.flags &= -2;
@@ -589,10 +589,10 @@ function endBatch() {
   }
   if (batchedComputed) {
     let e = batchedComputed;
-    batchedComputed = undefined;
+    batchedComputed = void 0;
     while (e) {
       const next = e.next;
-      e.next = undefined;
+      e.next = void 0;
       e.flags &= -9;
       e = next;
     }
@@ -600,10 +600,10 @@ function endBatch() {
   let error;
   while (batchedSub) {
     let e = batchedSub;
-    batchedSub = undefined;
+    batchedSub = void 0;
     while (e) {
       const next = e.next;
-      e.next = undefined;
+      e.next = void 0;
       e.flags &= -9;
       if (e.flags & 1) {
         try {
@@ -639,7 +639,7 @@ function cleanupDeps(sub) {
       head = link;
     }
     link.dep.activeLink = link.prevActiveLink;
-    link.prevActiveLink = undefined;
+    link.prevActiveLink = void 0;
     link = prev;
   }
   sub.deps = head;
@@ -665,12 +665,11 @@ function refreshComputed(computed) {
     return;
   }
   computed.globalVersion = globalVersion;
-  const dep = computed.dep;
-  computed.flags |= 2;
-  if (dep.version > 0 && !computed.isSSR && computed.deps && !isDirty(computed)) {
-    computed.flags &= -3;
+  if (!computed.isSSR && computed.flags & 128 && (!computed.deps && !computed._dirty || !isDirty(computed))) {
     return;
   }
+  computed.flags |= 2;
+  const dep = computed.dep;
   const prevSub = activeSub;
   const prevShouldTrack = shouldTrack;
   activeSub = computed;
@@ -679,6 +678,7 @@ function refreshComputed(computed) {
     prepareDeps(computed);
     const value = computed.fn(computed._value);
     if (dep.version === 0 || hasChanged(value, computed._value)) {
+      computed.flags |= 128;
       computed._value = value;
       dep.version++;
     }
@@ -696,11 +696,11 @@ function removeSub(link, soft = false) {
   const { dep, prevSub, nextSub } = link;
   if (prevSub) {
     prevSub.nextSub = nextSub;
-    link.prevSub = undefined;
+    link.prevSub = void 0;
   }
   if (nextSub) {
     nextSub.prevSub = prevSub;
-    link.nextSub = undefined;
+    link.nextSub = void 0;
   }
   if (dep.subsHead === link) {
     dep.subsHead = nextSub;
@@ -722,11 +722,11 @@ function removeDep(link) {
   const { prevDep, nextDep } = link;
   if (prevDep) {
     prevDep.nextDep = nextDep;
-    link.prevDep = undefined;
+    link.prevDep = void 0;
   }
   if (nextDep) {
     nextDep.prevDep = prevDep;
-    link.nextDep = undefined;
+    link.nextDep = void 0;
   }
 }
 function effect(fn, options) {
@@ -758,14 +758,14 @@ function pauseTracking() {
 }
 function resetTracking() {
   const last = trackStack.pop();
-  shouldTrack = last === undefined ? true : last;
+  shouldTrack = last === void 0 ? true : last;
 }
 function cleanupEffect(e) {
   const { cleanup } = e;
-  e.cleanup = undefined;
+  e.cleanup = void 0;
   if (cleanup) {
     const prevSub = activeSub;
-    activeSub = undefined;
+    activeSub = void 0;
     try {
       cleanup();
     } finally {
@@ -780,7 +780,7 @@ class Link {
     this.sub = sub;
     this.dep = dep;
     this.version = dep.version;
-    this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = undefined;
+    this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
   }
 }
 class Dep {
@@ -790,22 +790,22 @@ class Dep {
     /**
      * Link between this dep and the current active effect
      */
-    this.activeLink = undefined;
+    this.activeLink = void 0;
     /**
      * Doubly linked list representing the subscribing effects (tail)
      */
-    this.subs = undefined;
+    this.subs = void 0;
     /**
      * For object property deps cleanup
      */
-    this.map = undefined;
-    this.key = undefined;
+    this.map = void 0;
+    this.key = void 0;
     /**
      * Subscriber counter
      */
     this.sc = 0;
     {
-      this.subsHead = undefined;
+      this.subsHead = void 0;
     }
   }
   track(debugInfo) {
@@ -813,7 +813,7 @@ class Dep {
       return;
     }
     let link = this.activeLink;
-    if (link === undefined || link.sub !== activeSub) {
+    if (link === void 0 || link.sub !== activeSub) {
       link = this.activeLink = new Link(activeSub, this);
       if (!activeSub.deps) {
         activeSub.deps = activeSub.depsTail = link;
@@ -832,7 +832,7 @@ class Dep {
           link.prevDep.nextDep = next;
         }
         link.prevDep = activeSub.depsTail;
-        link.nextDep = undefined;
+        link.nextDep = void 0;
         activeSub.depsTail.nextDep = link;
         activeSub.depsTail = link;
         if (activeSub.deps === link) {
@@ -900,7 +900,7 @@ function addSub(link) {
       link.prevSub = currentTail;
       if (currentTail) currentTail.nextSub = link;
     }
-    if (link.dep.subsHead === undefined) {
+    if (link.dep.subsHead === void 0) {
       link.dep.subsHead = link;
     }
     link.dep.subs = link;
@@ -971,7 +971,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         }
       });
     } else {
-      if (key !== undefined || depsMap.has(undefined)) {
+      if (key !== void 0 || depsMap.has(void 0)) {
         run(depsMap.get(key));
       }
       if (isArrayIndex) {
@@ -1038,7 +1038,7 @@ const arrayInstrumentations = {
     });
   },
   every(fn, thisArg) {
-    return apply(this, "every", fn, thisArg, undefined, arguments);
+    return apply(this, "every", fn, thisArg, void 0, arguments);
   },
   filter(fn, thisArg) {
     return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive), arguments);
@@ -1047,17 +1047,17 @@ const arrayInstrumentations = {
     return apply(this, "find", fn, thisArg, toReactive, arguments);
   },
   findIndex(fn, thisArg) {
-    return apply(this, "findIndex", fn, thisArg, undefined, arguments);
+    return apply(this, "findIndex", fn, thisArg, void 0, arguments);
   },
   findLast(fn, thisArg) {
     return apply(this, "findLast", fn, thisArg, toReactive, arguments);
   },
   findLastIndex(fn, thisArg) {
-    return apply(this, "findLastIndex", fn, thisArg, undefined, arguments);
+    return apply(this, "findLastIndex", fn, thisArg, void 0, arguments);
   },
   // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement
   forEach(fn, thisArg) {
-    return apply(this, "forEach", fn, thisArg, undefined, arguments);
+    return apply(this, "forEach", fn, thisArg, void 0, arguments);
   },
   includes(...args) {
     return searchProxy(this, "includes", args);
@@ -1073,7 +1073,7 @@ const arrayInstrumentations = {
     return searchProxy(this, "lastIndexOf", args);
   },
   map(fn, thisArg) {
-    return apply(this, "map", fn, thisArg, undefined, arguments);
+    return apply(this, "map", fn, thisArg, void 0, arguments);
   },
   pop() {
     return noTracking(this, "pop");
@@ -1092,7 +1092,7 @@ const arrayInstrumentations = {
   },
   // slice could use ARRAY_ITERATE but also seems to beg for range tracking
   some(fn, thisArg) {
-    return apply(this, "some", fn, thisArg, undefined, arguments);
+    return apply(this, "some", fn, thisArg, void 0, arguments);
   },
   splice(...args) {
     return noTracking(this, "splice", args);
@@ -1297,7 +1297,7 @@ class MutableReactiveHandler extends BaseReactiveHandler {
     const oldValue = target[key];
     const result = Reflect.deleteProperty(target, key);
     if (result && hadKey) {
-      trigger(target, "delete", key, undefined, oldValue);
+      trigger(target, "delete", key, void 0, oldValue);
     }
     return result;
   }
@@ -1386,7 +1386,7 @@ function createReadonlyMethod(type) {
         toRaw(this)
       );
     }
-    return type === "delete" ? false : type === "clear" ? undefined : this;
+    return type === "delete" ? false : type === "clear" ? void 0 : this;
   };
 }
 function createInstrumentations(readonly, shallow) {
@@ -1492,10 +1492,10 @@ function createInstrumentations(readonly, shallow) {
         } else {
           checkIdentityKeys(target, has, key);
         }
-        const oldValue = get ? get.call(target, key) : undefined;
+        const oldValue = get ? get.call(target, key) : void 0;
         const result = target.delete(key);
         if (hadKey) {
-          trigger(target, "delete", key, undefined, oldValue);
+          trigger(target, "delete", key, void 0, oldValue);
         }
         return result;
       },
@@ -1508,8 +1508,8 @@ function createInstrumentations(readonly, shallow) {
           trigger(
             target,
             "clear",
-            undefined,
-            undefined,
+            void 0,
+            void 0,
             oldTarget
           );
         }
@@ -1641,14 +1641,14 @@ function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandl
   if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
     return target;
   }
-  const existingProxy = proxyMap.get(target);
-  if (existingProxy) {
-    return existingProxy;
-  }
   const targetType = getTargetType(target);
   if (targetType === 0 /* INVALID */) {
     return target;
   }
+  const existingProxy = proxyMap.get(target);
+  if (existingProxy) {
+    return existingProxy;
+  }
   const proxy = new Proxy(
     target,
     targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers
@@ -1773,7 +1773,7 @@ function proxyRefs(objectWithRefs) {
 class CustomRefImpl {
   constructor(factory) {
     this["__v_isRef"] = true;
-    this._value = undefined;
+    this._value = void 0;
     const dep = this.dep = new Dep();
     const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep));
     this._get = get;
@@ -1805,11 +1805,11 @@ class ObjectRefImpl {
     this._key = _key;
     this._defaultValue = _defaultValue;
     this["__v_isRef"] = true;
-    this._value = undefined;
+    this._value = void 0;
   }
   get value() {
     const val = this._object[this._key];
-    return this._value = val === undefined ? this._defaultValue : val;
+    return this._value = val === void 0 ? this._defaultValue : val;
   }
   set value(newVal) {
     this._object[this._key] = newVal;
@@ -1823,7 +1823,7 @@ class GetterRefImpl {
     this._getter = _getter;
     this["__v_isRef"] = true;
     this["__v_isReadonly"] = true;
-    this._value = undefined;
+    this._value = void 0;
   }
   get value() {
     return this._value = this._getter();
@@ -1852,7 +1852,7 @@ class ComputedRefImpl {
     /**
      * @internal
      */
-    this._value = undefined;
+    this._value = void 0;
     /**
      * @internal
      */
@@ -1866,11 +1866,11 @@ class ComputedRefImpl {
     /**
      * @internal
      */
-    this.deps = undefined;
+    this.deps = void 0;
     /**
      * @internal
      */
-    this.depsTail = undefined;
+    this.depsTail = void 0;
     /**
      * @internal
      */
@@ -1882,7 +1882,7 @@ class ComputedRefImpl {
     /**
      * @internal
      */
-    this.next = undefined;
+    this.next = void 0;
     // for backwards compat
     this.effect = this;
     this["__v_isReadonly"] = !setter;
@@ -1950,7 +1950,7 @@ const TriggerOpTypes = {
 
 const INITIAL_WATCHER_VALUE = {};
 const cleanupMap = /* @__PURE__ */ new WeakMap();
-let activeWatcher = undefined;
+let activeWatcher = void 0;
 function getCurrentWatcher() {
   return activeWatcher;
 }
@@ -2071,11 +2071,11 @@ function watch$1(source, cb, options = EMPTY_OBJ) {
             oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
             boundCleanup
           ];
+          oldValue = newValue;
           call ? call(cb, 3, args) : (
             // @ts-expect-error
             cb(...args)
           );
-          oldValue = newValue;
         } finally {
           activeWatcher = currentWatcher;
         }
@@ -2178,7 +2178,7 @@ function warn$1(msg, ...args) {
         // eslint-disable-next-line no-restricted-syntax
         msg + args.map((a) => {
           var _a, _b;
-          return (_b = (_a = a.toString) == null ? undefined : _a.call(a)) != null ? _b : JSON.stringify(a);
+          return (_b = (_a = a.toString) == null ? void 0 : _a.call(a)) != null ? _b : JSON.stringify(a);
         }).join(""),
         instance && instance.proxy,
         trace.map(
@@ -2267,7 +2267,7 @@ function formatProp(key, value, raw) {
   }
 }
 function assertNumber(val, type) {
-  if (val === undefined) {
+  if (val === void 0) {
     return;
   } else if (typeof val !== "number") {
     warn$1(`${type} is not a valid number - got ${JSON.stringify(val)}.`);
@@ -2733,7 +2733,7 @@ function setDevtoolsHook$1(hook, target) {
     typeof window !== "undefined" && // some envs mock window but not fully
     window.HTMLElement && // also exclude jsdom
     // eslint-disable-next-line no-restricted-syntax
-    !((_b = (_a = window.navigator) == null ? undefined : _a.userAgent) == null ? undefined : _b.includes("jsdom"))
+    !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom"))
   ) {
     const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || [];
     replay.push((newHook) => {
@@ -2781,7 +2781,7 @@ function createDevtoolsComponentHook(hook) {
       hook,
       component.appContext.app,
       component.uid,
-      component.parent ? component.parent.uid : undefined,
+      component.parent ? component.parent.uid : void 0,
       component
     );
   };
@@ -2876,7 +2876,7 @@ function withDirectives(vnode, directives) {
         dir,
         instance,
         value,
-        oldValue: undefined,
+        oldValue: void 0,
         arg,
         modifiers
       });
@@ -3000,15 +3000,16 @@ const TeleportImpl = {
         updateCssVars(n2, true);
       }
       if (isTeleportDeferred(n2.props)) {
+        n2.el.__isMounted = false;
         queuePostRenderEffect(() => {
           mountToTarget();
-          n2.el.__isMounted = true;
+          delete n2.el.__isMounted;
         }, parentSuspense);
       } else {
         mountToTarget();
       }
     } else {
-      if (isTeleportDeferred(n2.props) && !n1.el.__isMounted) {
+      if (isTeleportDeferred(n2.props) && n1.el.__isMounted === false) {
         queuePostRenderEffect(() => {
           TeleportImpl.process(
             n1,
@@ -3022,7 +3023,6 @@ const TeleportImpl = {
             optimized,
             internals
           );
-          delete n1.el.__isMounted;
         }, parentSuspense);
         return;
       }
@@ -3049,7 +3049,7 @@ const TeleportImpl = {
           namespace,
           slotScopeIds
         );
-        traverseStaticChildren(n1, n2, true);
+        traverseStaticChildren(n1, n2, false);
       } else if (!optimized) {
         patchChildren(
           n1,
@@ -3348,7 +3348,7 @@ const BaseTransitionImpl = {
               instance.update();
             }
             delete leavingHooks.afterLeave;
-            oldInnerChild = undefined;
+            oldInnerChild = void 0;
           };
           return emptyPlaceholder(child);
         } else if (mode === "in-out" && innerChild.type !== Comment) {
@@ -3360,21 +3360,21 @@ const BaseTransitionImpl = {
             leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
             el[leaveCbKey] = () => {
               earlyRemove();
-              el[leaveCbKey] = undefined;
+              el[leaveCbKey] = void 0;
               delete enterHooks.delayedLeave;
-              oldInnerChild = undefined;
+              oldInnerChild = void 0;
             };
             enterHooks.delayedLeave = () => {
               delayedLeave();
               delete enterHooks.delayedLeave;
-              oldInnerChild = undefined;
+              oldInnerChild = void 0;
             };
           };
         } else {
-          oldInnerChild = undefined;
+          oldInnerChild = void 0;
         }
       } else if (oldInnerChild) {
-        oldInnerChild = undefined;
+        oldInnerChild = void 0;
       }
       return child;
     };
@@ -3495,7 +3495,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
         if (hooks.delayedLeave) {
           hooks.delayedLeave();
         }
-        el[enterCbKey$1] = undefined;
+        el[enterCbKey$1] = void 0;
       };
       if (hook) {
         callAsyncHook(hook, [el, done]);
@@ -3525,7 +3525,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
         } else {
           callHook(onAfterLeave, [el]);
         }
-        el[leaveCbKey] = undefined;
+        el[leaveCbKey] = void 0;
         if (leavingVNodesCache[key2] === vnode) {
           delete leavingVNodesCache[key2];
         }
@@ -3781,10 +3781,10 @@ const logMismatchError = () => {
 const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
 const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
 const getContainerType = (container) => {
-  if (container.nodeType !== 1) return undefined;
+  if (container.nodeType !== 1) return void 0;
   if (isSVGContainer(container)) return "svg";
   if (isMathMLContainer(container)) return "mathml";
-  return undefined;
+  return void 0;
 };
 const isComment = (node) => node.nodeType === 8;
 function createHydrationFunctions(rendererInternals) {
@@ -4010,6 +4010,8 @@ function createHydrationFunctions(rendererInternals) {
         ) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear;
         const content = el.content.firstChild;
         if (needCallTransitionHooks) {
+          const cls = content.getAttribute("class");
+          if (cls) content.$cls = cls;
           transition.beforeEnter(content);
         }
         replaceNode(content, el, parentComponent);
@@ -4074,7 +4076,7 @@ Server rendered element contains more child nodes than client vdom.`
             }
             if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
             key[0] === "." || isCustomElement) {
-              patchProp(el, key, null, props[key], undefined, parentComponent);
+              patchProp(el, key, null, props[key], void 0, parentComponent);
             }
           }
         }
@@ -4262,7 +4264,12 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.getAttribute("class");
+    if (el.$cls) {
+      actual = el.$cls;
+      delete el.$cls;
+    } else {
+      actual = el.getAttribute("class");
+    }
     expected = normalizeClass(clientValue);
     if (!isSetEqual(toClassSet(actual || ""), toClassSet(expected))) {
       mismatchType = 2 /* CLASS */;
@@ -4557,14 +4564,25 @@ function defineAsyncComponent(source) {
     name: "AsyncComponentWrapper",
     __asyncLoader: load,
     __asyncHydrate(el, instance, hydrate) {
+      let patched = false;
       const doHydrate = hydrateStrategy ? () => {
+        const performHydrate = () => {
+          if (patched) {
+            warn$1(
+              `Skipping lazy hydration for component '${getComponentName(resolvedComp)}': it was updated before lazy hydration performed.`
+            );
+            return;
+          }
+          hydrate();
+        };
         const teardown = hydrateStrategy(
-          hydrate,
+          performHydrate,
           (cb) => forEachElement(el, cb)
         );
         if (teardown) {
           (instance.bum || (instance.bum = [])).push(teardown);
         }
+        (instance.u || (instance.u = [])).push(() => patched = true);
       } : hydrate;
       if (resolvedComp) {
         doHydrate();
@@ -4734,6 +4752,9 @@ const KeepAliveImpl = {
       {
         devtoolsComponentAdded(instance2);
       }
+      {
+        instance2.__keepAliveStorageContainer = storageContainer;
+      }
     };
     function unmount(vnode) {
       resetShapeFlag(vnode);
@@ -5024,16 +5045,18 @@ function renderList(source, renderItem, cache, index) {
   if (sourceIsArray || isString(source)) {
     const sourceIsReactiveArray = sourceIsArray && isReactive(source);
     let needsWrap = false;
+    let isReadonlySource = false;
     if (sourceIsReactiveArray) {
       needsWrap = !isShallow(source);
+      isReadonlySource = isReadonly(source);
       source = shallowReadArray(source);
     }
     ret = new Array(source.length);
     for (let i = 0, l = source.length; i < l; i++) {
       ret[i] = renderItem(
-        needsWrap ? toReactive(source[i]) : source[i],
+        needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i],
         i,
-        undefined,
+        void 0,
         cached && cached[i]
       );
     }
@@ -5043,13 +5066,13 @@ function renderList(source, renderItem, cache, index) {
     }
     ret = new Array(source);
     for (let i = 0; i < source; i++) {
-      ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]);
+      ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
     }
   } else if (isObject(source)) {
     if (source[Symbol.iterator]) {
       ret = Array.from(
         source,
-        (item, i) => renderItem(item, i, undefined, cached && cached[i])
+        (item, i) => renderItem(item, i, void 0, cached && cached[i])
       );
     } else {
       const keys = Object.keys(source);
@@ -5192,7 +5215,7 @@ const PublicInstanceProxyHandlers = {
     let normalizedProps;
     if (key[0] !== "$") {
       const n = accessCache[key];
-      if (n !== undefined) {
+      if (n !== void 0) {
         switch (n) {
           case 1 /* SETUP */:
             return setupState[key];
@@ -5937,8 +5960,8 @@ function createAppContext() {
       performance: false,
       globalProperties: {},
       optionMergeStrategies: {},
-      errorHandler: undefined,
-      warnHandler: undefined,
+      errorHandler: void 0,
+      warnHandler: void 0,
       compilerOptions: {}
     },
     mixins: [],
@@ -6049,15 +6072,13 @@ function createAppAPI(render, hydrate) {
           if (namespace === true) {
             namespace = "svg";
           } else if (namespace === false) {
-            namespace = undefined;
+            namespace = void 0;
           }
           {
             context.reload = () => {
-              render(
-                cloneVNode(vnode),
-                rootContainer,
-                namespace
-              );
+              const cloned = cloneVNode(vnode);
+              cloned.el = null;
+              render(cloned, rootContainer, namespace);
             };
           }
           if (isHydrate && hydrate) {
@@ -6107,9 +6128,15 @@ If you want to remount the same app, move your app creation logic into a factory
       },
       provide(key, value) {
         if (key in context.provides) {
-          warn$1(
-            `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
-          );
+          if (hasOwn(context.provides, key)) {
+            warn$1(
+              `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
+            );
+          } else {
+            warn$1(
+              `App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`
+            );
+          }
         }
         context.provides[key] = value;
         return app;
@@ -6146,7 +6173,7 @@ function provide(key, value) {
 function inject(key, defaultValue, treatDefaultAsFactory = false) {
   const instance = currentInstance || currentRenderingInstance;
   if (instance || currentApp) {
-    const provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : undefined;
+    let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : void 0;
     if (provides && key in provides) {
       return provides[key];
     } else if (arguments.length > 1) {
@@ -6173,7 +6200,7 @@ function initProps(instance, rawProps, isStateful, isSSR = false) {
   setFullProps(instance, rawProps, props, attrs);
   for (const key in instance.propsOptions[0]) {
     if (!(key in props)) {
-      props[key] = undefined;
+      props[key] = void 0;
     }
   }
   {
@@ -6256,13 +6283,13 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
       ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) {
         if (options) {
           if (rawPrevProps && // for camelCase
-          (rawPrevProps[key] !== undefined || // for kebab-case
-          rawPrevProps[kebabKey] !== undefined)) {
+          (rawPrevProps[key] !== void 0 || // for kebab-case
+          rawPrevProps[kebabKey] !== void 0)) {
             props[key] = resolvePropValue(
               options,
               rawCurrentProps,
               key,
-              undefined,
+              void 0,
               instance,
               true
             );
@@ -6334,7 +6361,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
   const opt = options[key];
   if (opt != null) {
     const hasDefault = hasOwn(opt, "default");
-    if (hasDefault && value === undefined) {
+    if (hasDefault && value === void 0) {
       const defaultValue = opt.default;
       if (opt.type !== Function && !opt.skipFactory && isFunction(defaultValue)) {
         const { propsDefaults } = instance;
@@ -6580,7 +6607,7 @@ const normalizeSlot = (key, rawSlot, ctx) => {
     return rawSlot;
   }
   const normalized = withCtx((...args) => {
-    if (currentInstance && (!ctx || ctx.root === currentInstance.root)) {
+    if (currentInstance && !(ctx === null && currentRenderingInstance) && !(ctx && ctx.root !== currentInstance.root)) {
       warn$1(
         `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
       );
@@ -6619,7 +6646,7 @@ const normalizeVNodeSlots = (instance, children) => {
 };
 const assignSlots = (slots, children, optimized) => {
   for (const key in children) {
-    if (optimized || key !== "_") {
+    if (optimized || !isInternalKey(key)) {
       slots[key] = children[key];
     }
   }
@@ -6701,7 +6728,7 @@ function endMeasure(instance, type) {
   }
 }
 function isSupported() {
-  if (supported !== undefined) {
+  if (supported !== void 0) {
     return supported;
   }
   if (typeof window !== "undefined" && window.performance) {
@@ -6740,7 +6767,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     setScopeId: hostSetScopeId = NOOP,
     insertStaticContent: hostInsertStaticContent
   } = options;
-  const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, namespace = undefined, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => {
+  const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, namespace = void 0, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => {
     if (n1 === n2) {
       return;
     }
@@ -7143,7 +7170,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
         // which also requires the correct parent container
         !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
-        oldVNode.shapeFlag & (6 | 64)) ? hostParentNode(oldVNode.el) : (
+        oldVNode.shapeFlag & (6 | 64 | 128)) ? hostParentNode(oldVNode.el) : (
           // In other cases, the parent container is not actually used so we
           // just pass the block element here to avoid a DOM parentNode call.
           fallbackContainer
@@ -7305,8 +7332,8 @@ function baseCreateRenderer(options, createHydrationFns) {
         endMeasure(instance, `init`);
       }
     }
+    if (isHmrUpdating) initialVNode.el = null;
     if (instance.asyncDep) {
-      if (isHmrUpdating) initialVNode.el = null;
       parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
       if (!initialVNode.el) {
         const placeholder = instance.subTree = createVNode(Comment);
@@ -7535,8 +7562,8 @@ function baseCreateRenderer(options, createHydrationFns) {
     effect.scheduler = () => queueJob(job);
     toggleRecurse(instance, true);
     {
-      effect.onTrack = instance.rtc ? (e) => invokeArrayFns(instance.rtc, e) : undefined;
-      effect.onTrigger = instance.rtg ? (e) => invokeArrayFns(instance.rtg, e) : undefined;
+      effect.onTrack = instance.rtc ? (e) => invokeArrayFns(instance.rtc, e) : void 0;
+      effect.onTrigger = instance.rtg ? (e) => invokeArrayFns(instance.rtg, e) : void 0;
     }
     update();
   };
@@ -7783,7 +7810,7 @@ function baseCreateRenderer(options, createHydrationFns) {
             }
           }
         }
-        if (newIndex === undefined) {
+        if (newIndex === void 0) {
           unmount(prevChild, parentComponent, parentSuspense, true);
         } else {
           newIndexToOldIndexMap[newIndex - s2] = i + 1;
@@ -7868,7 +7895,13 @@ function baseCreateRenderer(options, createHydrationFns) {
         queuePostRenderEffect(() => transition.enter(el), parentSuspense);
       } else {
         const { leave, delayLeave, afterLeave } = transition;
-        const remove2 = () => hostInsert(el, container, anchor);
+        const remove2 = () => {
+          if (vnode.ctx.isUnmounted) {
+            hostRemove(el);
+          } else {
+            hostInsert(el, container, anchor);
+          }
+        };
         const performLeave = () => {
           leave(el, () => {
             remove2();
@@ -7901,10 +7934,12 @@ function baseCreateRenderer(options, createHydrationFns) {
       optimized = false;
     }
     if (ref != null) {
+      pauseTracking();
       setRef(ref, null, parentSuspense, vnode, true);
+      resetTracking();
     }
     if (cacheIndex != null) {
-      parentComponent.renderCache[cacheIndex] = undefined;
+      parentComponent.renderCache[cacheIndex] = void 0;
     }
     if (shapeFlag & 256) {
       parentComponent.ctx.deactivate(vnode);
@@ -8013,12 +8048,27 @@ function baseCreateRenderer(options, createHydrationFns) {
     if (instance.type.__hmrId) {
       unregisterHMR(instance);
     }
-    const { bum, scope, job, subTree, um, m, a } = instance;
+    const {
+      bum,
+      scope,
+      job,
+      subTree,
+      um,
+      m,
+      a,
+      parent,
+      slots: { __: slotCacheKeys }
+    } = instance;
     invalidateMount(m);
     invalidateMount(a);
     if (bum) {
       invokeArrayFns(bum);
     }
+    if (parent && isArray(slotCacheKeys)) {
+      slotCacheKeys.forEach((v) => {
+        parent.renderCache[v] = void 0;
+      });
+    }
     scope.stop();
     if (job) {
       job.flags |= 8;
@@ -8107,7 +8157,7 @@ function baseCreateRenderer(options, createHydrationFns) {
   };
 }
 function resolveChildrenNamespace({ type, props }, currentNamespace) {
-  return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? undefined : currentNamespace;
+  return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? void 0 : currentNamespace;
 }
 function toggleRecurse({ effect, job }, allowed) {
   if (allowed) {
@@ -8142,6 +8192,9 @@ function traverseStaticChildren(n1, n2, shallow = false) {
       if (c2.type === Comment && !c2.el) {
         c2.el = c1.el;
       }
+      {
+        c2.el && (c2.el.__vnode = c2);
+      }
     }
   }
 }
@@ -8243,17 +8296,17 @@ function watch(source, cb, options) {
 function doWatch(source, cb, options = EMPTY_OBJ) {
   const { immediate, deep, flush, once } = options;
   if (!cb) {
-    if (immediate !== undefined) {
+    if (immediate !== void 0) {
       warn$1(
         `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
       );
     }
-    if (deep !== undefined) {
+    if (deep !== void 0) {
       warn$1(
         `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
       );
     }
-    if (once !== undefined) {
+    if (once !== void 0) {
       warn$1(
         `watch() "once" option is only respected when using the watch(source, callback, options?) signature.`
       );
@@ -8496,7 +8549,7 @@ function emit(instance, event, ...rawArgs) {
 function normalizeEmitsOptions(comp, appContext, asMixin = false) {
   const cache = appContext.emitsCache;
   const cached = cache.get(comp);
-  if (cached !== undefined) {
+  if (cached !== void 0) {
     return cached;
   }
   const raw = comp.emits;
@@ -8626,7 +8679,7 @@ function renderComponentRoot(instance) {
     result = createVNode(Comment);
   }
   let root = result;
-  let setRoot = undefined;
+  let setRoot = void 0;
   if (result.patchFlag > 0 && result.patchFlag & 2048) {
     [root, setRoot] = getChildRoot(result);
   }
@@ -8699,7 +8752,7 @@ const getChildRoot = (vnode) => {
   const dynamicChildren = vnode.dynamicChildren;
   const childRoot = filterSingleRoot(rawChildren, false);
   if (!childRoot) {
-    return [vnode, undefined];
+    return [vnode, void 0];
   } else if (childRoot.patchFlag > 0 && childRoot.patchFlag & 2048) {
     return getChildRoot(childRoot);
   }
@@ -9116,7 +9169,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
       parentSuspense.deps++;
     }
   }
-  const timeout = vnode.props ? toNumber(vnode.props.timeout) : undefined;
+  const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;
   {
     assertNumber(timeout, `Suspense timeout`);
   }
@@ -9949,8 +10002,8 @@ function setupComponent(instance, isSSR = false, optimized = false) {
   const { props, children } = instance.vnode;
   const isStateful = isStatefulComponent(instance);
   initProps(instance, props, isStateful, isSSR);
-  initSlots(instance, children, optimized);
-  const setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : undefined;
+  initSlots(instance, children, optimized || isSSR);
+  const setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : void 0;
   isSSR && setInSSRSetupState(false);
   return setupResult;
 }
@@ -10048,7 +10101,7 @@ function handleSetupResult(instance, setupResult, isSSR) {
     {
       exposeSetupStateOnRenderContext(instance);
     }
-  } else if (setupResult !== undefined) {
+  } else if (setupResult !== void 0) {
     warn$1(
       `setup() should return an object. Received: ${setupResult === null ? "null" : typeof setupResult}`
     );
@@ -10280,13 +10333,15 @@ function initCustomFormatter() {
       if (obj.__isVue) {
         return ["div", vueStyle, `VueInstance`];
       } else if (isRef(obj)) {
+        pauseTracking();
+        const value = obj.value;
+        resetTracking();
         return [
           "div",
           {},
           ["span", vueStyle, genRefFlag(obj)],
           "<",
-          // avoid debugger accessing value affecting behavior
-          formatValue("_value" in obj ? obj._value : obj),
+          formatValue(value),
           `>`
         ];
       } else if (isReactive(obj)) {
@@ -10467,7 +10522,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.13";
+const version = "3.5.16";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -10489,7 +10544,7 @@ const resolveFilter = null;
 const compatUtils = null;
 const DeprecationTypes = null;
 
-let policy = undefined;
+let policy = void 0;
 const tt = typeof window !== "undefined" && window.trustedTypes;
 if (tt) {
   try {
@@ -10715,11 +10770,11 @@ function resolveTransitionProps(rawProps) {
       callHook(onLeave, [el, resolve]);
     },
     onEnterCancelled(el) {
-      finishEnter(el, false, undefined, true);
+      finishEnter(el, false, void 0, true);
       callHook(onEnterCancelled, [el]);
     },
     onAppearCancelled(el) {
-      finishEnter(el, true, undefined, true);
+      finishEnter(el, true, void 0, true);
       callHook(onAppearCancelled, [el]);
     },
     onLeaveCancelled(el) {
@@ -10755,7 +10810,7 @@ function removeTransitionClass(el, cls) {
   if (_vtc) {
     _vtc.delete(cls);
     if (!_vtc.size) {
-      el[vtcKey] = undefined;
+      el[vtcKey] = void 0;
     }
   }
 }
@@ -11180,7 +11235,7 @@ function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
       addEventListener(el, name, invoker, options);
     } else if (existingInvoker) {
       removeEventListener(el, name, existingInvoker, options);
-      invokers[rawName] = undefined;
+      invokers[rawName] = void 0;
     }
   }
 }
@@ -11285,7 +11340,7 @@ function shouldSetAsProp(el, key, value, isSVG) {
     }
     return false;
   }
-  if (key === "spellcheck" || key === "draggable" || key === "translate") {
+  if (key === "spellcheck" || key === "draggable" || key === "translate" || key === "autocorrect") {
     return false;
   }
   if (key === "form") {
@@ -11368,13 +11423,10 @@ class VueElement extends BaseClass {
         this._root = this;
       }
     }
-    if (!this._def.__asyncLoader) {
-      this._resolveProps(this._def);
-    }
   }
   connectedCallback() {
     if (!this.isConnected) return;
-    if (!this.shadowRoot) {
+    if (!this.shadowRoot && !this._resolved) {
       this._parseSlots();
     }
     this._connected = true;
@@ -11387,12 +11439,11 @@ class VueElement extends BaseClass {
     }
     if (!this._instance) {
       if (this._resolved) {
-        this._setParent();
-        this._update();
+        this._mount(this._def);
       } else {
         if (parent && parent._pendingResolve) {
           this._pendingResolve = parent._pendingResolve.then(() => {
-            this._pendingResolve = undefined;
+            this._pendingResolve = void 0;
             this._resolveDef();
           });
         } else {
@@ -11404,7 +11455,15 @@ class VueElement extends BaseClass {
   _setParent(parent = this._parent) {
     if (parent) {
       this._instance.parent = parent._instance;
-      this._instance.provides = parent._instance.provides;
+      this._inheritParentContext(parent);
+    }
+  }
+  _inheritParentContext(parent = this._parent) {
+    if (parent && this._app) {
+      Object.setPrototypeOf(
+        this._app._context.provides,
+        parent._instance.provides
+      );
     }
   }
   disconnectedCallback() {
@@ -11416,7 +11475,7 @@ class VueElement extends BaseClass {
           this._ob = null;
         }
         this._app && this._app.unmount();
-        if (this._instance) this._instance.ce = undefined;
+        if (this._instance) this._instance.ce = void 0;
         this._app = this._instance = null;
       }
     });
@@ -11439,7 +11498,7 @@ class VueElement extends BaseClass {
     this._ob.observe(this, { attributes: true });
     const resolve = (def, isAsync = false) => {
       this._resolved = true;
-      this._pendingResolve = undefined;
+      this._pendingResolve = void 0;
       const { props, styles } = def;
       let numberProps;
       if (props && !isArray(props)) {
@@ -11454,9 +11513,7 @@ class VueElement extends BaseClass {
         }
       }
       this._numberProps = numberProps;
-      if (isAsync) {
-        this._resolveProps(def);
-      }
+      this._resolveProps(def);
       if (this.shadowRoot) {
         this._applyStyles(styles);
       } else if (styles) {
@@ -11480,6 +11537,7 @@ class VueElement extends BaseClass {
       def.name = "VueElement";
     }
     this._app = this._createApp(def);
+    this._inheritParentContext();
     if (def.configureApp) {
       def.configureApp(this._app);
     }
@@ -11564,7 +11622,9 @@ class VueElement extends BaseClass {
     }
   }
   _update() {
-    render(this._createVNode(), this._root);
+    const vnode = this._createVNode();
+    if (this._app) vnode.appContext = this._app._context;
+    render(vnode, this._root);
   }
   _createVNode() {
     const baseProps = {};
@@ -11774,6 +11834,7 @@ const TransitionGroupImpl = /* @__PURE__ */ decorate({
         instance.vnode.el,
         moveClass
       )) {
+        prevChildren = [];
         return;
       }
       prevChildren.forEach(callPendingCbs);
@@ -11797,6 +11858,7 @@ const TransitionGroupImpl = /* @__PURE__ */ decorate({
         };
         el.addEventListener("transitionend", cb);
       });
+      prevChildren = [];
     });
     return () => {
       const rawProps = toRaw(props);