@vuetify/nightly 3.0.2-next-20221122.0 → 3.0.2

package/dist/vuetify.d.ts

@@ -15212,7 +15212,7 @@ declare const VRating: {
             readonly: boolean;
             tag: string;
             density: Density;
-            modelValue: number;
+            modelValue: string | number;
             ripple: boolean;
             clearable: boolean;
             hover: boolean;
@@ -15261,7 +15261,7 @@ declare const VRating: {
             };
             readonly: BooleanConstructor;
             modelValue: {
-                type: NumberConstructor;
+                type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
             itemLabels: Prop<string[], string[]>;
@@ -15272,7 +15272,7 @@ declare const VRating: {
             };
             ripple: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
-            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "length" | "disabled" | "size" | "readonly" | "tag" | "density" | "modelValue" | "ripple" | "clearable" | "hover" | "halfIncrements" | "itemAriaLabel" | "emptyIcon" | "fullIcon" | "itemLabelPosition">;
         $attrs: {
             [x: string]: unknown;
@@ -15285,7 +15285,7 @@ declare const VRating: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:modelValue", value: number) => void;
+        $emit: (event: "update:modelValue", value: string | number) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             theme: StringConstructor;
@@ -15327,7 +15327,7 @@ declare const VRating: {
             };
             readonly: BooleanConstructor;
             modelValue: {
-                type: NumberConstructor;
+                type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
             itemLabels: Prop<string[], string[]>;
@@ -15338,9 +15338,9 @@ declare const VRating: {
             };
             ripple: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
-            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-            'update:modelValue': (value: number) => boolean;
+            'update:modelValue': (value: number | string) => boolean;
         }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">, string, {
             length: string | number;
             disabled: boolean;
@@ -15348,7 +15348,7 @@ declare const VRating: {
             readonly: boolean;
             tag: string;
             density: Density;
-            modelValue: number;
+            modelValue: string | number;
             ripple: boolean;
             clearable: boolean;
             hover: boolean;
@@ -15417,7 +15417,7 @@ declare const VRating: {
         };
         readonly: BooleanConstructor;
         modelValue: {
-            type: NumberConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
         itemLabels: Prop<string[], string[]>;
@@ -15428,7 +15428,7 @@ declare const VRating: {
         };
         ripple: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
-        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -15473,7 +15473,7 @@ declare const VRating: {
     };
     readonly: BooleanConstructor;
     modelValue: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     itemLabels: Prop<string[], string[]>;
@@ -15484,9 +15484,9 @@ declare const VRating: {
     };
     ripple: BooleanConstructor;
 }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
-    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'update:modelValue': (value: number) => boolean;
+    'update:modelValue': (value: number | string) => boolean;
 }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">, string, {
     length: string | number;
     disabled: boolean;
@@ -15494,7 +15494,7 @@ declare const VRating: {
     readonly: boolean;
     tag: string;
     density: Density;
-    modelValue: number;
+    modelValue: string | number;
     ripple: boolean;
     clearable: boolean;
     hover: boolean;
@@ -25692,23 +25692,25 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     VApp: typeof import('vuetify/components')['VApp']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
-    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VHover: typeof import('vuetify/components')['VHover']
+    VForm: typeof import('vuetify/components')['VForm']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
-    VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
+    VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
-    VValidation: typeof import('vuetify/components')['VValidation']
+    VAppBar: typeof import('vuetify/components')['VAppBar']
+    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
+    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -25725,21 +25727,16 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VAppBar: typeof import('vuetify/components')['VAppBar']
-    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
-    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
-    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
-    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtn: typeof import('vuetify/components')['VBtn']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCard: typeof import('vuetify/components')['VCard']
@@ -25748,12 +25745,14 @@ declare module '@vue/runtime-core' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VValidation: typeof import('vuetify/components')['VValidation']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
@@ -25762,7 +25761,6 @@ declare module '@vue/runtime-core' {
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDivider: typeof import('vuetify/components')['VDivider']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
@@ -25773,11 +25771,12 @@ declare module '@vue/runtime-core' {
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
     VImg: typeof import('vuetify/components')['VImg']
-    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
+    VInput: typeof import('vuetify/components')['VInput']
     VKbd: typeof import('vuetify/components')['VKbd']
     VLabel: typeof import('vuetify/components')['VLabel']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -25789,38 +25788,39 @@ declare module '@vue/runtime-core' {
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
-    VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
-    VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSelect: typeof import('vuetify/components')['VSelect']
     VSheet: typeof import('vuetify/components')['VSheet']
-    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
-    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTable: typeof import('vuetify/components')['VTable']
+    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
+    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
+    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
+    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
   }
 }

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.0.2-next-20221122.0
+* Vuetify v3.0.2
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { ref, onBeforeUnmount, watch, readonly, Fragment, reactive, computed, watchEffect, toRefs, capitalize, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, shallowRef, shallowReactive, toRaw, effectScope, defineComponent as defineComponent$1, camelize, h, onDeactivated, onActivated, onMounted, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, resolveDynamicComponent, onScopeDispose, cloneVNode, warn, toHandlers, Teleport, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
+import { ref, onBeforeUnmount, watch, readonly, Fragment, reactive, computed, watchEffect, toRefs, capitalize, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, effectScope, onScopeDispose, shallowRef, shallowReactive, toRaw, defineComponent as defineComponent$1, camelize, h, onDeactivated, onActivated, onMounted, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, resolveDynamicComponent, cloneVNode, warn, toHandlers, Teleport, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -927,6 +927,26 @@ function provideDefaults(defaults, options) {
   return newDefaults;
 }
 
+function useToggleScope(source, cb) {
+  let scope;
+  watch(source, active => {
+    if (active && !scope) {
+      scope = effectScope();
+      scope.run(cb);
+    } else if (!active) {
+      var _scope;
+      (_scope = scope) == null ? void 0 : _scope.stop();
+      scope = undefined;
+    }
+  }, {
+    immediate: true
+  });
+  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
@@ -1019,17 +1039,9 @@ const defineComponent = function defineComponent(options) {
         }
       });
       const setupBindings = options._setup(_props, ctx);
-      let scope;
-      watch(_subcomponentDefaults, (val, oldVal) => {
-        if (!val && scope) scope.stop();else if (val && !oldVal) {
-          scope = 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;
     };
@@ -1776,22 +1788,6 @@ function genCssVariables(theme) {
   return variables;
 }
 
-function useToggleScope(source, cb) {
-  let scope;
-  watch(source, active => {
-    if (active && !scope) {
-      scope = effectScope();
-      scope.run(cb);
-    } else {
-      var _scope;
-      (_scope = scope) == null ? void 0 : _scope.stop();
-      scope = undefined;
-    }
-  }, {
-    immediate: true
-  });
-}
-
 // Utilities
 
 // Types
@@ -8347,6 +8343,10 @@ function useActivator(props, _ref) {
     flush: 'post',
     immediate: true
   });
+  onScopeDispose(() => {
+    var _scope;
+    (_scope = scope) == null ? void 0 : _scope.stop();
+  });
   return {
     activatorEl,
     activatorRef,
@@ -8930,6 +8930,10 @@ function useScrollStrategies(props, data) {
       }
     });
   });
+  onScopeDispose(() => {
+    var _scope2;
+    (_scope2 = scope) == null ? void 0 : _scope2.stop();
+  });
 }
 function closeScrollStrategy(data) {
   function onScroll(e) {
@@ -10784,7 +10788,7 @@ const VCardSubtitle = createSimpleFunctional('v-card-subtitle');
 
 const VCardTitle = createSimpleFunctional('v-card-title');
 
-const VCardItem = defineComponent$1({
+const VCardItem = defineComponent({
   name: 'VCardItem',
   props: {
     appendAvatar: String,
@@ -16114,7 +16118,7 @@ const VRating = genericComponent()({
     },
     readonly: Boolean,
     modelValue: {
-      type: Number,
+      type: [Number, String],
       default: 0
     },
     itemLabels: Array,
@@ -16143,6 +16147,7 @@ const VRating = genericComponent()({
       themeClasses
     } = provideTheme(props);
     const rating = useProxiedModel(props, 'modelValue');
+    const normalizedValue = computed(() => clamp(parseFloat(rating.value), 0, +props.length));
     const range = computed(() => createRange(Number(props.length), 1));
     const increments = computed(() => range.value.flatMap(v => props.halfIncrements ? [v - 0.5, v] : [v]));
     const hoverIndex = ref(-1);
@@ -16151,7 +16156,7 @@ const VRating = genericComponent()({
     let isClicking = false;
     const itemState = 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;
@@ -16172,7 +16177,7 @@ const VRating = genericComponent()({
         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 {
@@ -16184,7 +16189,7 @@ const VRating = genericComponent()({
       }
       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,
@@ -16249,7 +16254,7 @@ const VRating = genericComponent()({
         "id": id,
         "type": "radio",
         "value": value,
-        "checked": rating.value === value,
+        "checked": normalizedValue.value === value,
         "onClick": onClick,
         "onFocus": onFocus,
         "onBlur": onBlur,
@@ -18158,7 +18163,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.0.2-next-20221122.0";
+const version$1 = "3.0.2";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18179,7 +18184,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.0.2-next-20221122.0";
+const version = "3.0.2";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };