@vuetify/nightly 4.0.0-dev-20230206.0 → 4.0.0-master-20230207.0

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230206.0
+* Vuetify v4.0.0-master-20230207.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -22339,39 +22339,6 @@ textarea.v-field__input::placeholder {
 
 .v-icon--end {
   margin-inline-start: 8px;
-}.v-img {
-  --v-theme-overlay-multiplier: 3;
-  z-index: 0;
-}
-.v-img--booting .v-responsive__sizer {
-  transition: none;
-}
-
-.v-img__img,
-.v-img__picture,
-.v-img__gradient,
-.v-img__placeholder,
-.v-img__error {
-  z-index: -1;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.v-img__img--preload {
-  filter: blur(4px);
-}
-.v-img__img--contain {
-  object-fit: contain;
-}
-.v-img__img--cover {
-  object-fit: cover;
-}
-
-.v-img__gradient {
-  background-repeat: no-repeat;
 }.v-input {
   display: grid;
   flex: 1 1 auto;
@@ -22484,6 +22451,39 @@ textarea.v-field__input::placeholder {
 .v-input__control {
   display: flex;
   grid-area: control;
+}.v-img {
+  --v-theme-overlay-multiplier: 3;
+  z-index: 0;
+}
+.v-img--booting .v-responsive__sizer {
+  transition: none;
+}
+
+.v-img__img,
+.v-img__picture,
+.v-img__gradient,
+.v-img__placeholder,
+.v-img__error {
+  z-index: -1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.v-img__img--preload {
+  filter: blur(4px);
+}
+.v-img__img--contain {
+  object-fit: contain;
+}
+.v-img__img--cover {
+  object-fit: cover;
+}
+
+.v-img__gradient {
+  background-repeat: no-repeat;
 }.v-item-group {
   flex: 0 1 auto;
   max-width: 100%;
@@ -25293,159 +25293,6 @@ html.v-overlay-scroll-blocked {
   justify-content: center;
   width: 100%;
   height: 100%;
-}.v-slider-track__background {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-
-.v-slider-track__fill {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-
-.v-slider-track__tick {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-.v-slider-track__tick--filled {
-  background-color: rgb(var(--v-theme-on-surface-variant));
-}
-
-.v-slider-track {
-  border-radius: 6px;
-}
-
-.v-slider-track__background, .v-slider-track__fill {
-  position: absolute;
-  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
-  border-radius: inherit;
-}
-.v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
-  transition: none;
-}
-.v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
-  background-color: currentColor;
-}
-
-.v-slider-track__ticks {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-
-.v-slider-track__tick {
-  position: absolute;
-  opacity: 0;
-  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: 2px;
-  width: var(--v-slider-tick-size);
-  height: var(--v-slider-tick-size);
-  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
-}
-.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: none;
-}
-.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: translateX(100%);
-}
-.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: translateX(-100%);
-}
-.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: none;
-}
-
-.v-slider-track__tick-label {
-  position: absolute;
-  -webkit-user-select: none;
-          user-select: none;
-  white-space: nowrap;
-}
-
-.v-slider.v-input--horizontal .v-slider-track {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: calc(var(--v-slider-track-size) + 2px);
-  touch-action: pan-y;
-}
-.v-slider.v-input--horizontal .v-slider-track__background {
-  height: var(--v-slider-track-size);
-}
-.v-slider.v-input--horizontal .v-slider-track__fill {
-  height: inherit;
-}
-.v-slider.v-input--horizontal .v-slider-track__tick {
-  margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
-  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
-}
-.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
-  margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
-  transform: translateX(-50%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
-  transform: translateX(50%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--first {
-  margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: translateX(0%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
-  transform: translateX(0%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--last {
-  margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: translateX(-100%);
-}
-.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
-  transform: translateX(100%);
-}
-
-.v-slider.v-input--vertical .v-slider-track {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  width: calc(var(--v-slider-track-size) + 2px);
-  touch-action: pan-x;
-}
-.v-slider.v-input--vertical .v-slider-track__background {
-  width: var(--v-slider-track-size);
-}
-.v-slider.v-input--vertical .v-slider-track__fill {
-  width: inherit;
-}
-.v-slider.v-input--vertical .v-slider-track__ticks {
-  height: 100%;
-}
-.v-slider.v-input--vertical .v-slider-track__tick {
-  margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
-  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
-}
-.v-slider.v-input--vertical .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
-  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
-}
-.v-slider.v-input--vertical .v-slider-track__tick--first {
-  bottom: calc(0% + var(--v-slider-tick-size) + 1px);
-}
-.v-slider.v-input--vertical .v-slider-track__tick--last {
-  bottom: calc(100% - var(--v-slider-tick-size) - 1px);
-}
-.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
-  margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
-  transform: translateY(-50%);
-}
-
-.v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
-  opacity: 1;
-}
-
-.v-slider-track__background--opacity {
-  opacity: 0.38;
 }.v-slider-thumb {
   touch-action: none;
   color: rgb(var(--v-theme-surface-variant));
@@ -25604,4 +25451,157 @@ html.v-overlay-scroll-blocked {
   .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
     opacity: var(--v-hover-opacity);
   }
+}.v-slider-track__background {
+  background-color: rgb(var(--v-theme-surface-variant));
+}
+
+.v-slider-track__fill {
+  background-color: rgb(var(--v-theme-surface-variant));
+}
+
+.v-slider-track__tick {
+  background-color: rgb(var(--v-theme-surface-variant));
+}
+.v-slider-track__tick--filled {
+  background-color: rgb(var(--v-theme-on-surface-variant));
+}
+
+.v-slider-track {
+  border-radius: 6px;
+}
+
+.v-slider-track__background, .v-slider-track__fill {
+  position: absolute;
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+  border-radius: inherit;
+}
+.v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
+  transition: none;
+}
+.v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
+  background-color: currentColor;
+}
+
+.v-slider-track__ticks {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.v-slider-track__tick {
+  position: absolute;
+  opacity: 0;
+  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
+  border-radius: 2px;
+  width: var(--v-slider-tick-size);
+  height: var(--v-slider-tick-size);
+  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
+}
+.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: none;
+}
+.v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: translateX(100%);
+}
+.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: translateX(-100%);
+}
+.v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: none;
+}
+
+.v-slider-track__tick-label {
+  position: absolute;
+  -webkit-user-select: none;
+          user-select: none;
+  white-space: nowrap;
+}
+
+.v-slider.v-input--horizontal .v-slider-track {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: calc(var(--v-slider-track-size) + 2px);
+  touch-action: pan-y;
+}
+.v-slider.v-input--horizontal .v-slider-track__background {
+  height: var(--v-slider-track-size);
+}
+.v-slider.v-input--horizontal .v-slider-track__fill {
+  height: inherit;
+}
+.v-slider.v-input--horizontal .v-slider-track__tick {
+  margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
+  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
+}
+.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
+  margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
+  transform: translateX(-50%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
+  transform: translateX(50%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--first {
+  margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: translateX(0%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
+  transform: translateX(0%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--last {
+  margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-ltr, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: translateX(-100%);
+}
+.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
+  transform: translateX(100%);
+}
+
+.v-slider.v-input--vertical .v-slider-track {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  width: calc(var(--v-slider-track-size) + 2px);
+  touch-action: pan-x;
+}
+.v-slider.v-input--vertical .v-slider-track__background {
+  width: var(--v-slider-track-size);
+}
+.v-slider.v-input--vertical .v-slider-track__fill {
+  width: inherit;
+}
+.v-slider.v-input--vertical .v-slider-track__ticks {
+  height: 100%;
+}
+.v-slider.v-input--vertical .v-slider-track__tick {
+  margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
+  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
+}
+.v-slider.v-input--vertical .v-slider-track__tick.v-locale--is-rtl, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
+  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
+}
+.v-slider.v-input--vertical .v-slider-track__tick--first {
+  bottom: calc(0% + var(--v-slider-tick-size) + 1px);
+}
+.v-slider.v-input--vertical .v-slider-track__tick--last {
+  bottom: calc(100% - var(--v-slider-tick-size) - 1px);
+}
+.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
+  margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
+  transform: translateY(-50%);
+}
+
+.v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
+  opacity: 1;
+}
+
+.v-slider-track__background--opacity {
+  opacity: 0.38;
 }

package/dist/vuetify.d.ts

@@ -1000,8 +1000,20 @@ declare const VAppBarNavIcon: vue.DefineComponent<{
 }>;
 declare type VAppBarNavIcon = InstanceType<typeof VAppBarNavIcon>;
 
-declare const VAppBarTitle: vue.DefineComponent<any, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
-    [x: string]: any;
+declare const VAppBarTitle: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: StringConstructor;
+}>>, {
+    tag: string;
 }>;
 declare type VAppBarTitle = InstanceType<typeof VAppBarTitle>;
 
