@vuetify/nightly 3.6.3-master.2024-05-05 → 3.6.3-master.2024-05-07

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.3-master.2024-05-05
+* Vuetify v3.6.3-master.2024-05-07
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1222,7 +1222,7 @@ function propsFactory(props, source) {
 
 // Composables
 const makeComponentProps = propsFactory({
-  class: [String, Array],
+  class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
     default: null
@@ -3441,7 +3441,7 @@ function useAspectStyles(props) {
 }
 const makeVResponsiveProps = propsFactory({
   aspectRatio: [String, Number],
-  contentClass: String,
+  contentClass: null,
   inline: Boolean,
   ...makeComponentProps(),
   ...makeDimensionProps()
@@ -8988,7 +8988,7 @@ const makeVListItemProps = propsFactory({
   appendIcon: IconValue,
   baseColor: String,
   disabled: Boolean,
-  lines: String,
+  lines: [Boolean, String],
   link: {
     type: Boolean,
     default: undefined
@@ -9099,8 +9099,9 @@ const VListItem = genericComponent()({
     }));
     function onClick(e) {
       emit('click', e);
-      if (isGroupActivator || !isClickable.value) return;
+      if (!isClickable.value) return;
       link.navigate?.(e);
+      if (isGroupActivator) return;
       if (root.activatable.value) {
         activate(!isActivated.value, e);
       } else if (root.selectable.value) {
@@ -10914,10 +10915,7 @@ const makeVOverlayProps = propsFactory({
   disabled: Boolean,
   opacity: [Number, String],
   noClickAnimation: Boolean,
-  modelValue: {
-    type: Boolean,
-    default: null
-  },
+  modelValue: Boolean,
   persistent: Boolean,
   scrim: {
     type: [Boolean, String],
@@ -10960,7 +10958,7 @@ const VOverlay = genericComponent()({
     } = _ref;
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
-      get: () => Boolean(model.value),
+      get: () => model.value,
       set: v => {
         if (!(v && props.disabled)) model.value = v;
       }
@@ -13197,7 +13195,7 @@ const VAutocomplete = genericComponent()({
           select(displayItems.value[0]);
         }
         menu.value = false;
-        search.value = '';
+        if (props.multiple || hasSelectionSlot.value) search.value = '';
         selectionIndex.value = -1;
       }
     });
@@ -22792,7 +22790,7 @@ const VFileInput = genericComponent()({
     const {
       t
     } = useLocale();
-    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0]);
+    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0] ?? null);
     const {
       isFocused,
       focus,
@@ -26736,6 +26734,7 @@ const VTabs = genericComponent()({
   },
   setup(props, _ref) {
     let {
+      attrs,
       slots
     } = _ref;
     const model = useProxiedModel(props, 'modelValue');
@@ -26747,6 +26746,9 @@ const VTabs = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(toRef(props, 'bgColor'));
+    const {
+      scopeId
+    } = useScopeId();
     provideDefaults({
       VTab: {
         color: toRef(props, 'color'),
@@ -26773,7 +26775,7 @@ const VTabs = genericComponent()({
         }, backgroundColorStyles.value, props.style],
         "role": "tablist",
         "symbol": VTabsSymbol
-      }), {
+      }, scopeId, attrs), {
         default: () => [slots.default?.() ?? items.value.map(item => slots.tab?.({
           item
         }) ?? createVNode(VTab, mergeProps(item, {
@@ -26784,11 +26786,11 @@ const VTabs = genericComponent()({
             item
           })
         }))]
-      }), hasWindow && createVNode(VTabsWindow, {
+      }), hasWindow && createVNode(VTabsWindow, mergeProps({
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "key": "tabs-window"
-      }, {
+      }, scopeId), {
         default: () => [items.value.map(item => slots.item?.({
           item
         }) ?? createVNode(VTabsWindowItem, {
@@ -27924,7 +27926,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.3-master.2024-05-05";
+const version$1 = "3.6.3-master.2024-05-07";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -27949,7 +27951,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.3-master.2024-05-05";
+const version = "3.6.3-master.2024-05-07";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };