@vue/runtime-dom 3.6.0-beta.2 → 3.6.0-beta.4

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

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.6.0-beta.2
+* @vue/runtime-dom v3.6.0-beta.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -490,17 +490,24 @@ function baseUseCssVars(instance, getParentNode, getVars, setVars) {
       document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
     ).forEach((node) => setVarsOnNode(node, vars));
   };
-  const applyCssCars = () => {
-    const vars = getVars();
+  const applyCssVars = (vars = getVars()) => {
     setVars(vars);
     updateTeleports(vars);
   };
   onBeforeUpdate(() => {
-    queuePostFlushCb(applyCssCars);
+    queuePostFlushCb(applyCssVars);
   });
   onMounted(() => {
-    watch(applyCssCars, NOOP, { flush: "post" });
-    const ob = new MutationObserver(applyCssCars);
+    watch(
+      () => {
+        const vars = getVars();
+        extend({}, vars);
+        applyCssVars(vars);
+      },
+      NOOP,
+      { flush: "post" }
+    );
+    const ob = new MutationObserver(() => applyCssVars());
     ob.observe(getParentNode(), { childList: true });
     onUnmounted(() => ob.disconnect());
   });
@@ -1231,6 +1238,12 @@ class VueElementBase extends BaseClass {
       this._update();
     }
   }
