vuetify 3.3.12 → 3.4.0-alpha.0

package/dist/json/attributes.json

@@ -179,10 +179,6 @@
     "type": "string\n",
     "description": "Specifies a [v-img](/components/images) as the component's background."
   },
-  "v-app-bar/scroll-behavior": {
-    "type": "string\n",
-    "description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space."
-  },
   "v-app-bar/collapse": {
     "type": "boolean\n",
     "description": "Morphs the component into a collapsed state, reducing its maximum width."
@@ -211,6 +207,10 @@
     "type": "string | number\n",
     "description": "The amount of scroll distance down before **scroll-behavior** activates."
   },
+  "v-app-bar/scroll-behavior": {
+    "type": "'hide' | 'inverted' | 'collapse' | 'elevate' | 'fade-image'\n",
+    "description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space."
+  },
   "v-app-bar-nav-icon/symbol": {
     "type": "any\n",
     "description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/) "
@@ -471,6 +471,14 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
   },
+  "v-autocomplete/close-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
+  "v-autocomplete/open-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-autocomplete/eager": {
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
@@ -563,6 +571,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-autocomplete/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-autocomplete/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
@@ -651,6 +663,10 @@
     "type": "Record<string, boolean>\n",
     "description": "**FOR INTERNAL USE ONLY**"
   },
+  "v-avatar/text": {
+    "type": "string\n",
+    "description": "Specify content text for the component."
+  },
   "v-avatar/end": {
     "type": "boolean\n",
     "description": "Applies margin at the start of the component."
@@ -847,6 +863,10 @@
     "type": "string\n",
     "description": "Designates a specific src image to pass to the thumbnail."
   },
+  "v-banner/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-banner/lines": {
     "type": "'one' | 'two' | 'three'\n",
     "description": "The amount of visible lines of text before it truncates."
@@ -1000,7 +1020,7 @@
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
   "v-bottom-sheet/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-bottom-sheet/close-on-back": {
@@ -1031,6 +1051,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-bottom-sheet/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-bottom-sheet/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -1755,6 +1779,10 @@
     "type": "boolean\n",
     "description": "Resizes the background image to cover the entire container."
   },
+  "v-carousel-item/draggable": {
+    "type": "boolean | 'true' | 'false'\n",
+    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
+  },
   "v-carousel-item/gradient": {
     "type": "string\n",
     "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
@@ -1779,6 +1807,14 @@
     "type": "string | number\n",
     "description": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content"
   },
+  "v-carousel-item/crossorigin": {
+    "type": "'' | 'anonymous' | 'use-credentials'\n",
+    "description": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)"
+  },
+  "v-carousel-item/referrerpolicy": {
+    "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
+    "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
+  },
   "v-carousel-item/reverse-transition": {
     "type": "string | boolean\n",
     "description": "Sets the reverse transition"
@@ -1899,6 +1935,10 @@
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
   },
+  "v-checkbox/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-checkbox/indeterminate": {
     "type": "boolean\n",
     "description": "Sets an indeterminate state for the checkbox"
@@ -1987,6 +2027,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-checkbox-btn/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-checkbox-btn/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -2227,10 +2271,6 @@
     "type": "string | number\n",
     "description": "Sets the default offset for the column."
   },
-  "v-col/cols": {
-    "type": "string | number | boolean\n",
-    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
-  },
   "v-col/sm": {
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on small and greater breakpoints."
@@ -2251,6 +2291,10 @@
     "type": "string | number | boolean\n",
     "description": "Changes the number of columns on extra extra large and greater breakpoints."
   },
+  "v-col/cols": {
+    "type": "string | number | boolean\n",
+    "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**."
+  },
   "v-col/offset-sm": {
     "type": "string | number\n",
     "description": "Changes the offset of the component on small and greater breakpoints."
@@ -2483,6 +2527,14 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/select.json))"
   },
