@vuetify/nightly 3.3.5-master.2023-06-24 → 3.3.5-master.2023-06-27

package/CHANGELOG.md

@@ -1,8 +1,17 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.5-master.2023-06-24...v) (2023-06-24)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.5-master.2023-06-27...v) (2023-06-27)
 
 
 
-## [3.3.5-master.2023-06-24](https://github.com/vuetifyjs/vuetify/compare/v3.3.5...v3.3.5-master.2023-06-24) (2023-06-24)
+## [3.3.5-master.2023-06-27](https://github.com/vuetifyjs/vuetify/compare/v3.3.5...v3.3.5-master.2023-06-27) (2023-06-27)
+
+
+### Bug Fixes
+
+* correct boolean prop validator order ([06945ce](https://github.com/vuetifyjs/vuetify/commit/06945cea9c931c604d60fae0f8e1445c5c554cb1))
+* **validation:** allow validation to return false ([#17658](https://github.com/vuetifyjs/vuetify/issues/17658)) ([e7a0fa6](https://github.com/vuetifyjs/vuetify/commit/e7a0fa6aaf7553d3658c9eacc15ce5a1a1dc3372)), closes [#17548](https://github.com/vuetifyjs/vuetify/issues/17548)
+* **VAppBar:** add useToggleScope for scrollBehavior watchEffect ([c204b5a](https://github.com/vuetifyjs/vuetify/commit/c204b5a9aa0524c0c3f0c3cd18fe45c9224221c6))
+* **VDataTable:** sort empty values ([#17584](https://github.com/vuetifyjs/vuetify/issues/17584)) ([7981f10](https://github.com/vuetifyjs/vuetify/commit/7981f10d2fef90e903cbc6b1b2c26c0402993052)), closes [#17563](https://github.com/vuetifyjs/vuetify/issues/17563)
+* **VSelect:** always align the input with chips ([#17607](https://github.com/vuetifyjs/vuetify/issues/17607)) ([500bcda](https://github.com/vuetifyjs/vuetify/commit/500bcda3875c60bd1e462e600f36372a1afb1a5e)), closes [#17604](https://github.com/vuetifyjs/vuetify/issues/17604)
 
 
 

package/dist/json/attributes.json

@@ -3448,7 +3448,7 @@
     "description": "MISSING DESCRIPTION"
   },
   "v-date-card/range": {
-    "type": "boolean | 'end' | 'start'\n",
+    "type": "string | boolean\n",
     "description": "MISSING DESCRIPTION"
   },
   "v-date-card/display-date": {
@@ -3596,7 +3596,7 @@
     "description": "MISSING DESCRIPTION"
   },
   "v-date-picker/range": {
-    "type": "boolean | 'end' | 'start'\n",
+    "type": "string | boolean\n",
     "description": "Allow the selection of date range"
   },
   "v-date-picker/display-date": {
@@ -3711,10 +3711,6 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
-  "v-date-picker-month/range": {
-    "type": "boolean | 'end' | 'start'\n",
-    "description": "MISSING DESCRIPTION"
-  },
   "v-date-picker-month/display-date": {
     "type": "any\n",
     "description": "MISSING DESCRIPTION"
@@ -5365,7 +5361,7 @@
   },
   "v-menu/max-width": {
     "type": "string | number\n",
-    "description": "Sets the maximum width for the component."
+    "description": "Sets the maximum width for the component. Use '0' to use the width of the activator as the maximum width."
   },
   "v-menu/min-height": {
     "type": "string | number\n",

package/dist/json/tags.json

@@ -1186,7 +1186,6 @@
       "hover-date",
       "model-value",
       "multiple",
-      "range",
       "show-adjacent-months",
       "show-week",
       "side"

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.5-master.2023-06-24",
+  "version": "3.3.5-master.2023-06-27",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -14682,7 +14682,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | 'end' | 'start'\n"
+                "type": "string | boolean\n"
               }
             },
             {
@@ -15180,7 +15180,7 @@
               "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | 'end' | 'start'\n"
+                "type": "string | boolean\n"
               }
             },
             {
@@ -15477,7 +15477,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
-              "default": "new Date('2023-06-24T12:04:45.110Z')",
+              "default": "new Date('2023-06-27T12:04:59.128Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -15670,21 +15670,11 @@
                 "type": "boolean\n"
               }
             },
-            {
-              "name": "range",
-              "description": "MISSING DESCRIPTION",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | 'end' | 'start'\n"
-              }
-            },
             {
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "new Date('2023-06-24T12:04:45.110Z')",
+              "default": "new Date('2023-06-27T12:04:59.128Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -22145,7 +22135,7 @@
             },
             {
               "name": "maxWidth",
-              "description": "Sets the maximum width for the component.",
+              "description": "Sets the maximum width for the component. Use '0' to use the width of the activator as the maximum width.",
               "doc-url": "https://vuetifyjs.com/api/v-menu#props",
               "value": {
                 "kind": "expression",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.5-master.2023-06-24
+* Vuetify v3.3.5-master.2023-06-27
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16923,15 +16923,16 @@ html.overflow-y-hidden {
 }
 .v-autocomplete__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
   max-width: 100%;
 }
-.v-autocomplete input, .v-autocomplete__selection {
+.v-autocomplete__selection {
   margin-top: var(--v-input-chips-margin-top);
   margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-autocomplete input:first-child, .v-autocomplete__selection:first-child {
+.v-autocomplete__selection:first-child {
   margin-inline-start: 0;
 }
 .v-autocomplete--selecting-index .v-autocomplete__selection {
@@ -16952,6 +16953,10 @@ html.overflow-y-hidden {
   padding-inline-start: inherit;
   padding-inline-end: inherit;
 }
+.v-autocomplete--single .v-field--variant-outlined input {
+  top: calc(50% - var(--v-input-chips-margin-top));
+  transform: translateY(-50%);
+}
 .v-autocomplete--single .v-field--active input {
   transition: none;
 }
@@ -18688,15 +18693,16 @@ html.overflow-y-hidden {
 }
 .v-combobox__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
   max-width: 100%;
 }
-.v-combobox input, .v-combobox__selection {
+.v-combobox__selection {
   margin-top: var(--v-input-chips-margin-top);
   margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-combobox input:first-child, .v-combobox__selection:first-child {
+.v-combobox__selection:first-child {
   margin-inline-start: 0;
 }
 .v-combobox--selecting-index .v-combobox__selection {
@@ -18717,6 +18723,10 @@ html.overflow-y-hidden {
   padding-inline-start: inherit;
   padding-inline-end: inherit;
 }
+.v-combobox--single .v-field--variant-outlined input {
+  top: calc(50% - var(--v-input-chips-margin-top));
+  transform: translateY(-50%);
+}
 .v-combobox--single .v-field--active input {
   transition: none;
 }
@@ -21445,14 +21455,6 @@ textarea.v-field__input::placeholder {
   opacity: 0.2;
   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 1;
-}.v-pagination__list {
-  display: inline-flex;
-  list-style-type: none;
-  justify-content: center;
-  width: 100%;
-}
-.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
-  margin: 0.3rem;
 }.v-overlay-container {
   contain: layout;
   left: 0;
@@ -21514,6 +21516,14 @@ html.v-overlay-scroll-blocked {
 
 .v-overlay--scroll-blocked {
   padding-inline-end: var(--v-scrollbar-offset);
+}.v-pagination__list {
+  display: inline-flex;
+  list-style-type: none;
+  justify-content: center;
+  width: 100%;
+}
+.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
+  margin: 0.3rem;
 }.v-parallax {
   position: relative;
   overflow: hidden;
@@ -22016,15 +22026,16 @@ html.v-overlay-scroll-blocked {
 }
 .v-select__selection {
   display: inline-flex;
+  align-items: center;
   letter-spacing: inherit;
   line-height: inherit;
   max-width: 100%;
 }
-.v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
+.v-select .v-select__selection {
   margin-top: var(--v-input-chips-margin-top);
   margin-bottom: var(--v-input-chips-margin-bottom);
 }
-.v-select--chips .v-select__selection:first-child, .v-select--selection-slot .v-select__selection:first-child {
+.v-select .v-select__selection:first-child {
   margin-inline-start: 0;
 }
 .v-select--selected .v-field .v-field__input > input {
@@ -22714,6 +22725,8 @@ html.v-overlay-scroll-blocked {
   flex: 1;
   transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
   min-width: 0;
+  margin-top: var(--v-input-chips-margin-top);
+  margin-bottom: var(--v-input-chips-margin-bottom);
 }
 .v-text-field input:focus, .v-text-field input:active {
   outline: none;

package/dist/vuetify-labs.d.ts

@@ -69504,7 +69504,7 @@ declare const VDateCard: {
             } | undefined;
             inputMode?: "calendar" | "keyboard" | undefined;
             multiple?: boolean | undefined;
-            range?: boolean | "end" | "start" | undefined;
+            range?: string | boolean | undefined;
             modelValue?: any[] | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
@@ -69865,7 +69865,7 @@ declare const VDateCard: {
             };
             inputMode: "calendar" | "keyboard";
             multiple: boolean;
-            range: boolean | "end" | "start";
+            range: string | boolean;
             modelValue: any[];
             collapseIcon: string;
             expandIcon: string;
@@ -70150,7 +70150,7 @@ declare const VDateCard: {
             };
             inputMode: "calendar" | "keyboard";
             multiple: boolean;
-            range: boolean | "end" | "start";
+            range: string | boolean;
             modelValue: any[];
             collapseIcon: string;
             expandIcon: string;
@@ -70427,7 +70427,7 @@ declare const VDateCard: {
         };
         inputMode: "calendar" | "keyboard";
         multiple: boolean;
-        range: boolean | "end" | "start";
+        range: string | boolean;
         modelValue: any[];
         collapseIcon: string;
         expandIcon: string;
@@ -70709,7 +70709,7 @@ declare const VDateCard: {
     };
     inputMode: "calendar" | "keyboard";
     multiple: boolean;
-    range: boolean | "end" | "start";
+    range: string | boolean;
     modelValue: any[];
     collapseIcon: string;
     expandIcon: string;
@@ -70994,7 +70994,7 @@ declare const VDateCard: {
     };
     inputMode: "calendar" | "keyboard";
     multiple: boolean;
-    range: boolean | "end" | "start";
+    range: string | boolean;
     modelValue: any[];
     collapseIcon: string;
     expandIcon: string;
@@ -71480,11 +71480,6 @@ declare const VDateCard: {
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
-    range: {
-        default: boolean;
-        type: PropType<boolean | "end" | "start">;
-        validator: (v: any) => boolean;
-    };
     hoverDate: null;
     multiple: BooleanConstructor;
     side: {
@@ -71510,6 +71505,11 @@ declare const VDateCard: {
         type: StringConstructor[];
         default: string;
     };
+    range: {
+        default: boolean;
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (v: any) => boolean;
+    };
     cancelText: {
         type: StringConstructor;
         default: string;
@@ -71965,11 +71965,6 @@ declare const VDateCard: {
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
-    range: {
-        default: boolean;
-        type: PropType<boolean | "end" | "start">;
-        validator: (v: any) => boolean;
-    };
     hoverDate: null;
     multiple: BooleanConstructor;
     side: {
@@ -71995,6 +71990,11 @@ declare const VDateCard: {
         type: StringConstructor[];
         default: string;
     };
+    range: {
+        default: boolean;
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (v: any) => boolean;
+    };
     cancelText: {
         type: StringConstructor;
         default: string;
@@ -72022,7 +72022,7 @@ declare const VDatePicker: {
             inputMode?: "calendar" | "keyboard" | undefined;
             multiple?: boolean | undefined;
             landscape?: boolean | undefined;
-            range?: boolean | "end" | "start" | undefined;
+            range?: string | boolean | undefined;
             tag?: string | undefined;
             rounded?: string | number | boolean | undefined;
             modelValue?: any[] | undefined;
@@ -72154,7 +72154,7 @@ declare const VDatePicker: {
             inputMode: "calendar" | "keyboard";
             multiple: boolean;
             landscape: boolean;
-            range: boolean | "end" | "start";
+            range: string | boolean;
             tag: string;
             modelValue: any[];
             collapseIcon: string;
@@ -72236,7 +72236,7 @@ declare const VDatePicker: {
             inputMode: "calendar" | "keyboard";
             multiple: boolean;
             landscape: boolean;
-            range: boolean | "end" | "start";
+            range: string | boolean;
             tag: string;
             rounded: string | number | boolean;
             modelValue: any[];
@@ -72289,7 +72289,7 @@ declare const VDatePicker: {
         inputMode: "calendar" | "keyboard";
         multiple: boolean;
         landscape: boolean;
-        range: boolean | "end" | "start";
+        range: string | boolean;
         tag: string;
         modelValue: any[];
         collapseIcon: string;
@@ -72367,7 +72367,7 @@ declare const VDatePicker: {
     inputMode: "calendar" | "keyboard";
     multiple: boolean;
     landscape: boolean;
-    range: boolean | "end" | "start";
+    range: string | boolean;
     tag: string;
     modelValue: any[];
     collapseIcon: string;
@@ -72449,7 +72449,7 @@ declare const VDatePicker: {
     inputMode: "calendar" | "keyboard";
     multiple: boolean;
     landscape: boolean;
-    range: boolean | "end" | "start";
+    range: string | boolean;
     tag: string;
     rounded: string | number | boolean;
     modelValue: any[];
@@ -72523,11 +72523,6 @@ declare const VDatePicker: {
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
-    range: {
-        default: boolean;
-        type: vue.PropType<boolean | "end" | "start">;
-        validator: (v: any) => boolean;
-    };
     hoverDate: null;
     multiple: BooleanConstructor;
     side: {
@@ -72553,6 +72548,11 @@ declare const VDatePicker: {
         type: StringConstructor[];
         default: string;
     };
+    range: {
+        default: boolean;
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (v: any) => boolean;
+    };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
         default: string;
@@ -72630,11 +72630,6 @@ declare const VDatePicker: {
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
-    range: {
-        default: boolean;
-        type: vue.PropType<boolean | "end" | "start">;
-        validator: (v: any) => boolean;
-    };
     hoverDate: null;
     multiple: BooleanConstructor;
     side: {
@@ -72660,6 +72655,11 @@ declare const VDatePicker: {
         type: StringConstructor[];
         default: string;
     };
+    range: {
+        default: boolean;
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (v: any) => boolean;
+    };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
         default: string;
@@ -73188,7 +73188,6 @@ declare const VDatePickerMonth: {
         $props: {
             color?: string | undefined;
             multiple?: boolean | undefined;
-            range?: boolean | "end" | "start" | undefined;
             modelValue?: any[] | undefined;
             displayDate?: any;
             showAdjacentMonths?: boolean | undefined;
@@ -73271,7 +73270,6 @@ declare const VDatePickerMonth: {
         $options: vue.ComponentOptionsBase<{
             color: string;
             multiple: boolean;
-            range: boolean | "end" | "start";
             modelValue: any[];
             displayDate: any;
             showAdjacentMonths: boolean;
@@ -73303,7 +73301,6 @@ declare const VDatePickerMonth: {
         }, string, {
             color: string;
             multiple: boolean;
-            range: boolean | "end" | "start";
             modelValue: any[];
             displayDate: any;
             showAdjacentMonths: boolean;
@@ -73336,7 +73333,6 @@ declare const VDatePickerMonth: {
     } & {
         color: string;
         multiple: boolean;
-        range: boolean | "end" | "start";
         modelValue: any[];
         displayDate: any;
         showAdjacentMonths: boolean;
@@ -73367,7 +73363,6 @@ declare const VDatePickerMonth: {
 } & vue.ComponentOptionsBase<{
     color: string;
     multiple: boolean;
-    range: boolean | "end" | "start";
     modelValue: any[];
     displayDate: any;
     showAdjacentMonths: boolean;
@@ -73399,7 +73394,6 @@ declare const VDatePickerMonth: {
 }, string, {
     color: string;
     multiple: boolean;
-    range: boolean | "end" | "start";
     modelValue: any[];
     displayDate: any;
     showAdjacentMonths: boolean;
@@ -73412,25 +73406,20 @@ declare const VDatePickerMonth: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     format: StringConstructor;
     modelValue: {
-        type: PropType<any[]>;
+        type: vue.PropType<any[]>;
         default: () => never[];
     };
     displayDate: {
-        type: PropType<any>;
+        type: vue.PropType<any>;
         default: Date;
     };
     color: {
-        type: PropType<string>;
+        type: vue.PropType<string>;
         default: string;
     };
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
-    range: {
-        default: boolean;
-        type: PropType<boolean | "end" | "start">;
-        validator: (v: any) => boolean;
-    };
     hoverDate: null;
     multiple: BooleanConstructor;
     side: {
@@ -73439,25 +73428,20 @@ declare const VDatePickerMonth: {
 }, vue.ExtractPropTypes<{
     format: StringConstructor;
     modelValue: {
-        type: PropType<any[]>;
+        type: vue.PropType<any[]>;
         default: () => never[];
     };
     displayDate: {
-        type: PropType<any>;
+        type: vue.PropType<any>;
         default: Date;
     };
     color: {
-        type: PropType<string>;
+        type: vue.PropType<string>;
         default: string;
     };
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
-    range: {
-        default: boolean;
-        type: PropType<boolean | "end" | "start">;
-        validator: (v: any) => boolean;
-    };
     hoverDate: null;
     multiple: BooleanConstructor;
     side: {