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

package/CHANGELOG.md

@@ -1,18 +1,19 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v4.0.0-dev-20230515.0...v) (2023-05-15)
+# [](https://github.com/vuetifyjs/vuetify/compare/v4.0.0-dev-20230516.0...v) (2023-05-16)
 
 
 
-# [4.0.0-dev-20230515.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.4...v4.0.0-dev-20230515.0) (2023-05-15)
+# [4.0.0-dev-20230516.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.5...v4.0.0-dev-20230516.0) (2023-05-16)
 
 
 ### Bug Fixes
 
 * **group:** respect selection order in v-model ([#17325](https://github.com/vuetifyjs/vuetify/issues/17325)) ([1de8468](https://github.com/vuetifyjs/vuetify/commit/1de84681a2437e7400ee68f9616a636e33789c6b)), closes [#17227](https://github.com/vuetifyjs/vuetify/issues/17227)
+* **validation:** validate initial input value ([#17111](https://github.com/vuetifyjs/vuetify/issues/17111)) ([d1da47a](https://github.com/vuetifyjs/vuetify/commit/d1da47a70436d567fe4db3bd8a692e3e93e5f792)), closes [#15568](https://github.com/vuetifyjs/vuetify/issues/15568)
+* **VCheckbox:** use internal indeterminate value ([a3150c4](https://github.com/vuetifyjs/vuetify/commit/a3150c46d1ec743505a50cc16b319f53e87f58b5)), closes [#17389](https://github.com/vuetifyjs/vuetify/issues/17389)
 * **VCombobox:** close menu on icon mousedown ([3d91fe7](https://github.com/vuetifyjs/vuetify/commit/3d91fe7906ad84f8c177e3815a72074d778081c9)), closes [#17280](https://github.com/vuetifyjs/vuetify/issues/17280) [#17355](https://github.com/vuetifyjs/vuetify/issues/17355)
 * **VCombobox:** show menu icon when hideNoData is disabled ([c69dc9e](https://github.com/vuetifyjs/vuetify/commit/c69dc9e851e48e8fbff56119d9077b94e1666b82))
-* **VSelect:** don't erase readonly items array type ([24396ea](https://github.com/vuetifyjs/vuetify/commit/24396ea3d71dc458529d0a99b07bebb4d950947f)), closes [#17361](https://github.com/vuetifyjs/vuetify/issues/17361)
+* **VSelect:** avoid distributive conditional type with unbound generic ([5bdcfde](https://github.com/vuetifyjs/vuetify/commit/5bdcfde6fdcaa99924b48f28d2e519f66bd15b25)), closes [#17383](https://github.com/vuetifyjs/vuetify/issues/17383)
 * **VSelect:** don't rotate append-inner-icon ([4d60eb7](https://github.com/vuetifyjs/vuetify/commit/4d60eb7b67b55e4a5a20d7f61c75175d967e9bf9)), closes [#4447](https://github.com/vuetifyjs/vuetify/issues/4447)
-* **VSwitch:** only apply auto width when using inset prop ([ad49126](https://github.com/vuetifyjs/vuetify/commit/ad4912683cd48a5ac733cf895917a458d5763f48)), closes [#17312](https://github.com/vuetifyjs/vuetify/issues/17312)
 
 
 ### Features

package/dist/json/attributes.json

@@ -588,7 +588,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-autocomplete/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-autocomplete/focused": {
@@ -1716,7 +1716,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-checkbox/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-checkbox/validation-value": {
@@ -2432,7 +2432,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-combobox/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-combobox/focused": {
@@ -3772,7 +3772,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-file-input/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-file-input/validation-value": {
@@ -3896,7 +3896,7 @@
     "description": "Puts all children inputs into a readonly state."
   },
   "v-form/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Changes the events in which validation occurs."
   },
   "v-form/fast-fail": {
@@ -4148,7 +4148,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-input/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-input/validation-value": {
@@ -5488,7 +5488,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-radio-group/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-radio-group/validation-value": {
@@ -5604,7 +5604,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-range-slider/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-range-slider/validation-value": {
@@ -6196,7 +6196,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-select/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-select/focused": {
@@ -6752,7 +6752,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-slider/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-slider/validation-value": {
@@ -7080,7 +7080,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-switch/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-switch/validation-value": {
@@ -7552,7 +7552,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-text-field/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-text-field/validation-value": {
@@ -7740,7 +7740,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-textarea/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-textarea/validation-value": {
@@ -8200,7 +8200,7 @@
     "description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`"
   },
   "v-validation/validate-on": {
-    "type": "\"blur\" | \"input\" | \"submit\"",
+    "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\"",
     "description": "Change what type of event triggers validation to run."
   },
   "v-validation/validation-value": {

package/dist/json/importMap.json

@@ -264,6 +264,10 @@
       "from": "components/VMain/index.mjs",
       "styles": []
     },
+    "VMenu": {
+      "from": "components/VMenu/index.mjs",
+      "styles": []
+    },
     "VMessages": {
       "from": "components/VMessages/index.mjs",
       "styles": []
@@ -344,10 +348,6 @@
       "from": "components/VTabs/index.mjs",
       "styles": []
     },
-    "VMenu": {
-      "from": "components/VMenu/index.mjs",
-      "styles": []
-    },
     "VTable": {
       "from": "components/VTable/index.mjs",
       "styles": []

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "4.0.0-dev-20230515.0",
+  "version": "4.0.0-dev-20230516.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1720,7 +1720,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -5632,7 +5632,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-checkbox#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -8046,7 +8046,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-combobox#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -14124,7 +14124,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-file-input#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -14849,7 +14849,7 @@
               "default": "'input'",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -14883,7 +14883,7 @@
               "arguments": [
                 {
                   "name": "argument",
-                  "type": "[<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/form.ts#L47-L47\" target=\"_blank\">SubmitEventPromise</a>]"
+                  "type": "[<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/form.ts#L48-L48\" target=\"_blank\">SubmitEventPromise</a>]"
                 }
               ]
             }
@@ -14910,6 +14910,10 @@
                   "name": "isValidating",
                   "type": "ShallowRef<boolean>"
                 },
+                {
+                  "name": "isValid",
+                  "type": "Ref<boolean> & { externalValue: boolean }"
+                },
                 {
                   "name": "items",
                   "type": "Ref<{ id: string | number; validate: () => Promise<string[]>; reset: () => void; resetValidation: () => void; isValid: boolean; errorMessages: string[]; }[]>"
@@ -15772,7 +15776,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-input#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -20726,7 +20730,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-radio-group#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -21283,7 +21287,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-range-slider#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -23391,7 +23395,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-select#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -25575,7 +25579,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-slider#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -26836,7 +26840,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-switch#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -28415,7 +28419,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-text-field#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -29265,7 +29269,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-textarea#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -31009,7 +31013,7 @@
               "doc-url": "https://vuetifyjs.com/api/v-validation#props",
               "value": {
                 "kind": "expression",
-                "type": "\"blur\" | \"input\" | \"submit\""
+                "type": "\"lazy\" | \"blur\" | \"input\" | \"submit\" | \"blur lazy\" | \"input lazy\" | \"submit lazy\" | \"lazy blur\" | \"lazy input\" | \"lazy submit\""
               }
             },
             {
@@ -31101,7 +31105,7 @@
                 },
                 {
                   "name": "validate",
-                  "type": "() => Promise<string[]>"
+                  "type": "(silent: boolean) => Promise<string[]>"
                 },
                 {
                   "name": "validationClasses",

package/dist/vuetify-labs.css

@@ -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.
 */
@@ -18284,10 +18284,12 @@ html.overflow-y-hidden {
   border-radius: 4px;
 }
 
+.v-chip__content {
+  align-items: center;
+  display: inline-flex;
+}
 .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
   overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .v-chip__filter,
@@ -21044,6 +21046,8 @@ textarea.v-field__input::placeholder {
 
 .v-navigation-drawer__scrim {
   position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   background: black;