+  "v-combobox/close-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
+  "v-combobox/open-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-combobox/eager": {
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
@@ -2575,6 +2627,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-combobox/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-combobox/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
@@ -3844,7 +3900,7 @@
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
   "v-dialog/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-dialog/close-on-back": {
@@ -3875,6 +3931,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-dialog/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-dialog/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -3988,7 +4048,7 @@
     "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
   },
   "v-dialog-transition/target": {
-    "type": "HTMLElement\n",
+    "type": "HTMLElement | [number, number]\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-dialog-transition.json))"
   },
   "v-divider/length": {
@@ -4655,6 +4715,10 @@
     "type": "boolean\n",
     "description": "Resizes the background image to cover the entire container."
   },
+  "v-img/draggable": {
+    "type": "boolean | 'true' | 'false'\n",
+    "description": "Controls the `draggable` behavior of the image. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable)."
+  },
   "v-img/gradient": {
     "type": "string\n",
     "description": "The gradient to apply to the image. This can be any valid CSS gradient declaration. You can find more information on the [MDN documentation for gradients](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient)."
@@ -4679,6 +4743,14 @@
     "type": "string | number\n",
     "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted."
   },
+  "v-img/crossorigin": {
+    "type": "'' | 'anonymous' | 'use-credentials'\n",
+    "description": "Specify that images should be fetched with CORS enabled [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#crossorigin)"
+  },
+  "v-img/referrerpolicy": {
+    "type": "  | 'origin'\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin-when-cross-origin'\n  | 'same-origin'\n  | 'strict-origin'\n  | 'strict-origin-when-cross-origin'\n  | 'unsafe-url'\n",
+    "description": "Define which referrer is sent when fetching the resource [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy)"
+  },
   "v-infinite-scroll/height": {
     "type": "string | number\n",
     "description": "Sets the height for the component."
@@ -5149,7 +5221,7 @@
   },
   "v-list-item/title": {
     "type": "string | number | boolean\n",
-    "description": "Generates a `v-list-item-title` component with the supplied value"
+    "description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
   },
   "v-list-item/border": {
     "type": "string | number | boolean\n",
@@ -5412,7 +5484,7 @@
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
   "v-menu/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-menu/close-on-back": {
@@ -5443,6 +5515,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-menu/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-menu/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -5575,6 +5651,10 @@
     "type": "string | boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-navigation-drawer.json))"
   },
+  "v-navigation-drawer/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component. This will apply alternate styles for mobile devices such as the `temporary` prop, or activate the `bottom` prop when the breakpoint value is met. Setting the value to `0` will disable this functionality."
+  },
   "v-navigation-drawer/disable-resize-watcher": {
     "type": "boolean\n",
     "description": "Will automatically open/close drawer when resized depending if mobile or desktop."
@@ -5756,7 +5836,7 @@
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
   "v-overlay/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-overlay/close-on-back": {
@@ -5787,6 +5867,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-overlay/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-overlay/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -6191,6 +6275,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-radio/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-radio/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -6387,6 +6475,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
   },
+  "v-range-slider/ripple": {
+    "type": "boolean\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "v-range-slider/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component"
@@ -6903,6 +6995,14 @@
     "type": "boolean\n",
     "description": "Enables the [closable](/api/v-chip/#props-closable) prop on all [v-chip](/components/chips/) components"
   },
+  "v-select/close-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
+  "v-select/open-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-select/eager": {
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
@@ -6995,6 +7095,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-select/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-select/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
@@ -7143,6 +7247,10 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
   },
+  "v-selection-control/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-selection-control/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -7375,6 +7483,10 @@
     "type": "number\n",
     "description": "Sets a maximum number of selections that can be made."
   },
+  "v-slide-group/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "v-slide-group/mandatory": {
     "type": "boolean | 'force'\n",
     "description": "Forces at least one item to always be selected (if available)."
@@ -7547,6 +7659,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
   },
+  "v-slider/ripple": {
+    "type": "boolean\n",
+    "description": "Applies the [v-ripple](/directives/ripple) directive."
+  },
   "v-slider/disabled": {
     "type": "boolean\n",
     "description": "Removes the ability to click or target the component"
@@ -7724,7 +7840,7 @@
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
   "v-snackbar/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-snackbar/close-on-back": {
@@ -7743,6 +7859,10 @@
     "type": "any\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay.json))"
   },
+  "v-snackbar/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-snackbar/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
@@ -8019,6 +8139,10 @@
     "type": "boolean | 'auto'\n",
     "description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display"
   },
+  "v-switch/base-color": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-switch/inline": {
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION"
@@ -8307,6 +8431,10 @@
     "type": "number\n",
     "description": "Sets a maximum number of selections that can be made."
   },
+  "v-tabs/mobile-breakpoint": {
+    "type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
+    "description": "Sets the designated mobile breakpoint for the component."
+  },
   "v-tabs/grow": {
     "type": "boolean\n",
     "description": "Force `v-tab`'s to take up all available space"
@@ -8443,6 +8571,10 @@
     "type": "string\n",
     "description": "Displays suffix text"
   },
+  "v-text-field/role": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-text-field/center-affix": {
     "type": "boolean\n",
     "description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center"
@@ -9016,7 +9148,7 @@
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
   },
   "v-tooltip/activator": {
-    "type": "string | Element | ComponentPublicInstance\n",
+    "type": "(string & {}) | Element | 'parent' | ComponentPublicInstance\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"
   },
   "v-tooltip/close-on-back": {
@@ -9043,6 +9175,10 @@
     "type": "string | boolean\n",
     "description": "Accepts true/false to enable background, and string to define color."
   },
+  "v-tooltip/target": {
+    "type": "  | (string & {})\n  | Element\n  | 'parent'\n  | 'cursor'\n  | ComponentPublicInstance\n  | [number, number]\n",
+    "description": "For locationStrategy=\"connected\", specify an element or array of x,y coordinates that the overlay should position itself relative to. This will be the activator element by default."
+  },
   "v-tooltip/activator-props": {
     "type": "{}\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-overlay-activator.json))"

package/dist/json/importMap.json

@@ -272,14 +272,14 @@
       "from": "components/VMessages/index.mjs",
       "styles": []
     },
-    "VNavigationDrawer": {
-      "from": "components/VNavigationDrawer/index.mjs",
-      "styles": []
-    },
     "VOverlay": {
       "from": "components/VOverlay/index.mjs",
       "styles": []
     },
+    "VNavigationDrawer": {
+      "from": "components/VNavigationDrawer/index.mjs",
+      "styles": []
+    },
     "VPagination": {
       "from": "components/VPagination/index.mjs",
       "styles": []