@vuetify/nightly 3.6.1-master.2024-05-01 → 3.6.3-dev.2024-05-06

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.1-master.2024-05-01
+* Vuetify v3.6.3-dev.2024-05-06
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6138,6 +6138,7 @@ const makeVAvatarProps = propsFactory({
   icon: IconValue,
   image: String,
   text: String,
+  ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeRoundedProps(),
@@ -6158,6 +6159,9 @@ const VAvatar = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
     const {
       colorClasses,
       colorStyles,
@@ -6177,7 +6181,7 @@ const VAvatar = genericComponent()({
       "class": ['v-avatar', {
         'v-avatar--start': props.start,
         'v-avatar--end': props.end
-      }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+      }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
       "style": [colorStyles.value, sizeStyles.value, props.style]
     }, {
       default: () => [!slots.default ? props.image ? createVNode(VImg, {
@@ -10914,7 +10918,10 @@ const makeVOverlayProps = propsFactory({
   disabled: Boolean,
   opacity: [Number, String],
   noClickAnimation: Boolean,
-  modelValue: Boolean,
+  modelValue: {
+    type: Boolean,
+    default: null
+  },
   persistent: Boolean,
   scrim: {
     type: [Boolean, String],
@@ -10957,7 +10964,7 @@ const VOverlay = genericComponent()({
     } = _ref;
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
-      get: () => model.value,
+      get: () => Boolean(model.value),
       set: v => {
         if (!(v && props.disabled)) model.value = v;
       }
@@ -18512,7 +18519,7 @@ const singleSelectStrategy = {
       items,
       value
     } = _ref;
-    return new Set(value ? [toRaw(items[0]?.value)] : []);
+    return new Set(value ? [items[0]?.value] : []);
   },
   selectAll: _ref2 => {
     let {
@@ -18536,7 +18543,7 @@ const pageSelectStrategy = {
       selected
     } = _ref4;
     for (const item of items) {
-      if (value) selected.add(toRaw(item.value));else selected.delete(toRaw(item.value));
+      if (value) selected.add(item.value);else selected.delete(item.value);
     }
     return selected;
   },
@@ -18568,7 +18575,7 @@ const allSelectStrategy = {
       selected
     } = _ref7;
     for (const item of items) {
-      if (value) selected.add(toRaw(item.value));else selected.delete(toRaw(item.value));
+      if (value) selected.add(item.value);else selected.delete(item.value);
     }
     return selected;
   },
@@ -18628,10 +18635,10 @@ function provideSelection(props, _ref9) {
     }
   });
   function isSelected(items) {
-    return wrapInArray(items).every(item => selected.value.has(toRaw(item.value)));
+    return wrapInArray(items).every(item => selected.value.has(item.value));
   }
   function isSomeSelected(items) {
-    return wrapInArray(items).some(item => selected.value.has(toRaw(item.value)));
+    return wrapInArray(items).some(item => selected.value.has(item.value));
   }
   function select(items, value) {
     const newSelected = selectStrategy.value.select({
@@ -18642,8 +18649,7 @@ function provideSelection(props, _ref9) {
     selected.value = newSelected;
   }
   function toggleSelect(item) {
-    const newItem = toRef(item);
-    select([newItem.value], !isSelected([newItem.value]));
+    select([item], !isSelected([item]));
   }
   function selectAll(value) {
     const newSelected = selectStrategy.value.selectAll({
@@ -19967,6 +19973,8 @@ const VDataTableHeaders = genericComponent()({
         return columns.value.filter(column => column?.sortable);
       });
       const appendIcon = computed(() => {
+        const showSelectColumn = columns.value.find(column => column.key === 'data-table-select');
+        if (showSelectColumn == null) return;
         return allSelected.value ? '$checkboxOn' : someSelected.value ? '$checkboxIndeterminate' : '$checkboxOff';
       });
       return createVNode(VDataTableColumn, mergeProps({
@@ -23080,7 +23088,7 @@ const makeVHoverProps = propsFactory({
   disabled: Boolean,
   modelValue: {
     type: Boolean,
-    default: undefined
+    default: null
   },
   ...makeDelayProps()
 }, 'VHover');
@@ -27918,7 +27926,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.1-master.2024-05-01";
+const version$1 = "3.6.3-dev.2024-05-06";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -27943,7 +27951,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.1-master.2024-05-01";
+const version = "3.6.3-dev.2024-05-06";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };