@vuetify/nightly 3.6.10-master.2024-06-21 → 3.6.11-dev.2024-07-03

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.10-master.2024-06-21
+* Vuetify v3.6.11-dev.2024-07-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3692,6 +3692,7 @@
   // not intended for public use, this is passed in by vuetify-loader
 
   const makeVImgProps = propsFactory({
+    absolute: Boolean,
     alt: String,
     cover: Boolean,
     color: String,
@@ -3948,6 +3949,7 @@
         const responsiveProps = VResponsive.filterProps(props);
         return vue.withDirectives(vue.createVNode(VResponsive, vue.mergeProps({
           "class": ['v-img', {
+            'v-img--absolute': props.absolute,
             'v-img--booting': !isBooted.value
           }, backgroundColorClasses.value, roundedClasses.value, props.class],
           "style": [{
@@ -5747,6 +5749,7 @@
       type: Boolean,
       default: undefined
     },
+    activeColor: String,
     baseColor: String,
     symbol: {
       type: null,
@@ -5838,10 +5841,11 @@
         }
         return group?.isSelected.value;
       });
+      const color = vue.computed(() => isActive.value ? props.activeColor ?? props.color : props.color);
       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,
+          color: showColor ? color.value ?? props.baseColor : props.baseColor,
           variant: props.variant
         };
       });
@@ -6182,6 +6186,7 @@
     icon: IconValue,
     image: String,
     text: String,
+    ...makeBorderProps(),
     ...makeComponentProps(),
     ...makeDensityProps(),
     ...makeRoundedProps(),
@@ -6202,6 +6207,9 @@
       const {
         themeClasses
       } = provideTheme(props);
+      const {
+        borderClasses
+      } = useBorder(props);
       const {
         colorClasses,
         colorStyles,
@@ -6221,7 +6229,7 @@
         "class": ['v-avatar', {
           'v-avatar--start': props.start,
           'v-avatar--end': props.end
-        }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+        }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
         "style": [colorStyles.value, sizeStyles.value, props.style]
       }, {
         default: () => [!slots.default ? props.image ? vue.createVNode(VImg, {
@@ -6921,12 +6929,14 @@
     const validateOn = vue.computed(() => {
       let value = (props.validateOn ?? form?.validateOn.value) || 'input';
       if (value === 'lazy') value = 'input lazy';
+      if (value === 'eager') value = 'input eager';
       const set = new Set(value?.split(' ') ?? []);
       return {
-        blur: set.has('blur') || set.has('input'),
         input: set.has('input'),
-        submit: set.has('submit'),
-        lazy: set.has('lazy')
+        blur: set.has('blur') || set.has('input') || set.has('invalid-input'),
+        invalidInput: set.has('invalid-input'),
+        lazy: set.has('lazy'),
+        eager: set.has('eager')
       };
     });
     const isValid = vue.computed(() => {
@@ -6963,11 +6973,11 @@
     });
     vue.onMounted(async () => {
       if (!validateOn.value.lazy) {
-        await validate(true);
+        await validate(!validateOn.value.eager);
       }
       form?.update(uid.value, isValid.value, errorMessages.value);
     });
-    useToggleScope(() => validateOn.value.input, () => {
+    useToggleScope(() => validateOn.value.input || validateOn.value.invalidInput && isValid.value === false, () => {
       vue.watch(validationModel, () => {
         if (validationModel.value != null) {
           validate();
@@ -6995,7 +7005,7 @@
     async function resetValidation() {
       isPristine.value = true;
       if (!validateOn.value.lazy) {
-        await validate(true);
+        await validate(!validateOn.value.eager);
       } else {
         internalErrorMessages.value = [];
       }
@@ -7935,7 +7945,9 @@
         selected: group.selected,
         scrollTo,
         scrollOffset,
-        focus
+        focus,
+        hasPrev,
+        hasNext
       };
     }
   });
@@ -11066,7 +11078,7 @@
       const potentialShadowDomRoot = vue.computed(() => activatorEl?.value?.getRootNode());
       const {
         teleportTarget
-      } = useTeleport(vue.computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value : false));
+      } = useTeleport(vue.computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value ?? true : false));
       const {
         dimensionStyles
       } = useDimension(props);
@@ -21137,6 +21149,7 @@
       default: false
     },
     ...makeComponentProps(),
+    ...makeDimensionProps(),
     ...makeTagProps()
   }, 'VContainer');
   const VContainer = genericComponent()({
@@ -21149,11 +21162,14 @@
       const {
         rtlClasses
       } = useRtl();
+      const {
+        dimensionStyles
+      } = useDimension(props);
       useRender(() => vue.createVNode(props.tag, {
         "class": ['v-container', {
           'v-container--fluid': props.fluid
         }, rtlClasses.value, props.class],
-        "style": props.style
+        "style": [dimensionStyles.value, props.style]
       }, slots));
       return {};
     }
@@ -22566,7 +22582,8 @@
       default: false
     },
     readonly: Boolean,
-    ...makeComponentProps()
+    ...makeComponentProps(),
+    ...makeDimensionProps()
   }, 'VExpansionPanelTitle');
   const VExpansionPanelTitle = genericComponent()({
     name: 'VExpansionPanelTitle',
@@ -22584,6 +22601,9 @@
         backgroundColorClasses,
         backgroundColorStyles
       } = useBackgroundColor(props, 'color');
+      const {
+        dimensionStyles
+      } = useDimension(props);
       const slotProps = vue.computed(() => ({
         collapseIcon: props.collapseIcon,
         disabled: expansionPanel.disabled.value,
@@ -22598,7 +22618,7 @@
           'v-expansion-panel-title--focusable': props.focusable,
           'v-expansion-panel-title--static': props.static
         }, backgroundColorClasses.value, props.class],
-        "style": [backgroundColorStyles.value, props.style],
+        "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
         "type": "button",
         "tabindex": expansionPanel.disabled.value ? -1 : undefined,
         "disabled": expansionPanel.disabled.value,
@@ -28099,7 +28119,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.10-master.2024-06-21";
+  const version$1 = "3.6.11-dev.2024-07-03";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28124,7 +28144,7 @@
       ...options
     });
   };
-  const version = "3.6.10-master.2024-06-21";
+  const version = "3.6.11-dev.2024-07-03";
   createVuetify.version = version;
 
   exports.blueprints = index;