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

package/dist/vuetify.esm.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.
 */
@@ -4455,6 +4455,7 @@ function useVariant(props) {
 }
 
 const makeVBtnGroupProps = propsFactory({
+  baseColor: String,
   divided: Boolean,
   ...makeBorderProps(),
   ...makeComponentProps(),
@@ -4490,6 +4491,7 @@ const VBtnGroup = genericComponent()({
     provideDefaults({
       VBtn: {
         height: 'auto',
+        baseColor: toRef(props, 'baseColor'),
         color: toRef(props, 'color'),
         density: toRef(props, 'density'),
         flat: true,
@@ -5683,6 +5685,7 @@ const makeVBtnProps = propsFactory({
     type: Boolean,
     default: undefined
   },
+  baseColor: String,
   symbol: {
     type: null,
     default: VBtnToggleSymbol
@@ -5739,11 +5742,6 @@ const VBtn = genericComponent()({
     const {
       borderClasses
     } = useBorder(props);
-    const {
-      colorClasses,
-      colorStyles,
-      variantClasses
-    } = useVariant(props);
     const {
       densityClasses
     } = useDensity(props);
@@ -5780,6 +5778,18 @@ const VBtn = genericComponent()({
       }
       return group?.isSelected.value;
     });
+    const variantProps = 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 = computed(() => group?.disabled.value || props.disabled);
     const isElevated = computed(() => {
       return props.variant === 'elevated' && !(props.disabled || props.flat || props.border);
@@ -5799,7 +5809,6 @@ const VBtn = genericComponent()({
       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 withDirectives(createVNode(Tag, {
         "type": Tag === 'a' ? undefined : 'button',
         "class": ['v-btn', group?.selectedClass.value, {
@@ -5812,8 +5821,8 @@ const VBtn = genericComponent()({
           '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,
@@ -13388,6 +13397,7 @@ const VBanner = genericComponent()({
 // Types
 
 const makeVBottomNavigationProps = propsFactory({
+  baseColor: String,
   bgColor: String,
   color: String,
   grow: Boolean,
@@ -13469,6 +13479,7 @@ const VBottomNavigation = genericComponent()({
     useGroup(props, VBtnToggleSymbol);
     provideDefaults({
       VBtn: {
+        baseColor: toRef(props, 'baseColor'),
         color: toRef(props, 'color'),
         density: toRef(props, 'density'),
         stacked: computed(() => props.mode !== 'horizontal'),
@@ -17298,7 +17309,7 @@ const singleSelectStrategy = {
       items,
       value
     } = _ref;
-    return new Set(value ? [items[0]?.value] : []);
+    return new Set(value ? [toRaw(items[0]?.value)] : []);
   },
   selectAll: _ref2 => {
     let {
@@ -17322,7 +17333,7 @@ const pageSelectStrategy = {
       selected
     } = _ref4;
     for (const item of items) {
-      if (value) selected.add(item.value);else selected.delete(item.value);
+      if (value) selected.add(toRaw(item.value));else selected.delete(toRaw(item.value));
     }
     return selected;
   },
@@ -17354,7 +17365,7 @@ const allSelectStrategy = {
       selected
     } = _ref7;
     for (const item of items) {
-      if (value) selected.add(item.value);else selected.delete(item.value);
+      if (value) selected.add(toRaw(item.value));else selected.delete(toRaw(item.value));
     }
     return selected;
   },
@@ -17414,10 +17425,10 @@ function provideSelection(props, _ref9) {
     }
   });
   function isSelected(items) {
-    return wrapInArray(items).every(item => selected.value.has(item.value));
+    return wrapInArray(items).every(item => selected.value.has(toRaw(item.value)));
   }
   function isSomeSelected(items) {
-    return wrapInArray(items).some(item => selected.value.has(item.value));
+    return wrapInArray(items).some(item => selected.value.has(toRaw(item.value)));
   }
   function select(items, value) {
     const newSelected = selectStrategy.value.select({
@@ -17428,7 +17439,8 @@ function provideSelection(props, _ref9) {
     selected.value = newSelected;
   }
   function toggleSelect(item) {
-    select([item], !isSelected([item]));
+    const newItem = toRef(item);
+    select([newItem.value], !isSelected([newItem.value]));
   }
   function selectAll(value) {
     const newSelected = selectStrategy.value.selectAll({
@@ -19083,7 +19095,9 @@ const VDataTableColumn = defineFunctionalComponent({
   lastFixed: Boolean,
   noPadding: Boolean,
   tag: String,
-  width: [Number, String]
+  width: [Number, String],
+  maxWidth: [Number, String],
+  nowrap: Boolean
 }, (props, _ref) => {
   let {
     slots
@@ -19093,11 +19107,13 @@ const VDataTableColumn = defineFunctionalComponent({
     "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)
     }
   }, {
@@ -19463,12 +19479,14 @@ const VDataTableHeaders = genericComponent()({
         "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), {
@@ -19675,7 +19693,9 @@ const VDataTableRow = genericComponent()({
         "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);
@@ -26372,7 +26392,7 @@ function createVuetify$1() {
     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
@@ -26397,7 +26417,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.5.14-dev.2024-04-07";
+const version = "3.5.14-dev.2024-04-09";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };