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

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.5-dev.2024-12-03
+* Vuetify v3.7.5-master.2024-12-11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3245,8 +3245,6 @@ function ExpandTransitionGenerator () {
   }
 }
 
-// Utilities
-
 // Types
 
 const makeVDialogTransitionProps = propsFactory({
@@ -7987,7 +7985,6 @@ const VSlideGroup = genericComponent()({
 
 const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
 const makeVChipGroupProps = propsFactory({
-  baseColor: String,
   column: Boolean,
   filter: Boolean,
   valueComparator: {
@@ -8027,7 +8024,6 @@ const VChipGroup = genericComponent()({
     } = useGroup(props, VChipGroupSymbol);
     provideDefaults({
       VChip: {
-        baseColor: toRef(props, 'baseColor'),
         color: toRef(props, 'color'),
         disabled: toRef(props, 'disabled'),
         filter: toRef(props, 'filter'),
@@ -8061,7 +8057,6 @@ const makeVChipProps = propsFactory({
   activeClass: String,
   appendAvatar: String,
   appendIcon: IconValue,
-  baseColor: String,
   closable: Boolean,
   closeIcon: {
     type: IconValue,
@@ -8136,6 +8131,11 @@ const VChip = genericComponent()({
     const {
       borderClasses
     } = useBorder(props);
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
     const {
       densityClasses
     } = useDensity(props);
@@ -8165,18 +8165,6 @@ const VChip = genericComponent()({
         emit('click:close', e);
       }
     }));
-    const variantProps = 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;
@@ -8197,6 +8185,7 @@ const VChip = genericComponent()({
       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 && withDirectives(createVNode(Tag, mergeProps({
         "class": ['v-chip', {
           'v-chip--disabled': props.disabled,
@@ -8205,8 +8194,8 @@ const VChip = genericComponent()({
           'v-chip--filter': hasFilter,
           '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],
+        }, 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],
         "disabled": props.disabled || undefined,
         "draggable": props.draggable,
         "tabindex": isClickable.value ? 0 : undefined,
@@ -12308,6 +12297,7 @@ function useVirtual(props, items) {
       }
     }
   });
+  let scrollTimeout = -1;
   function handleScroll() {
     if (!containerRef.value || !markerRef.value) return;
     const scrollTop = containerRef.value.scrollTop;
@@ -12324,12 +12314,15 @@ function useVirtual(props, items) {
     }
     lastScrollTop = scrollTop;
     lastScrollTime = scrollTime;
+    window.clearTimeout(scrollTimeout);
+    scrollTimeout = window.setTimeout(handleScrollend, 500);
     calculateVisibleItems();
   }
   function handleScrollend() {
     if (!containerRef.value || !markerRef.value) return;
     scrollVelocity = 0;
     lastScrollTime = 0;
+    window.clearTimeout(scrollTimeout);
     calculateVisibleItems();
   }
   let raf = -1;
@@ -12388,7 +12381,7 @@ function useVirtual(props, items) {
     updateOffsets.immediate();
     calculateVisibleItems();
   }, {
-    deep: 1
+    deep: true
   });
   return {
     calculateVisibleItems,
@@ -25100,7 +25093,7 @@ const VRangeSlider = genericComponent()({
               // the thumbs are on top of each other
               // and they are both at minimum value
               // but only if focused from outside.
-              if (model.value[0] === model.value[1] && model.value[1] === min.value && e.relatedTarget !== stopThumbRef.value?.$el) {
+              if (max.value !== min.value && model.value[0] === model.value[1] && model.value[1] === min.value && e.relatedTarget !== stopThumbRef.value?.$el) {
                 startThumbRef.value?.$el.blur();
                 stopThumbRef.value?.$el.focus();
               }
@@ -25129,7 +25122,7 @@ const VRangeSlider = genericComponent()({
               // the thumbs are on top of each other
               // and they are both at maximum value
               // but only if focused from outside.
-              if (model.value[0] === model.value[1] && model.value[0] === max.value && e.relatedTarget !== startThumbRef.value?.$el) {
+              if (max.value !== min.value && model.value[0] === model.value[1] && model.value[0] === max.value && e.relatedTarget !== startThumbRef.value?.$el) {
                 stopThumbRef.value?.$el.blur();
                 startThumbRef.value?.$el.focus();
               }
@@ -25773,8 +25766,6 @@ const makeLineProps = propsFactory({
   }
 }, 'Line');
 
-// Utilities
-
 // Types
 
 const makeVBarlineProps = propsFactory({
@@ -25971,8 +25962,6 @@ function moveTo(to, from, radius) {
   };
 }
 
-// Utilities
-
 // Types
 
 const makeVTrendlineProps = propsFactory({
@@ -28277,7 +28266,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.5-dev.2024-12-03";
+const version$1 = "3.7.5-master.2024-12-11";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28302,7 +28291,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.5-dev.2024-12-03";
+const version = "3.7.5-master.2024-12-11";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };