@vuetify/nightly 3.5.14-dev.2024-04-07 → 3.5.14-dev.2024-04-09

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.14-dev.2024-04-07
+* Vuetify v3.5.14-dev.2024-04-09
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4019,6 +4019,7 @@
   }
 
   const makeVBtnGroupProps = propsFactory({
+    baseColor: String,
     divided: Boolean,
     ...makeBorderProps(),
     ...makeComponentProps(),
@@ -4054,6 +4055,7 @@
       provideDefaults({
         VBtn: {
           height: 'auto',
+          baseColor: vue.toRef(props, 'baseColor'),
           color: vue.toRef(props, 'color'),
           density: vue.toRef(props, 'density'),
           flat: true,
@@ -5454,6 +5456,7 @@
       type: Boolean,
       default: undefined
     },
+    baseColor: String,
     symbol: {
       type: null,
       default: VBtnToggleSymbol
@@ -5510,11 +5513,6 @@
       const {
         borderClasses
       } = useBorder(props);
-      const {
-        colorClasses,
-        colorStyles,
-        variantClasses
-      } = useVariant(props);
       const {
         densityClasses
       } = useDensity(props);
@@ -5551,6 +5549,18 @@
         }
         return group?.isSelected.value;
       });
+      const variantProps = vue.computed(() => {
+        const showColor = group?.isSelected.value && (!link.isLink.value || link.isActive?.value) || !group || link.isActive?.value;
+        return {
+          color: showColor ? props.color ?? props.baseColor : props.baseColor,
+          variant: props.variant
+        };
+      });
+      const {
+        colorClasses,
+        colorStyles,
+        variantClasses
+      } = useVariant(variantProps);
       const isDisabled = vue.computed(() => group?.disabled.value || props.disabled);
       const isElevated = vue.computed(() => {
         return props.variant === 'elevated' && !(props.disabled || props.flat || props.border);
@@ -5570,7 +5580,6 @@
         const hasPrepend = !!(props.prependIcon || slots.prepend);
         const hasAppend = !!(props.appendIcon || slots.append);
         const hasIcon = !!(props.icon && props.icon !== true);
-        const hasColor = group?.isSelected.value && (!link.isLink.value || link.isActive?.value) || !group || link.isActive?.value;
         return vue.withDirectives(vue.createVNode(Tag, {
           "type": Tag === 'a' ? undefined : 'button',
           "class": ['v-btn', group?.selectedClass.value, {
@@ -5583,8 +5592,8 @@
             'v-btn--loading': props.loading,
             'v-btn--slim': props.slim,
             'v-btn--stacked': props.stacked
-          }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
-          "style": [hasColor ? colorStyles.value : undefined, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
+          }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+          "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
           "aria-busy": props.loading ? true : undefined,
           "disabled": isDisabled.value || undefined,
           "href": link.href.value,
@@ -13159,6 +13168,7 @@
   // Types
 
   const makeVBottomNavigationProps = propsFactory({
+    baseColor: String,
     bgColor: String,
     color: String,
     grow: Boolean,
@@ -13240,6 +13250,7 @@
       useGroup(props, VBtnToggleSymbol);
       provideDefaults({
         VBtn: {
+          baseColor: vue.toRef(props, 'baseColor'),
           color: vue.toRef(props, 'color'),
           density: vue.toRef(props, 'density'),
           stacked: vue.computed(() => props.mode !== 'horizontal'),
@@ -17069,7 +17080,7 @@
         items,
         value
       } = _ref;
-      return new Set(value ? [items[0]?.value] : []);
+      return new Set(value ? [vue.toRaw(items[0]?.value)] : []);
     },
     selectAll: _ref2 => {
       let {
@@ -17093,7 +17104,7 @@
         selected
       } = _ref4;
       for (const item of items) {
-        if (value) selected.add(item.value);else selected.delete(item.value);
+        if (value) selected.add(vue.toRaw(item.value));else selected.delete(vue.toRaw(item.value));
       }
       return selected;
     },
@@ -17125,7 +17136,7 @@
         selected
       } = _ref7;
       for (const item of items) {
-        if (value) selected.add(item.value);else selected.delete(item.value);
+        if (value) selected.add(vue.toRaw(item.value));else selected.delete(vue.toRaw(item.value));
       }
       return selected;
     },
@@ -17185,10 +17196,10 @@
       }
     });
     function isSelected(items) {
-      return wrapInArray(items).every(item => selected.value.has(item.value));
+      return wrapInArray(items).every(item => selected.value.has(vue.toRaw(item.value)));
     }
     function isSomeSelected(items) {
-      return wrapInArray(items).some(item => selected.value.has(item.value));
+      return wrapInArray(items).some(item => selected.value.has(vue.toRaw(item.value)));
     }
     function select(items, value) {
       const newSelected = selectStrategy.value.select({
@@ -17199,7 +17210,8 @@
       selected.value = newSelected;
     }
     function toggleSelect(item) {
-      select([item], !isSelected([item]));
+      const newItem = vue.toRef(item);
+      select([newItem.value], !isSelected([newItem.value]));
     }
     function selectAll(value) {
       const newSelected = selectStrategy.value.selectAll({
@@ -18854,7 +18866,9 @@
     lastFixed: Boolean,
     noPadding: Boolean,
     tag: String,
-    width: [Number, String]
+    width: [Number, String],
+    maxWidth: [Number, String],
+    nowrap: Boolean
   }, (props, _ref) => {
     let {
       slots
@@ -18864,11 +18878,13 @@
       "class": ['v-data-table__td', {
         'v-data-table-column--fixed': props.fixed,
         'v-data-table-column--last-fixed': props.lastFixed,
-        'v-data-table-column--no-padding': props.noPadding
+        'v-data-table-column--no-padding': props.noPadding,
+        'v-data-table-column--nowrap': props.nowrap
       }, `v-data-table-column--align-${props.align}`],
       "style": {
         height: convertToUnit(props.height),
         width: convertToUnit(props.width),
+        maxWidth: convertToUnit(props.maxWidth),
         left: convertToUnit(props.fixedOffset || null)
       }
     }, {
@@ -19234,12 +19250,14 @@
           "style": {
             width: convertToUnit(column.width),
             minWidth: convertToUnit(column.minWidth),
+            maxWidth: convertToUnit(column.maxWidth),
             ...getFixedStyles(column, y)
           },
           "colspan": column.colspan,
           "rowspan": column.rowspan,
           "onClick": column.sortable ? () => toggleSort(column) : undefined,
           "fixed": column.fixed,
+          "nowrap": column.nowrap,
           "lastFixed": column.lastFixed,
           "noPadding": noPadding
         }, headerProps), {
@@ -19446,7 +19464,9 @@
           "fixedOffset": column.fixedOffset,
           "lastFixed": column.lastFixed,
           "noPadding": column.key === 'data-table-select' || column.key === 'data-table-expand',
-          "width": column.width
+          "width": column.width,
+          "maxWidth": column.maxWidth,
+          "nowrap": column.nowrap
         }, cellProps, columnCellProps), {
           default: () => {
             if (slots[slotName]) return slots[slotName](slotProps);
@@ -28622,7 +28642,7 @@
       goTo
     };
   }
-  const version$1 = "3.5.14-dev.2024-04-07";
+  const version$1 = "3.5.14-dev.2024-04-09";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28875,7 +28895,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.14-dev.2024-04-07";
+  const version = "3.5.14-dev.2024-04-09";
 
   /* eslint-disable local-rules/sort-imports */