vuetify 3.5.2 → 3.5.4

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.2
+* Vuetify v3.5.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5880,7 +5880,7 @@ const VAvatar = genericComponent()({
       }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
       "style": [colorStyles.value, sizeStyles.value, props.style]
     }, {
-      default: () => [props.image ? createVNode(VImg, {
+      default: () => [!slots.default ? props.image ? createVNode(VImg, {
         "key": "image",
         "src": props.image,
         "alt": "",
@@ -5888,7 +5888,20 @@ const VAvatar = genericComponent()({
       }, null) : props.icon ? createVNode(VIcon, {
         "key": "icon",
         "icon": props.icon
-      }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
+      }, null) : props.text : createVNode(VDefaultsProvider, {
+        "key": "content-defaults",
+        "defaults": {
+          VImg: {
+            cover: true,
+            image: props.image
+          },
+          VIcon: {
+            icon: props.icon
+          }
+        }
+      }, {
+        default: () => [slots.default()]
+      }), genOverlays(false, 'v-avatar')]
     }));
     return {};
   }
@@ -7637,7 +7650,8 @@ const VChip = genericComponent()({
             }
           }
         }, slots.prepend)]), createVNode("div", {
-          "class": "v-chip__content"
+          "class": "v-chip__content",
+          "data-no-activator": ""
         }, [slots.default?.({
           isSelected: group?.isSelected.value,
           selectedClass: group?.selectedClass.value,
@@ -10173,6 +10187,7 @@ const makeVOverlayProps = propsFactory({
   contentClass: null,
   contentProps: null,
   disabled: Boolean,
+  opacity: [Number, String],
   noClickAnimation: Boolean,
   modelValue: Boolean,
   persistent: Boolean,
@@ -10359,7 +10374,7 @@ const VOverlay = genericComponent()({
         ref: activatorRef,
         targetRef
       }, activatorEvents.value, props.activatorProps)
-    }), !props.disabled && isMounted.value && hasContent.value && createVNode(Teleport, {
+    }), isMounted.value && hasContent.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
     }, {
@@ -10370,12 +10385,13 @@ const VOverlay = genericComponent()({
           'v-overlay--contained': props.contained
         }, themeClasses.value, rtlClasses.value, props.class],
         "style": [stackStyles.value, {
+          '--v-overlay-opacity': props.opacity,
           top: convertToUnit(top.value)
         }, props.style],
         "ref": root
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
-        "modelValue": !!props.scrim && isActive.value
+        "modelValue": isActive.value && !!props.scrim
       }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
@@ -14222,7 +14238,7 @@ const VColorPickerCanvas = defineComponent({
       ctx.fillStyle = saturationGradient;
       ctx.fillRect(0, 0, canvas.width, canvas.height);
       const valueGradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
-      valueGradient.addColorStop(0, 'hsla(0, 0%, 100%, 0)'); // transparent
+      valueGradient.addColorStop(0, 'hsla(0, 0%, 0%, 0)'); // transparent
       valueGradient.addColorStop(1, 'hsla(0, 0%, 0%, 1)'); // black
       ctx.fillStyle = valueGradient;
       ctx.fillRect(0, 0, canvas.width, canvas.height);
@@ -15786,8 +15802,8 @@ const VColorPicker = defineComponent({
   },
   setup(props) {
     const mode = useProxiedModel(props, 'mode');
-    const lastPickedColor = ref(null);
-    const currentColor = useProxiedModel(props, 'modelValue', undefined, v => {
+    const hue = ref(null);
+    const model = useProxiedModel(props, 'modelValue', undefined, v => {
       if (v == null || v === '') return null;
       let c;
       try {
@@ -15796,24 +15812,36 @@ const VColorPicker = defineComponent({
         consoleWarn(err);
         return null;
       }
-      if (lastPickedColor.value) {
-        c = {
-          ...c,
-          h: lastPickedColor.value.h
-        };
-        lastPickedColor.value = null;
-      }
       return c;
     }, v => {
       if (!v) return null;
       return extractColor(v, props.modelValue);
     });
+    const currentColor = computed(() => {
+      return model.value ? {
+        ...model.value,
+        h: hue.value ?? model.value.h
+      } : null;
+    });
     const {
       rtlClasses
     } = useRtl();
+    let externalChange = true;
+    watch(model, v => {
+      if (!externalChange) {
+        // prevent hue shift from rgb conversion inaccuracy
+        externalChange = true;
+        return;
+      }
+      if (!v) return;
+      hue.value = v.h;
+    }, {
+      immediate: true
+    });
     const updateColor = hsva => {
-      currentColor.value = hsva;
-      lastPickedColor.value = hsva;
+      externalChange = false;
+      hue.value = hsva.h;
+      model.value = hsva;
     };
     onMounted(() => {
       if (!props.modes.includes(mode.value)) mode.value = props.modes[0];
@@ -20857,7 +20885,7 @@ const VDatePicker = genericComponent()({
       return props.multiple && model.value.length > 1 ? t('$vuetify.datePicker.itemsSelected', model.value.length) : model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header);
     });
     const text = computed(() => {
-      return adapter.format(adapter.parseISO(`${year.value}-${month.value + 1}-01`), 'monthAndYear');
+      return adapter.format(adapter.date(new Date(year.value, month.value, 1)), 'monthAndYear');
     });
     // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
     const headerTransition = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -23791,12 +23819,11 @@ const VSnackbar = genericComponent()({
         "scrollStrategy": "none",
         "_disableGlobalStack": true
       }, scopeId), {
-        default: () => [genOverlays(false, 'v-snackbar'), props.timer && createVNode("div", {
+        default: () => [genOverlays(false, 'v-snackbar'), props.timer && !isHovering.value && createVNode("div", {
           "key": "timer",
           "class": "v-snackbar__timer"
         }, [createVNode(VProgressLinear, {
           "ref": timerRef,
-          "active": !isHovering.value,
           "color": typeof props.timer === 'string' ? props.timer : 'info',
           "max": props.timeout,
           "model-value": countdown.time.value
@@ -25646,7 +25673,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.2";
+const version$1 = "3.5.4";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -25671,7 +25698,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.5.2";
+const version = "3.5.4";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };