@vuetify/nightly 3.0.2-next-20221120.0 → 3.0.2

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.2-next-20221120.0
+* Vuetify v3.0.2
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -931,6 +931,26 @@
     return newDefaults;
   }
 
+  function useToggleScope(source, cb) {
+    let scope;
+    vue.watch(source, active => {
+      if (active && !scope) {
+        scope = vue.effectScope();
+        scope.run(cb);
+      } else if (!active) {
+        var _scope;
+        (_scope = scope) == null ? void 0 : _scope.stop();
+        scope = undefined;
+      }
+    }, {
+      immediate: true
+    });
+    vue.onScopeDispose(() => {
+      var _scope2;
+      (_scope2 = scope) == null ? void 0 : _scope2.stop();
+    });
+  }
+
   /**
    * Creates a factory function for props definitions.
    * This is used to define props in a composable then override
@@ -1023,17 +1043,9 @@
           }
         });
         const setupBindings = options._setup(_props, ctx);
-        let scope;
-        vue.watch(_subcomponentDefaults, (val, oldVal) => {
-          if (!val && scope) scope.stop();else if (val && !oldVal) {
-            scope = vue.effectScope();
-            scope.run(() => {
-              var _injectSelf;
-              provideDefaults(mergeDeep(((_injectSelf = injectSelf(DefaultsSymbol)) == null ? void 0 : _injectSelf.value) ?? {}, val));
-            });
-          }
-        }, {
-          immediate: true
+        useToggleScope(_subcomponentDefaults, () => {
+          var _injectSelf;
+          provideDefaults(mergeDeep(((_injectSelf = injectSelf(DefaultsSymbol)) == null ? void 0 : _injectSelf.value) ?? {}, _subcomponentDefaults.value));
         });
         return setupBindings;
       };
@@ -1780,22 +1792,6 @@
     return variables;
   }
 
-  function useToggleScope(source, cb) {
-    let scope;
-    vue.watch(source, active => {
-      if (active && !scope) {
-        scope = vue.effectScope();
-        scope.run(cb);
-      } else {
-        var _scope;
-        (_scope = scope) == null ? void 0 : _scope.stop();
-        scope = undefined;
-      }
-    }, {
-      immediate: true
-    });
-  }
-
   // Utilities
 
   // Types
@@ -8351,6 +8347,10 @@
       flush: 'post',
       immediate: true
     });
+    vue.onScopeDispose(() => {
+      var _scope;
+      (_scope = scope) == null ? void 0 : _scope.stop();
+    });
     return {
       activatorEl,
       activatorRef,
@@ -8934,6 +8934,10 @@
         }
       });
     });
+    vue.onScopeDispose(() => {
+      var _scope2;
+      (_scope2 = scope) == null ? void 0 : _scope2.stop();
+    });
   }
   function closeScrollStrategy(data) {
     function onScroll(e) {
@@ -10788,7 +10792,7 @@
 
   const VCardTitle = createSimpleFunctional('v-card-title');
 
-  const VCardItem = vue.defineComponent({
+  const VCardItem = defineComponent({
     name: 'VCardItem',
     props: {
       appendAvatar: String,
@@ -16118,7 +16122,7 @@
       },
       readonly: Boolean,
       modelValue: {
-        type: Number,
+        type: [Number, String],
         default: 0
       },
       itemLabels: Array,
@@ -16147,6 +16151,7 @@
         themeClasses
       } = provideTheme(props);
       const rating = useProxiedModel(props, 'modelValue');
+      const normalizedValue = vue.computed(() => clamp(parseFloat(rating.value), 0, +props.length));
       const range = vue.computed(() => createRange(Number(props.length), 1));
       const increments = vue.computed(() => range.value.flatMap(v => props.halfIncrements ? [v - 0.5, v] : [v]));
       const hoverIndex = vue.ref(-1);
@@ -16155,7 +16160,7 @@
       let isClicking = false;
       const itemState = vue.computed(() => increments.value.map(value => {
         const isHovering = props.hover && hoverIndex.value > -1;
-        const isFilled = rating.value >= value;
+        const isFilled = normalizedValue.value >= value;
         const isHovered = hoverIndex.value >= value;
         const isFullIcon = isHovering ? isHovered : isFilled;
         const icon = isFullIcon ? props.fullIcon : props.emptyIcon;
@@ -16176,7 +16181,7 @@
           hoverIndex.value = -1;
         }
         function onFocus() {
-          if (value === 0 && rating.value === 0) {
+          if (value === 0 && normalizedValue.value === 0) {
             var _firstRef$value;
             (_firstRef$value = firstRef.value) == null ? void 0 : _firstRef$value.focus();
           } else {
@@ -16188,7 +16193,7 @@
         }
         function onClick() {
           if (props.disabled || props.readonly) return;
-          rating.value = rating.value === value && props.clearable ? 0 : value;
+          rating.value = normalizedValue.value === value && props.clearable ? 0 : value;
         }
         return {
           onMouseenter: props.hover ? onMouseenter : undefined,
@@ -16253,7 +16258,7 @@
           "id": id,
           "type": "radio",
           "value": value,
-          "checked": rating.value === value,
+          "checked": normalizedValue.value === value,
           "onClick": onClick,
           "onFocus": onFocus,
           "onBlur": onBlur,
@@ -18162,7 +18167,7 @@
       locale
     };
   }
-  const version$1 = "3.0.2-next-20221120.0";
+  const version$1 = "3.0.2";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -18183,7 +18188,7 @@
       ...options
     });
   };
-  const version = "3.0.2-next-20221120.0";
+  const version = "3.0.2";
   createVuetify.version = version;
 
   exports.components = components;