@vuetify/nightly 3.7.4-master.2024-12-02 → 3.7.5-dev.2024-12-03

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.4-master.2024-12-02
+* Vuetify v3.7.5-dev.2024-12-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2809,6 +2809,8 @@
     }
   }
 
+  // Utilities
+
   // Types
 
   const makeVDialogTransitionProps = propsFactory({
@@ -7756,6 +7758,7 @@
 
   const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
   const makeVChipGroupProps = propsFactory({
+    baseColor: String,
     column: Boolean,
     filter: Boolean,
     valueComparator: {
@@ -7795,6 +7798,7 @@
       } = useGroup(props, VChipGroupSymbol);
       provideDefaults({
         VChip: {
+          baseColor: vue.toRef(props, 'baseColor'),
           color: vue.toRef(props, 'color'),
           disabled: vue.toRef(props, 'disabled'),
           filter: vue.toRef(props, 'filter'),
@@ -7828,6 +7832,7 @@
     activeClass: String,
     appendAvatar: String,
     appendIcon: IconValue,
+    baseColor: String,
     closable: Boolean,
     closeIcon: {
       type: IconValue,
@@ -7902,11 +7907,6 @@
       const {
         borderClasses
       } = useBorder(props);
-      const {
-        colorClasses,
-        colorStyles,
-        variantClasses
-      } = useVariant(props);
       const {
         densityClasses
       } = useDensity(props);
@@ -7936,6 +7936,18 @@
           emit('click:close', e);
         }
       }));
+      const variantProps = vue.computed(() => {
+        const showColor = !group || group.isSelected.value;
+        return {
+          color: showColor ? props.color ?? props.baseColor : props.baseColor,
+          variant: props.variant
+        };
+      });
+      const {
+        colorClasses,
+        colorStyles,
+        variantClasses
+      } = useVariant(variantProps);
       function onClick(e) {
         emit('click', e);
         if (!isClickable.value) return;
@@ -7956,16 +7968,16 @@
         const hasFilter = !!(slots.filter || props.filter) && group;
         const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);
         const hasPrepend = !!(hasPrependMedia || slots.prepend);
-        const hasColor = !group || group.isSelected.value;
         return isActive.value && vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
           "class": ['v-chip', {
             'v-chip--disabled': props.disabled,
             'v-chip--label': props.label,
             'v-chip--link': isClickable.value,
             'v-chip--filter': hasFilter,
-            'v-chip--pill': props.pill
-          }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group?.selectedClass.value, props.class],
-          "style": [hasColor ? colorStyles.value : undefined, props.style],
+            'v-chip--pill': props.pill,
+            [`${props.activeClass}`]: props.activeClass && link.isActive?.value
+          }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group?.selectedClass.value, props.class],
+          "style": [colorStyles.value, props.style],
           "disabled": props.disabled || undefined,
           "draggable": props.draggable,
           "tabindex": isClickable.value ? 0 : undefined,
@@ -11621,7 +11633,8 @@
           "style": textColorStyles.value
         }, {
           default: () => [label()]
-        }), vue.createVNode(VFieldLabel, {
+        }), hasLabel.value && vue.createVNode(VFieldLabel, {
+          "key": "label",
           "ref": labelRef,
           "for": id.value
         }, {
@@ -12146,7 +12159,7 @@
       updateOffsets.immediate();
       calculateVisibleItems();
     }, {
-      deep: true
+      deep: 1
     });
     return {
       calculateVisibleItems,
@@ -25531,6 +25544,8 @@
     }
   }, 'Line');
 
+  // Utilities
+
   // Types
 
   const makeVBarlineProps = propsFactory({
@@ -25727,6 +25742,8 @@
     };
   }
 
+  // Utilities
+
   // Types
 
   const makeVTrendlineProps = propsFactory({
@@ -30408,7 +30425,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.4-master.2024-12-02";
+  const version$1 = "3.7.5-dev.2024-12-03";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30661,7 +30678,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.4-master.2024-12-02";
+  const version = "3.7.5-dev.2024-12-03";
 
   /* eslint-disable local-rules/sort-imports */