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

package/dist/vuetify-labs.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.
 */
@@ -5909,6 +5909,7 @@
     icon: IconValue,
     image: String,
     text: String,
+    ...makeBorderProps(),
     ...makeComponentProps(),
     ...makeDensityProps(),
     ...makeRoundedProps(),
@@ -5929,6 +5930,9 @@
       const {
         themeClasses
       } = provideTheme(props);
+      const {
+        borderClasses
+      } = useBorder(props);
       const {
         colorClasses,
         colorStyles,
@@ -5948,7 +5952,7 @@
         "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 ? vue.createVNode(VImg, {
@@ -10685,7 +10689,10 @@
     disabled: Boolean,
     opacity: [Number, String],
     noClickAnimation: Boolean,
-    modelValue: Boolean,
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
     persistent: Boolean,
     scrim: {
       type: [Boolean, String],
@@ -10728,7 +10735,7 @@
       } = _ref;
       const model = useProxiedModel(props, 'modelValue');
       const isActive = vue.computed({
-        get: () => model.value,
+        get: () => Boolean(model.value),
         set: v => {
           if (!(v && props.disabled)) model.value = v;
         }
@@ -18283,7 +18290,7 @@
         items,
         value
       } = _ref;
-      return new Set(value ? [vue.toRaw(items[0]?.value)] : []);
+      return new Set(value ? [items[0]?.value] : []);
     },
     selectAll: _ref2 => {
       let {
@@ -18307,7 +18314,7 @@
         selected
       } = _ref4;
       for (const item of items) {
-        if (value) selected.add(vue.toRaw(item.value));else selected.delete(vue.toRaw(item.value));
+        if (value) selected.add(item.value);else selected.delete(item.value);
       }
       return selected;
     },
@@ -18339,7 +18346,7 @@
         selected
       } = _ref7;
       for (const item of items) {
-        if (value) selected.add(vue.toRaw(item.value));else selected.delete(vue.toRaw(item.value));
+        if (value) selected.add(item.value);else selected.delete(item.value);
       }
       return selected;
     },
@@ -18399,10 +18406,10 @@
       }
     });
     function isSelected(items) {
-      return wrapInArray(items).every(item => selected.value.has(vue.toRaw(item.value)));
+      return wrapInArray(items).every(item => selected.value.has(item.value));
     }
     function isSomeSelected(items) {
-      return wrapInArray(items).some(item => selected.value.has(vue.toRaw(item.value)));
+      return wrapInArray(items).some(item => selected.value.has(item.value));
     }
     function select(items, value) {
       const newSelected = selectStrategy.value.select({
@@ -18413,8 +18420,7 @@
       selected.value = newSelected;
     }
     function toggleSelect(item) {
-      const newItem = vue.toRef(item);
-      select([newItem.value], !isSelected([newItem.value]));
+      select([item], !isSelected([item]));
     }
     function selectAll(value) {
       const newSelected = selectStrategy.value.selectAll({
@@ -19738,6 +19744,8 @@
           return columns.value.filter(column => column?.sortable);
         });
         const appendIcon = vue.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 vue.createVNode(VDataTableColumn, vue.mergeProps({
@@ -22851,7 +22859,7 @@
     disabled: Boolean,
     modelValue: {
       type: Boolean,
-      default: undefined
+      default: null
     },
     ...makeDelayProps()
   }, 'VHover');
@@ -29762,7 +29770,7 @@
       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
@@ -30015,7 +30023,7 @@
 
   /* 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 */