@@ -26174,7 +26186,6 @@ declare module '@vue/runtime-core' {
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
-    VValidation: typeof import('vuetify/components')['VValidation']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -26289,5 +26300,6 @@ declare module '@vue/runtime-core' {
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VValidation: typeof import('vuetify/components')['VValidation']
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230206.0
+* Vuetify v4.0.0-master-20230207.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2921,12 +2921,13 @@ const makeTagProps = propsFactory({
 
 // Types
 
+const makeVToolbarTitleProps = propsFactory({
+  text: String,
+  ...makeTagProps()
+}, 'v-toolbar-title');
 const VToolbarTitle = genericComponent()({
   name: 'VToolbarTitle',
-  props: {
-    text: String,
-    ...makeTagProps()
-  },
+  props: makeVToolbarTitleProps(),
   setup(props, _ref) {
     let {
       slots
@@ -5006,9 +5007,7 @@ const VToolbarItems = defineComponent({
 
 const VAppBarTitle = defineComponent({
   name: 'VAppBarTitle',
-  props: {
-    ...VToolbarTitle.props
-  },
+  props: makeVToolbarTitleProps(),
   setup(props, _ref) {
     let {
       slots
@@ -6834,6 +6833,9 @@ const VChip = defineComponent({
       emit,
       slots
     } = _ref;
+    const {
+      t
+    } = useLocale();
     const {
       borderClasses
     } = useBorder(props);
@@ -6970,6 +6972,7 @@ const VChip = defineComponent({
         }, {
           default: () => [createVNode("div", {
             "class": "v-chip__close",
+            "aria-label": t(props.closeLabel),
             "onClick": onCloseClick
           }, [slots.close ? slots.close() : createVNode(VIcon, null, null)])]
         })]
@@ -7455,7 +7458,8 @@ const useNested = props => {
 };
 const useNestedItem = (id, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
-  const computedId = computed(() => id.value ?? Symbol(getUid()));
+  const uidSymbol = Symbol(getUid());
+  const computedId = computed(() => id.value ?? uidSymbol);
   const item = {
     ...parent,
     id: computedId,
@@ -18454,7 +18458,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "4.0.0-dev-20230206.0";
+const version$1 = "4.0.0-master-20230207.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18475,7 +18479,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "4.0.0-dev-20230206.0";
+const version = "4.0.0-master-20230207.0";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };