@vuetify/nightly 3.9.0-master.2025-07-11 → 3.9.0-master.2025-07-13

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-master.2025-07-11
+* Vuetify v3.9.0-master.2025-07-13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7249,7 +7249,6 @@
       } = useInputIcon(props);
       const uid = vue.useId();
       const id = vue.computed(() => props.id || `input-${uid}`);
-      const messagesId = vue.computed(() => `${id.value}-messages`);
       const {
         errorMessages,
         isDirty,
@@ -7263,6 +7262,18 @@
         validate,
         validationClasses
       } = useValidation(props, 'v-input', id);
+      const messages = vue.computed(() => {
+        if (props.errorMessages?.length || !isPristine.value && errorMessages.value.length) {
+          return errorMessages.value;
+        } else if (props.hint && (props.persistentHint || props.focused)) {
+          return props.hint;
+        } else {
+          return props.messages;
+        }
+      });
+      const hasMessages = vue.toRef(() => messages.value.length > 0);
+      const hasDetails = vue.toRef(() => !props.hideDetails || props.hideDetails === 'auto' && (hasMessages.value || !!slots.details));
+      const messagesId = vue.computed(() => hasDetails.value ? `${id.value}-messages` : undefined);
       const slotProps = vue.computed(() => ({
         id,
         messagesId,
@@ -7272,6 +7283,7 @@
         isPristine,
         isValid,
         isValidating,
+        hasDetails,
         reset,
         resetValidation,
         validate
@@ -7283,20 +7295,9 @@
         if (!props.iconColor) return undefined;
         return props.iconColor === true ? color.value : props.iconColor;
       });
-      const messages = vue.computed(() => {
-        if (props.errorMessages?.length || !isPristine.value && errorMessages.value.length) {
-          return errorMessages.value;
-        } else if (props.hint && (props.persistentHint || props.focused)) {
-          return props.hint;
-        } else {
-          return props.messages;
-        }
-      });
       useRender(() => {
         const hasPrepend = !!(slots.prepend || props.prependIcon);
         const hasAppend = !!(slots.append || props.appendIcon);
-        const hasMessages = messages.value.length > 0;
-        const hasDetails = !props.hideDetails || props.hideDetails === 'auto' && (hasMessages || !!slots.details);
         return vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-input', `v-input--${props.direction}`, {
             'v-input--center-affix': props.centerAffix,
@@ -7321,13 +7322,13 @@
           "key": "append-icon",
           "name": "append",
           "color": iconColor.value
-        }, null), slots.append?.(slotProps.value)]), hasDetails && vue.createElementVNode("div", {
+        }, null), slots.append?.(slotProps.value)]), hasDetails.value && vue.createElementVNode("div", {
           "id": messagesId.value,
           "class": "v-input__details",
           "role": "alert",
           "aria-live": "polite"
         }, [vue.createVNode(VMessages, {
-          "active": hasMessages,
+          "active": hasMessages.value,
           "messages": messages.value
         }, {
           message: slots.message
@@ -12015,6 +12016,7 @@
     },
     color: String,
     baseColor: String,
+    details: Boolean,
     dirty: Boolean,
     disabled: {
       type: Boolean,
@@ -12086,7 +12088,7 @@
       const hasFloatingLabel = vue.toRef(() => !props.singleLine && hasLabel.value);
       const uid = vue.useId();
       const id = vue.computed(() => props.id || `input-${uid}`);
-      const messagesId = vue.toRef(() => `${id.value}-messages`);
+      const messagesId = vue.toRef(() => !props.details ? undefined : `${id.value}-messages`);
       const labelRef = vue.ref();
       const floatingLabelRef = vue.ref();
       const controlRef = vue.ref();
@@ -12444,6 +12446,7 @@
               isDirty,
               isReadonly,
               isValid,
+              hasDetails,
               reset
             } = _ref2;
             return vue.createVNode(VField, vue.mergeProps({
@@ -12460,6 +12463,7 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
+              "details": hasDetails.value,
               "error": isValid.value === false
             }), {
               ...slots,
@@ -24281,7 +24285,8 @@
               isDisabled,
               isDirty,
               isReadonly,
-              isValid
+              isValid,
+              hasDetails
             } = _ref3;
             return vue.createVNode(VField, vue.mergeProps({
               "ref": vFieldRef,
@@ -24297,6 +24302,7 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
+              "details": hasDetails.value,
               "error": isValid.value === false,
               "onDragover": onDragover,
               "onDrop": onDrop
@@ -29054,7 +29060,8 @@
               isDisabled,
               isDirty,
               isReadonly,
-              isValid
+              isValid,
+              hasDetails
             } = _ref2;
             return vue.createVNode(VField, vue.mergeProps({
               "ref": vFieldRef,
@@ -29073,6 +29080,7 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
+              "details": hasDetails.value,
               "error": isValid.value === false
             }), {
               ...slots,
@@ -31274,6 +31282,9 @@
       function onSave() {
         menu.value = false;
       }
+      function onCancel() {
+        menu.value = false;
+      }
       useRender(() => {
         const confirmEditProps = VConfirmEdit.filterProps(props);
         const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']));
@@ -31309,7 +31320,8 @@
             default: () => [vue.createVNode(VConfirmEdit, vue.mergeProps(confirmEditProps, {
               "modelValue": model.value,
               "onUpdate:modelValue": $event => model.value = $event,
-              "onSave": onSave
+              "onSave": onSave,
+              "onCancel": onCancel
             }), {
               default: _ref2 => {
                 let {
@@ -31319,12 +31331,16 @@
                   cancel,
                   isPristine
                 } = _ref2;
+                function onUpdateModel(value) {
+                  if (!props.hideActions) {
+                    proxyModel.value = value;
+                  } else {
+                    model.value = value;
+                  }
+                }
                 return vue.createVNode(VColorPicker, vue.mergeProps(colorPickerProps, {
-                  "modelValue": proxyModel.value,
-                  "onUpdate:modelValue": val => {
-                    proxyModel.value = val;
-                    model.value = val;
-                  },
+                  "modelValue": props.hideActions ? model.value : proxyModel.value,
+                  "onUpdate:modelValue": value => onUpdateModel(value),
                   "onMousedown": e => e.preventDefault()
                 }), {
                   actions: !props.hideActions ? () => slots.actions?.({
@@ -31459,7 +31475,10 @@
   // Types
 
   const makeVDateInputProps = propsFactory({
-    displayFormat: [Function, String],
+    displayFormat: {
+      type: [Function, String],
+      default: undefined
+    },
     location: {
       type: String,
       default: 'bottom start'
@@ -32398,6 +32417,7 @@
         }
         return val;
       });
+      const validationValue = vue.toRef(() => returnMaskedValue.value ? maskText(model.value) : unmaskText(model.value));
       vue.onBeforeMount(() => {
         if (props.returnMaskedValue) {
           emit('update:modelValue', model.value);
@@ -32408,7 +32428,8 @@
         return vue.createVNode(VTextField, vue.mergeProps(textFieldProps, {
           "modelValue": model.value,
           "onUpdate:modelValue": $event => model.value = $event,
-          "ref": vTextFieldRef
+          "ref": vTextFieldRef,
+          "validationValue": validationValue.value
         }), {
           ...slots
         });
@@ -33688,7 +33709,7 @@
       };
     });
   }
-  const version$1 = "3.9.0-master.2025-07-11";
+  const version$1 = "3.9.0-master.2025-07-13";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -33986,7 +34007,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.9.0-master.2025-07-11";
+  const version = "3.9.0-master.2025-07-13";
 
   /* eslint-disable local-rules/sort-imports */