vue 3.5.42 → 3.5.44

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.5.42
+* vue v3.5.44
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -131,10 +131,10 @@ var Vue = (function (exports) {
   }
   const listDelimiterRE = /;(?![^(]*\))/g;
   const propertyDelimiterRE = /:([^]+)/;
-  const styleCommentRE = /\/\*[^]*?\*\//g;
+  const styleCommentRE = /"(?:[^"\\]|\\[^])*"|'(?:[^'\\]|\\[^])*'|\\[^]|\/\*[^]*?\*\//g;
   function parseStringStyle(cssText) {
     const ret = {};
-    cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
+    cssText.replace(styleCommentRE, (match) => match.startsWith("/*") ? "" : match).split(listDelimiterRE).forEach((item) => {
       if (item) {
         const tmp = item.split(propertyDelimiterRE);
         tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
@@ -194,7 +194,7 @@ var Vue = (function (exports) {
   const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
   const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
 
-  const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
+  const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,playsinline,readonly`;
   const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
   const isBooleanAttr = /* @__PURE__ */ makeMap(
     specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`
@@ -224,22 +224,22 @@ var Vue = (function (exports) {
     );
   }
 
-  function looseCompareArrays(a, b) {
+  function looseCompareArrays(a, b, seen) {
     if (a.length !== b.length) return false;
     let equal = true;
     for (let i = 0; equal && i < a.length; i++) {
-      equal = looseEqual(a[i], b[i]);
+      equal = looseEqual(a[i], b[i], seen);
     }
     return equal;
   }
-  function looseCompareCollections(a, b) {
+  function looseCompareCollections(a, b, seen) {
     if (a.size !== b.size) return false;
     const candidates = Array.from(b);
     const matched = new Uint8Array(candidates.length);
     for (const item of a) {
       let index = -1;
       for (let i = 0; i < candidates.length; i++) {
-        if (!matched[i] && looseEqual(item, candidates[i])) {
+        if (!matched[i] && looseEqual(item, candidates[i], seen)) {
           index = i;
           break;
         }
@@ -249,7 +249,47 @@ var Vue = (function (exports) {
     }
     return true;
   }
-  function looseEqual(a, b) {
+  function looseCompareObjects(a, b, seen) {
+    let aValidType = isMap(a);
+    let bValidType = isMap(b);
+    if (aValidType || bValidType) {
+      return aValidType && bValidType ? looseCompareCollections(a, b, seen) : false;
+    }
+    aValidType = isSet(a);
+    bValidType = isSet(b);
+    if (aValidType || bValidType) {
+      return aValidType && bValidType ? looseCompareCollections(a, b, seen) : false;
+    }
+    const aKeysCount = Object.keys(a).length;
+    const bKeysCount = Object.keys(b).length;
+    if (aKeysCount !== bKeysCount) {
+      return false;
+    }
+    for (const key in a) {
+      const aHasKey = a.hasOwnProperty(key);
+      const bHasKey = b.hasOwnProperty(key);
+      if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key], seen)) {
+        return false;
+      }
+    }
+    return String(a) === String(b);
+  }
+  function looseCompareNested(a, b, seen, compare) {
+    if (!seen) {
+      seen = [/* @__PURE__ */ new Map(), /* @__PURE__ */ new Map()];
+    }
+    const [seenA, seenB] = seen;
+    if (seenA.has(a) || seenB.has(b)) {
+      return seenA.get(a) === b && seenB.get(b) === a;
+    }
+    seenA.set(a, b);
+    seenB.set(b, a);
+    const equal = compare(a, b, seen);
+    seenA.delete(a);
+    seenB.delete(b);
+    return equal;
+  }
+  function looseEqual(a, b, seen) {
     if (a === b) return true;
     let aValidType = isDate(a);
     let bValidType = isDate(b);
@@ -264,7 +304,7 @@ var Vue = (function (exports) {
     aValidType = isArray(a);
     bValidType = isArray(b);
     if (aValidType || bValidType) {
-      return aValidType && bValidType ? looseCompareArrays(a, b) : false;
+      return aValidType && bValidType ? looseCompareNested(a, b, seen, looseCompareArrays) : false;
     }
     aValidType = isObject(a);
     bValidType = isObject(b);
@@ -272,28 +312,7 @@ var Vue = (function (exports) {
       if (!aValidType || !bValidType) {
         return false;
       }
-      aValidType = isMap(a);
-      bValidType = isMap(b);
-      if (aValidType || bValidType) {
-        return aValidType && bValidType ? looseCompareCollections(a, b) : false;
-      }
-      aValidType = isSet(a);
-      bValidType = isSet(b);
-      if (aValidType || bValidType) {
-        return aValidType && bValidType ? looseCompareCollections(a, b) : false;
-      }
-      const aKeysCount = Object.keys(a).length;
-      const bKeysCount = Object.keys(b).length;
-      if (aKeysCount !== bKeysCount) {
-        return false;
-      }
-      for (const key in a) {
-        const aHasKey = a.hasOwnProperty(key);
-        const bHasKey = b.hasOwnProperty(key);
-        if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) {
-          return false;
-        }
-      }
+      return looseCompareNested(a, b, seen, looseCompareObjects);
     }
     return String(a) === String(b);
   }
@@ -1094,7 +1113,9 @@ var Vue = (function (exports) {
     const raw = toRaw(array);
     if (raw === array) return raw;
     track(raw, "iterate", ARRAY_ITERATE_KEY);
-    return isShallow(array) ? raw : raw.map(toReactive);
+    if (isShallow(array)) return raw;
+    if (!isReadonly(array)) return raw.map(toReactive);
+    return isReactive(array) ? raw.map((item) => toReadonly(toReactive(item))) : raw.map(toReadonly);
   }
   function shallowReadArray(arr) {
     track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
@@ -1221,19 +1242,41 @@ var Vue = (function (exports) {
   };
   function iterator(self, method, wrapValue) {
     const arr = shallowReadArray(self);
-    const iter = arr[method]();
+    const methodFn = arr[method];
+    const iter = methodFn.call(arr);
     if (arr !== self && !isShallow(self)) {
-      iter._next = iter.next;
-      iter.next = () => {
-        const result = iter._next();
-        if (!result.done) {
-          result.value = wrapValue(result.value);
+      if (iter[Symbol.toStringTag] === "Array Iterator") {
+        const wrapped = Object.create(Object.getPrototypeOf(iter));
+        wrapped.next = () => wrapResult(iter.next(), wrapValue);
+        if (methodFn !== arrayProto[method]) {
+          Object.defineProperties(wrapped, {
+            return: {
+              get() {
+                const fn = iter.return;
+                return typeof fn === "function" ? fn.bind(iter) : fn;
+              }
+            },
+            throw: {
+              get() {
+                const fn = iter.throw;
+                return typeof fn === "function" ? fn.bind(iter) : fn;
+              }
+            }
+          });
         }
-        return result;
-      };
+        return wrapped;
+      }
+      iter._next = iter.next;
+      iter.next = () => wrapResult(iter._next(), wrapValue);
     }
     return iter;
   }
+  function wrapResult(result, wrapValue) {
+    if (!result.done) {
+      result.value = wrapValue(result.value);
+    }
+    return result;
+  }
   const arrayProto = Array.prototype;
   function apply(self, method, fn, thisArg, wrappedRetFn, args) {
     const arr = shallowReadArray(self);
@@ -1656,6 +1699,8 @@ var Vue = (function (exports) {
         return !isReadonly2;
       } else if (key === "__v_isReadonly") {
         return isReadonly2;
+      } else if (key === "__v_isShallow") {
+        return shallow;
       } else if (key === "__v_raw") {
         return target;
       }
@@ -2201,9 +2246,11 @@ var Vue = (function (exports) {
     if (once && cb) {
       const _cb = cb;
       cb = (...args) => {
-        const res = _cb(...args);
-        watchHandle();
-        return res;
+        try {
+          return _cb(...args);
+        } finally {
+          watchHandle();
+        }
       };
     }
     let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
@@ -2214,12 +2261,13 @@ var Vue = (function (exports) {
       if (cb) {
         const newValue = effect.run();
         if (immediateFirstRun || deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
-          if (cleanup) {
-            cleanup();
-          }
           const currentWatcher = activeWatcher;
-          activeWatcher = effect;
+          pauseTracking();
           try {
+            if (cleanup) {
+              cleanup();
+            }
+            activeWatcher = effect;
             const args = [
               newValue,
               // pass undefined as the old value when it's changed for the first time
@@ -2233,6 +2281,7 @@ var Vue = (function (exports) {
             );
           } finally {
             activeWatcher = currentWatcher;
+            resetTracking();
           }
         }
       } else {
@@ -2633,21 +2682,21 @@ var Vue = (function (exports) {
     }
     queueFlush();
   }
-  function flushPreFlushCbs(instance, seen, i = flushIndex + 1) {
+  function flushPreFlushCbs(instance, minUid, seen, i = flushIndex + 1) {
     {
       seen = seen || /* @__PURE__ */ new Map();
     }
     for (; i < queue.length; i++) {
       const cb = queue[i];
       if (cb && cb.flags & 2) {
-        if (instance && cb.id !== instance.uid) {
+        if (instance && cb.id !== instance.uid || minUid !== void 0 && !(cb.id >= minUid)) {
           continue;
         }
         if (checkRecursiveUpdates(seen, cb)) {
           continue;
         }
         queue.splice(i, 1);
-        i--;
+        i = instance ? i - 1 : flushIndex;
         if (cb.flags & 4) {
           cb.flags &= -2;
         }
@@ -2658,12 +2707,23 @@ var Vue = (function (exports) {
       }
     }
   }
-  function flushPostFlushCbs(seen) {
+  function flushPostFlushCbs(seen, skip, minUid = 0) {
     if (pendingPostFlushCbs.length) {
-      const deduped = [...new Set(pendingPostFlushCbs)].sort(
-        (a, b) => getId(a) - getId(b)
-      );
-      pendingPostFlushCbs.length = 0;
+      let cbs = pendingPostFlushCbs;
+      let kept = 0;
+      if (skip) {
+        cbs = [];
+        for (let i = 0; i < pendingPostFlushCbs.length; i++) {
+          const cb = pendingPostFlushCbs[i];
+          if (cb.i !== void 0 ? !cb.i || cb.i.uid < minUid : skip.has(cb)) {
+            pendingPostFlushCbs[kept++] = cb;
+          } else {
+            cbs.push(cb);
+          }
+        }
+      }
+      const deduped = [...new Set(cbs)].sort((a, b) => getId(a) - getId(b));
+      pendingPostFlushCbs.length = kept;
       if (activePostFlushCbs) {
         for (let i = 0; i < deduped.length; i++) {
           activePostFlushCbs.push(deduped[i]);
@@ -2689,6 +2749,22 @@ var Vue = (function (exports) {
       postFlushIndex = 0;
     }
   }
+  let isFlushing = false;
+  function flushOnAppMount(fn, minUid) {
+    if (isFlushing) {
+      fn();
+      return;
+    }
+    const queued = minUid === void 0 ? void 0 : new Set(pendingPostFlushCbs);
+    fn();
+    isFlushing = true;
+    try {
+      flushPreFlushCbs(void 0, minUid);
+      flushPostFlushCbs(void 0, queued, minUid);
+    } finally {
+      isFlushing = false;
+    }
+  }
   const getId = (job) => job.id == null ? job.flags & 2 ? -1 : Infinity : job.id;
   function flushJobs(seen) {
     {
@@ -3169,6 +3245,7 @@ var Vue = (function (exports) {
     let isPre = false;
     if (flush === "post") {
       baseWatchOptions.scheduler = (job) => {
+        job.i = instance;
         queuePostRenderEffect(job, instance && instance.suspense);
       };
     } else if (flush !== "sync") {
@@ -3463,7 +3540,11 @@ var Vue = (function (exports) {
   };
   function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) {
     if (moveType === 0) {
+      if (vnode.targetStart) {
+        insert(vnode.targetStart, container, parentAnchor);
+      }
       insert(vnode.targetAnchor, container, parentAnchor);
+      parentAnchor = vnode.targetAnchor;
     }
     const { el, anchor, shapeFlag, children, props } = vnode;
     const isReorder = moveType === 2;
@@ -3632,10 +3713,6 @@ var Vue = (function (exports) {
     onAfterAppear: TransitionHookValidator,
     onAppearCancelled: TransitionHookValidator
   };
-  const recursiveGetSubtree = (instance) => {
-    const subTree = instance.subTree;
-    return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
-  };
   const BaseTransitionImpl = {
     name: `BaseTransition`,
     props: BaseTransitionPropsValidators,
@@ -3676,7 +3753,7 @@ var Vue = (function (exports) {
           setTransitionHooks(innerChild, enterHooks);
         }
         let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
-        if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && recursiveGetSubtree(instance).type !== Comment) {
+        if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && getTransitionRoot(instance.subTree)) {
           let leavingHooks = resolveTransitionHooks(
             oldInnerChild,
             rawProps,
@@ -3809,8 +3886,15 @@ var Vue = (function (exports) {
           );
         }
         const leavingVNode = leavingVNodesCache[key];
-        if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) {
-          leavingVNode.el[leaveCbKey]();
+        if (leavingVNode && isSameVNodeType(vnode, leavingVNode)) {
+          let leavingCb = leavingVNode.el[leaveCbKey];
+          if (!leavingCb) {
+            const leavingRoot = getTransitionRoot(leavingVNode);
+            leavingCb = leavingRoot && leavingRoot.el[leaveCbKey];
+          }
+          if (leavingCb) {
+            leavingCb();
+          }
         }
         callHook(hook, [el]);
       },
@@ -3938,6 +4022,12 @@ var Vue = (function (exports) {
       vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
     } else {
       vnode.transition = hooks;
+      if (vnode.type === Fragment && isArray(vnode.children)) {
+        const child = filterSingleRoot(vnode.children, false);
+        if (child) {
+          setTransitionHooks(child, hooks);
+        }
+      }
     }
   }
   function getTransitionRawChildren(children, keepComment = false, parentKey) {
@@ -3962,6 +4052,18 @@ var Vue = (function (exports) {
     }
     return ret;
   }
+  function getTransitionRoot(vnode) {
+    if (vnode.component) {
+      return getTransitionRoot(vnode.component.subTree);
+    }
+    if (vnode.type === Fragment) {
+      const child = isArray(vnode.children) && filterSingleRoot(vnode.children, false);
+      return child ? getTransitionRoot(child) : void 0;
+    }
+    if (vnode.type !== Comment) {
+      return vnode;
+    }
+  }
 
   // @__NO_SIDE_EFFECTS__
   function defineComponent(options, extraOptions) {
@@ -4335,13 +4437,15 @@ var Vue = (function (exports) {
               getContainerType(container),
               optimized
             );
-            if (isAsyncWrapper(vnode) && !vnode.component.subTree) {
+            if ((isAsyncWrapper(vnode) || vnode.component.asyncDep) && !vnode.component.subTree) {
               let subTree;
               if (isFragmentStart) {
                 subTree = createVNode(Static);
                 subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
               } else {
-                subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div");
+                subTree = node.nodeType === 3 ? createTextVNode("") : createVNode(
+                  node.nodeType === 8 ? Comment : "div"
+                );
               }
               subTree.el = node;
               vnode.component.subTree = subTree;
@@ -4865,14 +4969,22 @@ Server rendered element contains fewer child nodes than client vdom.`
         break;
       }
     }, opts);
-    forEach((el) => {
-      if (!(el instanceof Element)) return;
+    const observe = (el) => {
       if (elementIsVisibleInViewport(el)) {
         hydrate();
         ob.disconnect();
         return false;
       }
+      if (getComputedStyle(el).display === "contents") {
+        for (let i = 0; i < el.children.length; i++) {
+          if (observe(el.children[i]) === false) return false;
+        }
+      }
       ob.observe(el);
+    };
+    forEach((el) => {
+      if (!(el instanceof Element)) return;
+      return observe(el);
     });
     return () => ob.disconnect();
   };
@@ -5223,6 +5335,7 @@ Server rendered element contains fewer child nodes than client vdom.`
           unmount(cached);
         } else if (current) {
           resetShapeFlag(current);
+          if (cached) resetShapeFlag(cached);
         }
         cache.delete(key);
         keys.delete(key);
@@ -5514,9 +5627,11 @@ If this is a native custom element, make sure to exclude it from component resol
       }
     } else if (typeof source === "number") {
       if (!Number.isInteger(source) || source < 0) {
-        warn$1(
-          `The v-for range expects a positive integer value but got ${source}.`
-        );
+        {
+          warn$1(
+            `The v-for range expects a positive integer value but got ${source}.`
+          );
+        }
         ret = [];
       } else {
         ret = new Array(source);
@@ -7151,7 +7266,7 @@ If you want to remount the same app, move your app creation logic into a factory
     }
     for (let i = 0; i < nextKeys.length; i++) {
       const key = nextKeys[i];
-      if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) {
+      if (!hasOwn(prevProps, key) || hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) {
         return true;
       }
     }
@@ -7778,6 +7893,12 @@ If you want to remount the same app, move your app creation logic into a factory
         optimized = false;
         n2.dynamicChildren = null;
       }
+      if (n2.dynamicChildren && n1 && n1.dynamicChildren && n1.dynamicChildren.hasOnce) {
+        if (n2.dynamicChildren === EMPTY_ARR) {
+          n2.dynamicChildren = [];
+        }
+        n2.dynamicChildren.hasOnce = true;
+      }
       const { type, ref, shapeFlag } = n2;
       switch (type) {
         case Text:
@@ -8184,15 +8305,16 @@ If you want to remount the same app, move your app creation logic into a factory
       for (let i = 0; i < newChildren.length; i++) {
         const oldVNode = oldChildren[i];
         const newVNode = newChildren[i];
+        const oldEl = oldVNode.el || resolveAsyncComponentPlaceholder(oldVNode);
         const container = (
           // oldVNode may be an errored async setup() component inside Suspense
           // which will not have a mounted element
-          oldVNode.el && // - In the case of a Fragment, we need to provide the actual parent
+          oldEl && // - In the case of a Fragment, we need to provide the actual parent
           // of the Fragment itself so it can move its children.
           (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 | 128)) ? hostParentNode(oldVNode.el) : (
+          oldVNode.shapeFlag & (6 | 64 | 128)) ? hostParentNode(oldEl) : (
             // 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
@@ -8356,7 +8478,12 @@ If you want to remount the same app, move your app creation logic into a factory
       }
       if (isHmrUpdating) initialVNode.el = null;
       if (instance.asyncDep) {
-        parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
+        parentSuspense && parentSuspense.registerDep(
+          instance,
+          setupRenderEffect,
+          optimized,
+          namespace
+        );
         if (!initialVNode.el) {
           const placeholder = instance.subTree = createVNode(Comment);
           processCommentNode(null, placeholder, container, anchor);
@@ -8385,6 +8512,8 @@ If you want to remount the same app, move your app creation logic into a factory
           {
             pushWarningContext(n2);
           }
+          n2.el = n1.el;
+          n2.placeholder = n1.placeholder;
           updateComponentPreRender(instance, n2, optimized);
           {
             popWarningContext();
@@ -8396,6 +8525,7 @@ If you want to remount the same app, move your app creation logic into a factory
         }
       } else {
         n2.el = n1.el;
+        n2.placeholder = n1.placeholder;
         instance.vnode = n2;
       }
     };
@@ -8976,7 +9106,7 @@ If you want to remount the same app, move your app creation logic into a factory
         cacheIndex,
         memo
       } = vnode;
-      if (patchFlag === -2) {
+      if (patchFlag === -2 || dynamicChildren && dynamicChildren.hasOnce) {
         optimized = false;
       }
       if (ref != null) {
@@ -8984,7 +9114,7 @@ If you want to remount the same app, move your app creation logic into a factory
         setRef(ref, null, parentSuspense, vnode, true);
         resetTracking();
       }
-      if (cacheIndex != null) {
+      if (cacheIndex != null && (!vnode.ctx || vnode.ctx === parentComponent)) {
         parentComponent.renderCache[cacheIndex] = void 0;
       }
       if (shapeFlag & 256) {
@@ -9049,35 +9179,37 @@ If you want to remount the same app, move your app creation logic into a factory
     };
     const remove = (vnode) => {
       const { type, el, anchor, transition } = vnode;
-      if (type === Fragment) {
-        if (vnode.patchFlag > 0 && vnode.patchFlag & 2048 && transition && !transition.persisted) {
-          vnode.children.forEach((child) => {
-            if (child.type === Comment) {
-              hostRemove(child.el);
-            } else {
-              remove(child);
-            }
-          });
-        } else {
-          removeFragment(el, anchor);
-        }
+      const isFragment = type === Fragment;
+      if (isFragment && !transition) {
+        removeFragment(el, anchor);
         return;
       }
       if (type === Static) {
         removeStaticNode(vnode);
+        if (transition && !transition.persisted && transition.afterLeave) {
+          transition.afterLeave();
+        }
         return;
       }
+      const leavingNode = isFragment ? getTransitionRoot(vnode) : vnode;
       const performRemove = () => {
-        hostRemove(el);
+        if (isFragment) {
+          if (hostParentNode(el)) {
+            removeFragment(el, anchor);
+          }
+        } else {
+          hostRemove(el);
+        }
         if (transition && !transition.persisted && transition.afterLeave) {
           transition.afterLeave();
         }
       };
-      if (vnode.shapeFlag & 1 && transition && !transition.persisted) {
+      if (leavingNode && leavingNode.shapeFlag & 1 && transition && !transition.persisted) {
         const { leave, delayLeave } = transition;
-        const performLeave = () => leave(el, performRemove);
+        const leavingEl = leavingNode.el;
+        const performLeave = () => leave(leavingEl, performRemove);
         if (delayLeave) {
-          delayLeave(vnode.el, performRemove, performLeave);
+          delayLeave(leavingEl, performRemove, performLeave);
         } else {
           performLeave();
         }
@@ -9108,6 +9240,9 @@ If you want to remount the same app, move your app creation logic into a factory
       if (job) {
         job.flags |= 8;
         unmount(subTree, instance, parentSuspense, doRemove);
+      } else if (instance.vnode.el && subTree) {
+        subTree.transition = instance.vnode.transition;
+        unmount(subTree, instance, parentSuspense, doRemove);
       }
       if (um) {
         queuePostRenderEffect(um, parentSuspense);
@@ -9135,32 +9270,26 @@ If you want to remount the same app, move your app creation logic into a factory
       const teleportEnd = el && el[TeleportEndKey];
       return teleportEnd ? hostNextSibling(teleportEnd) : el;
     };
-    let isFlushing = false;
     const render = (vnode, container, namespace) => {
-      let instance;
-      if (vnode == null) {
-        if (container._vnode) {
-          unmount(container._vnode, null, null, true);
-          instance = container._vnode.component;
+      const minUid = vnode && container._vnode ? void 0 : vnode && vnode.component ? vnode.component.uid : getNextUid();
+      flushOnAppMount(() => {
+        if (vnode == null) {
+          if (container._vnode) {
+            unmount(container._vnode, null, null, true);
+          }
+        } else {
+          patch(
+            container._vnode || null,
+            vnode,
+            container,
+            null,
+            null,
+            null,
+            namespace
+          );
         }
-      } else {
-        patch(
-          container._vnode || null,
-          vnode,
-          container,
-          null,
-          null,
-          null,
-          namespace
-        );
-      }
-      container._vnode = vnode;
-      if (!isFlushing) {
-        isFlushing = true;
-        flushPreFlushCbs(instance);
-        flushPostFlushCbs();
-        isFlushing = false;
-      }
+        container._vnode = vnode;
+      }, minUid);
     };
     const internals = {
       p: patch,
@@ -9322,7 +9451,7 @@ If you want to remount the same app, move your app creation logic into a factory
           rendererInternals
         );
       } else {
-        if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
+        if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback && !parentSuspense.isHydrating) {
           n2.suspense = n1.suspense;
           n2.suspense.vnode = n2;
           n2.el = n1.el;
@@ -9408,10 +9537,12 @@ If you want to remount the same app, move your app creation logic into a factory
     if (pendingBranch) {
       suspense.pendingBranch = newBranch;
       if (isSameVNodeType(pendingBranch, newBranch)) {
+        suspense.deps++;
         patch(
           pendingBranch,
           newBranch,
-          suspense.hiddenContainer,
+          // a hydrating pending branch is adopted SSR DOM, already in place
+          isHydrating ? container : suspense.hiddenContainer,
           null,
           parentComponent,
           suspense,
@@ -9419,6 +9550,7 @@ If you want to remount the same app, move your app creation logic into a factory
           slotScopeIds,
           optimized
         );
+        suspense.deps--;
         if (suspense.deps <= 0) {
           suspense.resolve();
         } else if (isInFallback) {
@@ -9684,6 +9816,7 @@ If you want to remount the same app, move your app creation logic into a factory
         suspense.effects = [];
         if (isSuspensible) {
           if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
+            parentSuspenseId = void 0;
             parentSuspense.deps--;
             if (parentSuspense.deps === 0 && !sync) {
               parentSuspense.resolve();
@@ -9744,7 +9877,10 @@ If you want to remount the same app, move your app creation logic into a factory
       next() {
         return suspense.activeBranch && next(suspense.activeBranch);
       },
-      registerDep(instance, setupRenderEffect, optimized2) {
+      // `namespace` intentionally shadows the boundary's own: the dep must be
+      // mounted with the namespace of the position it was rendered at, which can
+      // differ from the boundary's (e.g. a component nested inside an <svg>).
+      registerDep(instance, setupRenderEffect, optimized2, namespace2) {
         const isInPendingSuspense = !!suspense.pendingBranch;
         if (isInPendingSuspense) {
           suspense.deps++;
@@ -9757,6 +9893,12 @@ If you want to remount the same app, move your app creation logic into a factory
             return;
           }
           unsetCurrentInstance();
+          if (!instance.scope.active) {
+            if (isInPendingSuspense && --suspense.deps === 0) {
+              suspense.resolve();
+            }
+            return;
+          }
           instance.asyncResolved = true;
           const { vnode: vnode2 } = instance;
           {
@@ -9778,7 +9920,7 @@ If you want to remount the same app, move your app creation logic into a factory
             // consider the comment placeholder case.
             hydratedEl ? null : next(instance.subTree),
             suspense,
-            namespace,
+            namespace2,
             optimized2
           );
           if (placeholder) {
@@ -10178,7 +10320,8 @@ Component that was made reactive: `,
       el: vnode.el,
       anchor: vnode.anchor,
       ctx: vnode.ctx,
-      ce: vnode.ce
+      ce: vnode.ce,
+      cacheIndex: vnode.cacheIndex
     };
     if (transition && cloneTransition) {
       setTransitionHooks(
@@ -10311,6 +10454,9 @@ Component that was made reactive: `,
 
   const emptyAppContext = createAppContext();
   let uid = 0;
+  function getNextUid() {
+    return uid;
+  }
   function createComponentInstance(vnode, parent, suspense) {
     const type = vnode.type;
     const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
@@ -10969,7 +11115,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.42";
+  const version = "3.5.44";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11526,7 +11672,9 @@ Component that was made reactive: `,
       }
     }
     if (vShowOriginalDisplay in el) {
-      el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
+      if (!isCssString || prev !== next) {
+        el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
+      }
       if (el[vShowHidden]) {
         style.display = "none";
       }
@@ -12008,7 +12156,9 @@ Expected function or array of functions, received type ${typeof value}.`
             "Custom element style injection is not supported when using shadowRoot: false"
           );
         }
-        this._mount(def);
+        if (this._connected) {
+          this._mount(def);
+        }
       };
       const asyncDef = this._def.__asyncLoader;
       if (asyncDef) {
@@ -12366,6 +12516,7 @@ Expected function or array of functions, received type ${typeof value}.`
   const newPositionMap = /* @__PURE__ */ new WeakMap();
   const moveCbKey = /* @__PURE__ */ Symbol("_moveCb");
   const enterCbKey = /* @__PURE__ */ Symbol("_enterCb");
+  const pendingGroups = /* @__PURE__ */ new WeakMap();
   const decorate = (t) => {
     delete t.props.mode;
     return t;
@@ -12381,21 +12532,30 @@ Expected function or array of functions, received type ${typeof value}.`
       const state = useTransitionState();
       let prevChildren;
       let children;
-      onUpdated(() => {
-        if (!prevChildren.length) {
-          return;
+      let origins;
+      let moves;
+      const willMove = () => {
+        if (moves === void 0) {
+          moves = prevChildren.length > 0 && hasCSSTransform(
+            prevChildren[0].el,
+            instance.vnode.el,
+            resolveMoveClass(props)
+          );
         }
-        const moveClass = props.moveClass || `${props.name || "v"}-move`;
-        if (!hasCSSTransform(
-          prevChildren[0].el,
-          instance.vnode.el,
-          moveClass
-        )) {
+        return moves;
+      };
+      onUpdated(() => {
+        pendingGroups.delete(instance);
+        if (!willMove()) {
           prevChildren = [];
+          origins = void 0;
           return;
         }
+        const moveClass = resolveMoveClass(props);
         prevChildren.forEach(callPendingCbs);
-        prevChildren.forEach(recordPosition);
+        const shift = origins && getOriginShift(origins, instance.vnode.el);
+        origins = void 0;
+        prevChildren.forEach((c) => recordPosition(c, shift));
         const movedChildren = prevChildren.filter(applyTranslation);
         forceReflow(instance.vnode.el);
         movedChildren.forEach((c) => {
@@ -12422,6 +12582,7 @@ Expected function or array of functions, received type ${typeof value}.`
         const cssTransitionProps = resolveTransitionProps(rawProps);
         let tag = rawProps.tag || Fragment;
         prevChildren = [];
+        moves = void 0;
         if (children) {
           for (let i = 0; i < children.length; i++) {
             const child = children[i];
@@ -12453,6 +12614,10 @@ Expected function or array of functions, received type ${typeof value}.`
             warn(`<TransitionGroup> children must be keyed.`);
           }
         }
+        if (prevChildren.length) {
+          origins = getOrigins(instance);
+          pendingGroups.set(instance, willMove);
+        }
         return createVNode(tag, null, children);
       };
     }
@@ -12467,8 +12632,11 @@ Expected function or array of functions, received type ${typeof value}.`
       el[enterCbKey]();
     }
   }
-  function recordPosition(c) {
-    newPositionMap.set(c, getPosition(c.el));
+  function resolveMoveClass(props) {
+    return props.moveClass || `${props.name || "v"}-move`;
+  }
+  function recordPosition(c, shift) {
+    newPositionMap.set(c, getPosition(c.el, shift));
   }
   function applyTranslation(c) {
     const oldPos = positionMap.get(c);
@@ -12492,13 +12660,41 @@ Expected function or array of functions, received type ${typeof value}.`
       return c;
     }
   }
-  function getPosition(el) {
+  function getPosition(el, shift) {
     const rect = el.getBoundingClientRect();
     return {
-      left: rect.left,
-      top: rect.top
+      left: rect.left - (shift ? shift.left : 0),
+      top: rect.top - (shift ? shift.top : 0)
     };
   }
+  function getOrigins(instance) {
+    let origins;
+    for (let group = instance.parent; group; group = group.parent) {
+      const willMove = pendingGroups.get(group);
+      if (willMove) {
+        const item = findItem(group.vnode.el, instance.vnode.el);
+        if (item) {
+          (origins || (origins = [])).push(
+            extend(getPosition(item), { item, willMove })
+          );
+        }
+      }
+    }
+    return origins;
+  }
+  function findItem(root, node) {
+    const container = root.nodeType === 1 ? root : root.parentNode;
+    while (node && node.parentNode !== container) {
+      node = node.parentNode;
+    }
+    if (node && node.nodeType === 1) {
+      return node;
+    }
+  }
+  function getOriginShift(origins, root) {
+    const origin = origins.find((o) => o.willMove() && o.item.contains(root));
+    return origin && getPosition(origin.item, origin);
+  }
   function hasCSSTransform(el, root, moveClass) {
     const clone = el.cloneNode();
     const _vtc = el[vtcKey];