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

package/dist/vuetify-labs.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.
 */
@@ -5905,6 +5905,7 @@ const makeVAvatarProps = propsFactory({
   icon: IconValue,
   image: String,
   text: String,
+  ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeRoundedProps(),
@@ -5925,6 +5926,9 @@ const VAvatar = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
     const {
       colorClasses,
       colorStyles,
@@ -5944,7 +5948,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, {
@@ -10681,7 +10685,10 @@ const makeVOverlayProps = propsFactory({
   disabled: Boolean,
   opacity: [Number, String],
   noClickAnimation: Boolean,
-  modelValue: Boolean,
+  modelValue: {
+    type: Boolean,
+    default: null
+  },
   persistent: Boolean,
   scrim: {
     type: [Boolean, String],
@@ -10724,7 +10731,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;
       }
@@ -18279,7 +18286,7 @@ const singleSelectStrategy = {
       items,
       value
     } = _ref;
-    return new Set(value ? [toRaw(items[0]?.value)] : []);
+    return new Set(value ? [items[0]?.value] : []);
   },
   selectAll: _ref2 => {
     let {
@@ -18303,7 +18310,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;
   },
@@ -18335,7 +18342,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;
   },
@@ -18395,10 +18402,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({
@@ -18409,8 +18416,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({
@@ -19734,6 +19740,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({
@@ -22847,7 +22855,7 @@ const makeVHoverProps = propsFactory({
   disabled: Boolean,
   modelValue: {
     type: Boolean,
-    default: undefined
+    default: null
   },
   ...makeDelayProps()
 }, 'VHover');
@@ -29758,7 +29766,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
@@ -30011,7 +30019,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.1-master.2024-05-01";
+const version = "3.6.3-dev.2024-05-06";
 
 /* eslint-disable local-rules/sort-imports */