@vuetify/nightly 4.0.0-dev-20230515.0 → 4.0.0-dev-20230516.0

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230515.0
+* Vuetify v4.0.0-dev-20230516.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5935,12 +5935,9 @@
     }
     function reset() {
       items.value.forEach(item => item.reset());
-      model.value = null;
     }
     function resetValidation() {
       items.value.forEach(item => item.resetValidation());
-      errors.value = [];
-      model.value = null;
     }
     vue.watch(items, () => {
       let valid = 0;
@@ -5994,6 +5991,7 @@
       isDisabled,
       isReadonly,
       isValidating,
+      isValid: model,
       items,
       validateOn: vue.toRef(props, 'validateOn')
     });
@@ -6002,6 +6000,7 @@
       isDisabled,
       isReadonly,
       isValidating,
+      isValid: model,
       items,
       validate,
       reset,
@@ -6053,10 +6052,25 @@
     const errorMessages = vue.computed(() => {
       return props.errorMessages.length ? wrapInArray(props.errorMessages).slice(0, Math.max(0, +props.maxErrors)) : internalErrorMessages.value;
     });
+    const validateOn = vue.computed(() => {
+      let value = (props.validateOn ?? form?.validateOn.value) || 'input';
+      if (value === 'lazy') value = 'input lazy';
+      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')
+      };
+    });
     const isValid = vue.computed(() => {
-      if (props.error || errorMessages.value.length) return false;
+      if (props.error || props.errorMessages.length) return false;
       if (!props.rules.length) return true;
-      return isPristine.value ? null : true;
+      if (isPristine.value) {
+        return internalErrorMessages.value.length || validateOn.value.lazy ? null : true;
+      } else {
+        return !internalErrorMessages.value.length;
+      }
     });
     const isValidating = vue.shallowRef(false);
     const validationClasses = vue.computed(() => {
@@ -6079,11 +6093,13 @@
     vue.onBeforeUnmount(() => {
       form?.unregister(uid.value);
     });
-    const validateOn = vue.computed(() => props.validateOn || form?.validateOn.value || 'input');
-
-    // Set initial valid state, for inputs that might not have rules
-    vue.onMounted(() => form?.update(uid.value, isValid.value, errorMessages.value));
-    useToggleScope(() => validateOn.value === 'input', () => {
+    vue.onMounted(async () => {
+      if (!validateOn.value.lazy) {
+        await validate(true);
+      }
+      form?.update(uid.value, isValid.value, errorMessages.value);
+    });
+    useToggleScope(() => validateOn.value.input, () => {
       vue.watch(validationModel, () => {
         if (validationModel.value != null) {
           validate();
@@ -6095,7 +6111,7 @@
         }
       });
     });
-    useToggleScope(() => validateOn.value === 'blur', () => {
+    useToggleScope(() => validateOn.value.blur, () => {
       vue.watch(() => props.focused, val => {
         if (!val) validate();
       });
@@ -6104,14 +6120,19 @@
       form?.update(uid.value, isValid.value, errorMessages.value);
     });
     function reset() {
-      resetValidation();
       model.value = null;
+      vue.nextTick(resetValidation);
     }
     function resetValidation() {
       isPristine.value = true;
-      internalErrorMessages.value = [];
+      if (!validateOn.value.lazy) {
+        validate(true);
+      } else {
+        internalErrorMessages.value = [];
+      }
     }
     async function validate() {
+      let silent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       const results = [];
       isValidating.value = true;
       for (const rule of props.rules) {
@@ -6130,7 +6151,7 @@
       }
       internalErrorMessages.value = results;
       isValidating.value = false;
-      isPristine.value = false;
+      isPristine.value = silent;
       return internalErrorMessages.value;
     }
     return {
@@ -6220,7 +6241,7 @@
         validate
       }));
       const messages = vue.computed(() => {
-        if (errorMessages.value.length > 0) {
+        if (!isPristine.value && errorMessages.value.length > 0) {
           return errorMessages.value;
         } else if (props.hint && (props.persistentHint || props.focused)) {
           return props.hint;
@@ -6873,10 +6894,10 @@
         }
       }
       const falseIcon = vue.computed(() => {
-        return props.indeterminate ? props.indeterminateIcon : props.falseIcon;
+        return indeterminate.value ? props.indeterminateIcon : props.falseIcon;
       });
       const trueIcon = vue.computed(() => {
-        return props.indeterminate ? props.indeterminateIcon : props.trueIcon;
+        return indeterminate.value ? props.indeterminateIcon : props.trueIcon;
       });
       useRender(() => vue.createVNode(VSelectionControl, vue.mergeProps(props, {
         "modelValue": model.value,
@@ -6886,7 +6907,7 @@
         "type": "checkbox",
         "falseIcon": falseIcon.value,
         "trueIcon": trueIcon.value,
-        "aria-checked": props.indeterminate ? 'mixed' : undefined
+        "aria-checked": indeterminate.value ? 'mixed' : undefined
       }), slots));
       return {};
     }
@@ -21715,7 +21736,7 @@
       date
     };
   }
-  const version$1 = "4.0.0-dev-20230515.0";
+  const version$1 = "4.0.0-dev-20230516.0";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -21727,7 +21748,7 @@
     }
   }
 
-  const version = "4.0.0-dev-20230515.0";
+  const version = "4.0.0-dev-20230516.0";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};