+  /**
+   * @internal
+   */
+  _hasShadowRoot() {
+    return this._def.shadowRoot !== false;
+  }
   /**
    * @internal
    */

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.6.0-beta.2
+* @vue/runtime-dom v3.6.0-beta.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1250,20 +1250,20 @@ var VueRuntimeDOM = (function (exports) {
         "iterate",
         isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
       );
-      return {
-        // iterator protocol
-        next() {
-          const { value, done } = innerIterator.next();
-          return done ? { value, done } : {
-            value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
-            done
-          };
-        },
-        // iterable protocol
-        [Symbol.iterator]() {
-          return this;
+      return extend(
+        // inheriting all iterator properties
+        Object.create(innerIterator),
+        {
+          // iterator protocol
+          next() {
+            const { value, done } = innerIterator.next();
+            return done ? { value, done } : {
+              value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
+              done
+            };
+          }
         }
-      };
+      );
     };
   }
   function createReadonlyMethod(type) {
@@ -1477,8 +1477,9 @@ var VueRuntimeDOM = (function (exports) {
   function getTargetType(value) {
     return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value));
   }
+  // @__NO_SIDE_EFFECTS__
   function reactive(target) {
-    if (isReadonly(target)) {
+    if (/* @__PURE__ */ isReadonly(target)) {
       return target;
     }
     return createReactiveObject(
@@ -1489,6 +1490,7 @@ var VueRuntimeDOM = (function (exports) {
       reactiveMap
     );
   }
+  // @__NO_SIDE_EFFECTS__
   function shallowReactive(target) {
     return createReactiveObject(
       target,
@@ -1498,6 +1500,7 @@ var VueRuntimeDOM = (function (exports) {
       shallowReactiveMap
     );
   }
+  // @__NO_SIDE_EFFECTS__
   function readonly(target) {
     return createReactiveObject(
       target,
@@ -1507,6 +1510,7 @@ var VueRuntimeDOM = (function (exports) {
       readonlyMap
     );
   }
+  // @__NO_SIDE_EFFECTS__
   function shallowReadonly(target) {
     return createReactiveObject(
       target,
@@ -1545,24 +1549,29 @@ var VueRuntimeDOM = (function (exports) {
     proxyMap.set(target, proxy);
     return proxy;
   }
+  // @__NO_SIDE_EFFECTS__
   function isReactive(value) {
-    if (isReadonly(value)) {
-      return isReactive(value["__v_raw"]);
+    if (/* @__PURE__ */ isReadonly(value)) {
+      return /* @__PURE__ */ isReactive(value["__v_raw"]);
     }
     return !!(value && value["__v_isReactive"]);
   }
+  // @__NO_SIDE_EFFECTS__
   function isReadonly(value) {
     return !!(value && value["__v_isReadonly"]);
   }
+  // @__NO_SIDE_EFFECTS__
   function isShallow(value) {
     return !!(value && value["__v_isShallow"]);
   }
+  // @__NO_SIDE_EFFECTS__
   function isProxy(value) {
     return value ? !!value["__v_raw"] : false;
   }
+  // @__NO_SIDE_EFFECTS__
   function toRaw(observed) {
     const raw = observed && observed["__v_raw"];
-    return raw ? toRaw(raw) : observed;
+    return raw ? /* @__PURE__ */ toRaw(raw) : observed;
   }
   function markRaw(value) {
     if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) {
@@ -1570,20 +1579,23 @@ var VueRuntimeDOM = (function (exports) {
     }
     return value;
   }
-  const toReactive = (value) => isObject(value) ? reactive(value) : value;
-  const toReadonly = (value) => isObject(value) ? readonly(value) : value;
+  const toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value) : value;
+  const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
 
+  // @__NO_SIDE_EFFECTS__
   function isRef(r) {
     return r ? r["__v_isRef"] === true : false;
   }
+  // @__NO_SIDE_EFFECTS__
   function ref(value) {
     return createRef(value, toReactive);
   }
+  // @__NO_SIDE_EFFECTS__
   function shallowRef(value) {
     return createRef(value);
   }
   function createRef(rawValue, wrap) {
-    if (isRef(rawValue)) {
+    if (/* @__PURE__ */ isRef(rawValue)) {
       return rawValue;
     }
     return new RefImpl(rawValue, wrap);
@@ -1678,7 +1690,7 @@ var VueRuntimeDOM = (function (exports) {
     }
   }
   function unref(ref2) {
-    return isRef(ref2) ? ref2.value : ref2;
+    return /* @__PURE__ */ isRef(ref2) ? ref2.value : ref2;
   }
   function toValue(source) {
     return isFunction(source) ? source() : unref(source);
@@ -1687,7 +1699,7 @@ var VueRuntimeDOM = (function (exports) {
     get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
     set: (target, key, value, receiver) => {
       const oldValue = target[key];
-      if (isRef(oldValue) && !isRef(value)) {
+      if (/* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
         oldValue.value = value;
         return true;
       } else {
@@ -1725,6 +1737,7 @@ var VueRuntimeDOM = (function (exports) {
   function customRef(factory) {
     return new CustomRefImpl(factory);
   }
+  // @__NO_SIDE_EFFECTS__
   function toRefs(object) {
     const ret = isArray(object) ? new Array(object.length) : {};
     for (const key in object) {
@@ -1757,9 +1770,9 @@ var VueRuntimeDOM = (function (exports) {
       return this._value = val === void 0 ? this._defaultValue : val;
     }
     set value(newVal) {
-      if (this._shallow && isRef(this._raw[this._key])) {
+      if (this._shallow && /* @__PURE__ */ isRef(this._raw[this._key])) {
         const nestedRef = this._object[this._key];
-        if (isRef(nestedRef)) {
+        if (/* @__PURE__ */ isRef(nestedRef)) {
           nestedRef.value = newVal;
           return;
         }
@@ -1781,15 +1794,16 @@ var VueRuntimeDOM = (function (exports) {
       return this._value = this._getter();
     }
   }
+  // @__NO_SIDE_EFFECTS__
   function toRef(source, key, defaultValue) {
-    if (isRef(source)) {
+    if (/* @__PURE__ */ isRef(source)) {
       return source;
     } else if (isFunction(source)) {
       return new GetterRefImpl(source);
     } else if (isObject(source) && arguments.length > 1) {
       return propertyToRef(source, key, defaultValue);
     } else {
-      return ref(source);
+      return /* @__PURE__ */ ref(source);
     }
   }
   function propertyToRef(source, key, defaultValue) {
@@ -2155,6 +2169,7 @@ var VueRuntimeDOM = (function (exports) {
   {
     setupOnTrigger(ComputedRefImpl);
   }
+  // @__NO_SIDE_EFFECTS__
   function computed$1(getterOrOptions, debugOptions, isSSR = false) {
     let getter;
     let setter;
@@ -4617,7 +4632,7 @@ Server rendered element contains more child nodes than client vdom.`
                 logMismatchError();
               }
               if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
-              key[0] === "." || isCustomElement) {
+              key[0] === "." || isCustomElement && !isReservedProp(key)) {
                 patchProp(el, key, null, props[key], void 0, parentComponent);
               }
             }
@@ -5763,9 +5778,10 @@ If this is a native custom element, make sure to exclude it from component resol
 
   function renderSlot(slots, name, props = {}, fallback, noSlotted) {
     let slot = slots[name];
-    if (slot && slot.__vapor) {
+    const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
+    if (vaporSlot) {
       const ret = (openBlock(), createBlock(VaporSlot, props));
-      ret.vs = { slot, fallback };
+      ret.vs = { slot: vaporSlot, fallback };
       return ret;
     }
     if (currentRenderingInstance && (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce)) {
@@ -5828,14 +5844,14 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
 
-  function toHandlers(obj, preserveCaseIfNecessary, needWrap) {
+  function toHandlers(obj, preserveCaseIfNecessary) {
     const ret = {};
     if (!isObject(obj)) {
       warn$1(`v-on with no argument expects an object value.`);
       return ret;
     }
     for (const key in obj) {
-      ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = needWrap ? () => obj[key] : obj[key];
+      ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];
     }
     return ret;
   }
@@ -8128,7 +8144,7 @@ If you want to remount the same app, move your app creation logic into a factory
           optimized
         );
       } else {
-        const customElement = !!(n1.el && n1.el._isVueCE) ? n1.el : null;
+        const customElement = n1.el && n1.el._isVueCE ? n1.el : null;
         try {
           if (customElement) {
             customElement._beginPatch();
@@ -8664,7 +8680,7 @@ If you want to remount the same app, move your app creation logic into a factory
         if (!instance.isMounted) {
           let vnodeHook;
           const { el, props } = initialVNode;
-          const { bm, m, parent, root, type } = instance;
+          const { bm, parent, root, type } = instance;
           const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
           toggleRecurse(instance, false);
           if (bm) {
@@ -8707,8 +8723,7 @@ If you want to remount the same app, move your app creation logic into a factory
               hydrateSubTree();
             }
           } else {
-            if (root.ce && // @ts-expect-error _def is private
-            root.ce._def.shadowRoot !== false) {
+            if (root.ce && root.ce._hasShadowRoot()) {
               root.ce._injectChildStyle(type);
             }
             {
@@ -8735,8 +8750,8 @@ If you want to remount the same app, move your app creation logic into a factory
             }
             initialVNode.el = subTree.el;
           }
-          if (m) {
-            queuePostRenderEffect(m, void 0, parentSuspense);
+          if (instance.m) {
+            queuePostRenderEffect(instance.m, void 0, parentSuspense);
           }
           if (!isAsyncWrapperVNode && (vnodeHook = props && props.onVnodeMounted)) {
             const scopedInitialVNode = initialVNode;
@@ -11293,7 +11308,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.6.0-beta.2";
+  const version = "3.6.0-beta.4";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11779,17 +11794,24 @@ Component that was made reactive: `,
         document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
       ).forEach((node) => setVarsOnNode(node, vars));
     };
-    const applyCssCars = () => {
-      const vars = getVars();
+    const applyCssVars = (vars = getVars()) => {
       setVars(vars);
       updateTeleports(vars);
     };
     onBeforeUpdate(() => {
-      queuePostFlushCb(applyCssCars);
+      queuePostFlushCb(applyCssVars);
     });
     onMounted(() => {
-      watch(applyCssCars, NOOP, { flush: "post" });
-      const ob = new MutationObserver(applyCssCars);
+      watch(
+        () => {
+          const vars = getVars();
+          extend({}, vars);
+          applyCssVars(vars);
+        },
+        NOOP,
+        { flush: "post" }
+      );
+      const ob = new MutationObserver(() => applyCssVars());
       ob.observe(getParentNode(), { childList: true });
       onUnmounted(() => ob.disconnect());
     });
@@ -12520,6 +12542,12 @@ Expected function or array of functions, received type ${typeof value}.`
         this._update();
       }
     }
+    /**
+     * @internal
+     */
+    _hasShadowRoot() {
+      return this._def.shadowRoot !== false;
+    }
     /**
      * @internal
      */
@@ -13243,6 +13271,7 @@ Expected function or array of functions, received type ${typeof value}.`
   exports.Fragment = Fragment;
   exports.KeepAlive = KeepAlive;
   exports.MoveType = MoveType;
+  exports.NULL_DYNAMIC_COMPONENT = NULL_DYNAMIC_COMPONENT;
   exports.ReactiveEffect = ReactiveEffect;
   exports.Static = Static;
   exports.Suspense = Suspense;