vuetify 3.3.2 → 3.3.4

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.3.2
+* Vuetify v3.3.4
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { reactive, computed, watchEffect, toRefs, capitalize, warn, watch, onScopeDispose, effectScope, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, readonly, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, Fragment, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, toHandlers, Teleport, cloneVNode, createTextVNode, onBeforeUpdate, vModelText, onUpdated } from 'vue';
+import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, warn, watch, onScopeDispose, effectScope, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, readonly, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onBeforeUpdate, vModelText, onUpdated } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -294,6 +294,15 @@ function mergeDeep() {
   }
   return out;
 }
+function flattenFragments(nodes) {
+  return nodes.map(node => {
+    if (node.type === Fragment) {
+      return flattenFragments(node.children);
+    } else {
+      return node;
+    }
+  }).flat();
+}
 function toKebabCase() {
   let str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   if (toKebabCase.cache.has(str)) return toKebabCase.cache.get(str);
@@ -373,6 +382,9 @@ function includes(arr, val) {
 }
 const onRE = /^on[^a-z]/;
 const isOn = key => onRE.test(key);
+function eventName(propName) {
+  return propName[2].toLowerCase() + propName.slice(3);
+}
 const EventProp = () => [Function, Array];
 function hasEvent(props, name) {
   name = 'on' + capitalize(name);
@@ -571,6 +583,54 @@ function animate(el, keyframes, options) {
   return animation;
 }
 
+// Utilities
+const handlers = new WeakMap();
+function bindProps(el, props) {
+  Object.keys(props).forEach(k => {
+    if (isOn(k)) {
+      const name = eventName(k);
+      const handler = handlers.get(el);
+      if (props[k] == null) {
+        handler?.forEach(v => {
+          const [n, fn] = v;
+          if (n === name) {
+            el.removeEventListener(name, fn);
+            handler.delete(v);
+          }
+        });
+      } else if (!handler || ![...handler]?.some(v => v[0] === name && v[1] === props[k])) {
+        el.addEventListener(name, props[k]);
+        const _handler = handler || new Set();
+        _handler.add([name, props[k]]);
+        if (!handlers.has(el)) handlers.set(el, _handler);
+      }
+    } else {
+      if (props[k] == null) {
+        el.removeAttribute(k);
+      } else {
+        el.setAttribute(k, props[k]);
+      }
+    }
+  });
+}
+function unbindProps(el, props) {
+  Object.keys(props).forEach(k => {
+    if (isOn(k)) {
+      const name = eventName(k);
+      const handler = handlers.get(el);
+      handler?.forEach(v => {
+        const [n, fn] = v;
+        if (n === name) {
+          el.removeEventListener(name, fn);
+          handler.delete(v);
+        }
+      });
+    } else {
+      el.removeAttribute(k);
+    }
+  });
+}
+
 /* eslint-disable no-console */
 
 function consoleWarn(message) {
@@ -1579,12 +1639,21 @@ var en = {
     lastPage: 'Last page',
     pageText: '{0}-{1} of {2}'
   },
+  dateRangeInput: {
+    divider: 'to'
+  },
   datePicker: {
-    itemsSelected: '{0} selected',
-    nextMonthAriaLabel: 'Next month',
-    nextYearAriaLabel: 'Next year',
-    prevMonthAriaLabel: 'Previous month',
-    prevYearAriaLabel: 'Previous year'
+    ok: 'OK',
+    cancel: 'Cancel',
+    range: {
+      title: 'Select dates',
+      header: 'Enter dates'
+    },
+    title: 'Select date',
+    header: 'Enter date',
+    input: {
+      placeholder: 'Enter date'
+    }
   },
   noDataText: 'No data available',
   carousel: {
@@ -2154,6 +2223,7 @@ function createTheme(options) {
     };
   }
   function install(app) {
+    if (parsedOptions.isDisabled) return;
     const head = app._context.provides.usehead;
     if (head) {
       if (head.push) {
@@ -2175,7 +2245,6 @@ function createTheme(options) {
         immediate: true
       });
       function updateStyles() {
-        if (parsedOptions.isDisabled) return;
         if (typeof document !== 'undefined' && !styleEl) {
           const el = document.createElement('style');
           el.type = 'text/css';
@@ -3567,7 +3636,7 @@ const VAppBar = genericComponent()({
       const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
       return height + extensionHeight;
     });
-    function setActive() {
+    watchEffect(() => {
       if (scrollBehavior.value.hide) {
         if (scrollBehavior.value.inverted) {
           isActive.value = currentScroll.value > scrollThreshold.value;
@@ -3577,12 +3646,6 @@ const VAppBar = genericComponent()({
       } else {
         isActive.value = true;
       }
-    }
-    useToggleScope(() => !!props.scrollBehavior, () => {
-      watch(currentScroll, setActive, {
-        immediate: true
-      });
-      watch(scrollBehavior, setActive);
     });
     const {
       ssrBootStyles
@@ -4037,7 +4100,8 @@ const aliases = {
   unfold: 'mdi-unfold-more-horizontal',
   file: 'mdi-paperclip',
   plus: 'mdi-plus',
-  minus: 'mdi-minus'
+  minus: 'mdi-minus',
+  calendar: 'mdi-calendar'
 };
 const mdi = {
   // Not using mergeProps here, functional components merge props by default (?)
@@ -4262,7 +4326,7 @@ const VIcon = genericComponent()({
     useRender(() => {
       const slotValue = slots.default?.();
       if (slotValue) {
-        slotIcon.value = slotValue.filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
+        slotIcon.value = flattenFragments(slotValue).filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
       }
       return createVNode(iconData.value.component, {
         "tag": props.tag,
@@ -5099,7 +5163,7 @@ const makeVBtnProps = propsFactory({
   block: Boolean,
   stacked: Boolean,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   text: String,
@@ -6382,6 +6446,7 @@ const VCheckbox = genericComponent()({
   inheritAttrs: false,
   props: makeVCheckboxProps(),
   emits: {
+    'update:modelValue': value => true,
     'update:focused': focused => true
   },
   setup(props, _ref) {
@@ -6389,6 +6454,7 @@ const VCheckbox = genericComponent()({
       attrs,
       slots
     } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
     const {
       isFocused,
       focus,
@@ -6403,6 +6469,8 @@ const VCheckbox = genericComponent()({
       return createVNode(VInput, mergeProps({
         "class": ['v-checkbox', props.class]
       }, inputAttrs, inputProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
         "id": id.value,
         "focused": isFocused.value,
         "style": props.style
@@ -6421,6 +6489,8 @@ const VCheckbox = genericComponent()({
             "disabled": isDisabled.value,
             "readonly": isReadonly.value
           }, controlAttrs, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event,
             "onFocus": focus,
             "onBlur": blur
           }), slots);
@@ -6558,6 +6628,8 @@ const VChipGroup = genericComponent()({
   }
 });
 
+// Types
+
 const makeVChipProps = propsFactory({
   activeClass: String,
   appendAvatar: String,
@@ -6586,7 +6658,7 @@ const makeVChipProps = propsFactory({
   prependAvatar: String,
   prependIcon: IconValue,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   text: String,
@@ -7239,7 +7311,7 @@ const useNested = props => {
 const useNestedItem = (id, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
   const uidSymbol = Symbol(getUid());
-  const computedId = computed(() => id.value ?? uidSymbol);
+  const computedId = computed(() => id.value !== undefined ? id.value : uidSymbol);
   const item = {
     ...parent,
     id: computedId,
@@ -7402,7 +7474,7 @@ const makeVListItemProps = propsFactory({
   prependAvatar: String,
   prependIcon: IconValue,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   subtitle: [String, Number, Boolean],
@@ -7439,7 +7511,7 @@ const VListItem = genericComponent()({
       emit
     } = _ref;
     const link = useLink(props, attrs);
-    const id = computed(() => props.value ?? link.href.value);
+    const id = computed(() => props.value === undefined ? link.href.value : props.value);
     const {
       select,
       isSelected,
@@ -7836,10 +7908,13 @@ function useItems(props) {
 }
 function useTransformItems(items, transform) {
   function transformIn(value) {
-    return value.map(v => {
+    return value
+    // When the model value is null, returns an InternalItem based on null
+    // only if null is one of the items
+    .filter(v => v !== null || items.value.some(item => item.value === null)).map(v => {
       const existingItem = items.value.find(item => deepEqual(v, item.value));
       // Nullish existingItem means value is a custom input value from combobox
-      // In this case, use transformItem to create an { value: unknown } based on value
+      // In this case, use transformItem to create an InternalItem based on value
       return existingItem ?? transform(v);
     });
   }
@@ -8775,29 +8850,29 @@ function useActivator(props, _ref) {
     }
   });
   const availableEvents = {
-    click: e => {
+    onClick: e => {
       e.stopPropagation();
       activatorEl.value = e.currentTarget || e.target;
       isActive.value = !isActive.value;
     },
-    mouseenter: e => {
+    onMouseenter: e => {
       if (e.sourceCapabilities?.firesTouchEvents) return;
       isHovered = true;
       activatorEl.value = e.currentTarget || e.target;
       runOpenDelay();
     },
-    mouseleave: e => {
+    onMouseleave: e => {
       isHovered = false;
       runCloseDelay();
     },
-    focus: e => {
+    onFocus: e => {
       if (SUPPORTS_FOCUS_VISIBLE && !e.target.matches(':focus-visible')) return;
       isFocused = true;
       e.stopPropagation();
       activatorEl.value = e.currentTarget || e.target;
       runOpenDelay();
     },
-    blur: e => {
+    onBlur: e => {
       isFocused = false;
       e.stopPropagation();
       runCloseDelay();
@@ -8806,33 +8881,43 @@ function useActivator(props, _ref) {
   const activatorEvents = computed(() => {
     const events = {};
     if (openOnClick.value) {
-      events.click = availableEvents.click;
+      events.onClick = availableEvents.onClick;
     }
     if (props.openOnHover) {
-      events.mouseenter = availableEvents.mouseenter;
-      events.mouseleave = availableEvents.mouseleave;
+      events.onMouseenter = availableEvents.onMouseenter;
+      events.onMouseleave = availableEvents.onMouseleave;
     }
     if (openOnFocus.value) {
-      events.focus = availableEvents.focus;
-      events.blur = availableEvents.blur;
+      events.onFocus = availableEvents.onFocus;
+      events.onBlur = availableEvents.onBlur;
     }
     return events;
   });
   const contentEvents = computed(() => {
     const events = {};
     if (props.openOnHover) {
-      events.mouseenter = () => {
+      events.onMouseenter = () => {
         isHovered = true;
         runOpenDelay();
       };
-      events.mouseleave = () => {
+      events.onMouseleave = () => {
         isHovered = false;
         runCloseDelay();
       };
     }
+    if (openOnFocus.value) {
+      events.onFocusin = () => {
+        isFocused = true;
+        runOpenDelay();
+      };
+      events.onFocusout = () => {
+        isFocused = false;
+        runCloseDelay();
+      };
+    }
     if (props.closeOnContentClick) {
       const menu = inject$1(VMenuSymbol, null);
-      events.click = () => {
+      events.onClick = () => {
         isActive.value = false;
         menu?.closeParents();
       };
@@ -8842,14 +8927,14 @@ function useActivator(props, _ref) {
   const scrimEvents = computed(() => {
     const events = {};
     if (props.openOnHover) {
-      events.mouseenter = () => {
+      events.onMouseenter = () => {
         if (firstEnter) {
           isHovered = true;
           firstEnter = false;
           runOpenDelay();
         }
       };
-      events.mouseleave = () => {
+      events.onMouseleave = () => {
         isHovered = false;
         runCloseDelay();
       };
@@ -8923,29 +9008,13 @@ function _useActivator(props, vm, _ref2) {
     let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getActivator();
     let _props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.activatorProps;
     if (!el) return;
-    Object.entries(activatorEvents.value).forEach(_ref3 => {
-      let [name, cb] = _ref3;
-      el.addEventListener(name, cb);
-    });
-    Object.keys(_props).forEach(k => {
-      if (_props[k] == null) {
-        el.removeAttribute(k);
-      } else {
-        el.setAttribute(k, _props[k]);
-      }
-    });
+    bindProps(el, mergeProps(activatorEvents.value, _props));
   }
   function unbindActivatorProps() {
     let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getActivator();
     let _props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.activatorProps;
     if (!el) return;
-    Object.entries(activatorEvents.value).forEach(_ref4 => {
-      let [name, cb] = _ref4;
-      el.removeEventListener(name, cb);
-    });
-    Object.keys(_props).forEach(k => {
-      el.removeAttribute(k);
-    });
+    unbindProps(el, mergeProps(activatorEvents.value, _props));
   }
   function getActivator() {
     let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.activator;
@@ -9472,6 +9541,9 @@ const VOverlay = genericComponent()({
       if (e.key === 'Escape' && globalTop.value) {
         if (!props.persistent) {
           isActive.value = false;
+          if (contentEl.value?.contains(document.activeElement)) {
+            activatorEl.value?.focus();
+          }
         } else animateClick();
       }
     }
@@ -9514,7 +9586,7 @@ const VOverlay = genericComponent()({
       isActive: isActive.value,
       props: mergeProps({
         ref: activatorRef
-      }, toHandlers(activatorEvents.value), props.activatorProps)
+      }, activatorEvents.value, props.activatorProps)
     }), isMounted.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
@@ -9532,7 +9604,7 @@ const VOverlay = genericComponent()({
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
         "modelValue": isActive.value && !!props.scrim
-      }, toHandlers(scrimEvents.value)), null), createVNode(MaybeTransition, {
+      }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
         "transition": props.transition,
@@ -9546,7 +9618,7 @@ const VOverlay = genericComponent()({
           "ref": contentEl,
           "class": ['v-overlay__content', props.contentClass],
           "style": [dimensionStyles.value, contentStyles.value]
-        }, toHandlers(contentEvents.value), props.contentProps), [slots.default?.({
+        }, contentEvents.value, props.contentProps), [slots.default?.({
           isActive
         })]), [[vShow, isActive.value], [resolveDirective("click-outside"), {
           handler: onClickOutside,
@@ -9706,10 +9778,35 @@ const VMenu = genericComponent()({
     function onClickOutside() {
       parent?.closeParents();
     }
+    function onKeydown(e) {
+      if (props.disabled) return;
+      if (e.key === 'Tab') {
+        isActive.value = false;
+        overlay.value?.activatorEl?.focus();
+      }
+    }
+    function onActivatorKeydown(e) {
+      if (props.disabled) return;
+      const el = overlay.value?.contentEl;
+      if (el && isActive.value) {
+        if (e.key === 'ArrowDown') {
+          e.preventDefault();
+          focusChild(el, 'next');
+        } else if (e.key === 'ArrowUp') {
+          e.preventDefault();
+          focusChild(el, 'prev');
+        }
+      } else if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
+        isActive.value = true;
+        e.preventDefault();
+        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
+      }
+    }
     const activatorProps = computed(() => mergeProps({
       'aria-haspopup': 'menu',
       'aria-expanded': String(isActive.value),
-      'aria-owns': id.value
+      'aria-owns': id.value,
+      onKeydown: onActivatorKeydown
     }, props.activatorProps));
     useRender(() => {
       const [overlayProps] = VOverlay.filterProps(props);
@@ -9722,7 +9819,8 @@ const VMenu = genericComponent()({
         "onUpdate:modelValue": $event => isActive.value = $event,
         "absolute": true,
         "activatorProps": activatorProps.value,
-        "onClick:outside": onClickOutside
+        "onClick:outside": onClickOutside,
+        "onKeydown": onKeydown
       }, scopeId), {
         activator: slots.activator,
         default: function () {
@@ -10346,7 +10444,7 @@ const VSelect = genericComponent()({
       transformIn,
       transformOut
     } = useItems(props);
-    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
       const transformed = transformOut(v);
       return props.multiple ? transformed : transformed[0] ?? null;
     });
@@ -10366,6 +10464,7 @@ const VSelect = genericComponent()({
       }
       return items.value;
     });
+    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     function onClear(e) {
       if (props.openOnClear) {
@@ -10373,7 +10472,7 @@ const VSelect = genericComponent()({
       }
     }
     function onMousedownControl() {
-      if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
+      if (menuDisabled.value) return;
       menu.value = !menu.value;
     }
     function onKeydown(e) {
@@ -10387,11 +10486,7 @@ const VSelect = genericComponent()({
       if (['Escape', 'Tab'].includes(e.key)) {
         menu.value = false;
       }
-      if (e.key === 'ArrowDown') {
-        listRef.value?.focus('next');
-      } else if (e.key === 'ArrowUp') {
-        listRef.value?.focus('prev');
-      } else if (e.key === 'Home') {
+      if (e.key === 'Home') {
         listRef.value?.focus('first');
       } else if (e.key === 'End') {
         listRef.value?.focus('last');
@@ -10417,6 +10512,11 @@ const VSelect = genericComponent()({
         model.value = [item];
       }
     }
+    function onListKeydown(e) {
+      if (e.key === 'Tab') {
+        vTextFieldRef.value?.focus();
+      }
+    }
     function select(item) {
       if (props.multiple) {
         const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value));
@@ -10447,7 +10547,7 @@ const VSelect = genericComponent()({
     }
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
-      const hasList = !!(!props.hideNoData || displayItems.value.length || slots.prepend || slots.append || slots['no-data']);
+      const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
       const [textFieldProps] = VTextField.filterProps(props);
       const placeholder = isDirty || !isFocused.value && props.label && !props.persistentPlaceholder ? undefined : props.placeholder;
@@ -10484,6 +10584,7 @@ const VSelect = genericComponent()({
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "contentClass": "v-select__content",
+          "disabled": menuDisabled.value,
           "eager": props.eager,
           "maxHeight": 310,
           "openOnClick": false,
@@ -10496,11 +10597,13 @@ const VSelect = genericComponent()({
             "selected": selected.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
-            "onFocusin": onFocusin
+            "onKeydown": onListKeydown,
+            "onFocusin": onFocusin,
+            "tabindex": "-1"
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 onClick: () => select(item)
@@ -10766,7 +10869,7 @@ const VAutocomplete = genericComponent()({
       textColorStyles
     } = useTextColor(color);
     const search = useProxiedModel(props, 'search', '');
-    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
       const transformed = transformOut(v);
       return props.multiple ? transformed : transformed[0] ?? null;
     });
@@ -10792,6 +10895,7 @@ const VAutocomplete = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
+    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     function onClear(e) {
       if (props.openOnClear) {
@@ -10800,10 +10904,11 @@ const VAutocomplete = genericComponent()({
       search.value = '';
     }
     function onMousedownControl() {
-      if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
+      if (menuDisabled.value) return;
       menu.value = true;
     }
     function onMousedownMenuIcon(e) {
+      if (menuDisabled.value) return;
       if (isFocused.value) {
         e.preventDefault();
         e.stopPropagation();
@@ -10829,13 +10934,8 @@ const VAutocomplete = genericComponent()({
         }
         isPristine.value = true;
       }
-      if (e.key === 'ArrowDown') {
+      if (e.key === 'ArrowDown' && highlightFirst.value) {
         listRef.value?.focus('next');
-        if (highlightFirst.value) {
-          listRef.value?.focus('next');
-        }
-      } else if (e.key === 'ArrowUp') {
-        listRef.value?.focus('prev');
       }
       if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
@@ -10870,6 +10970,11 @@ const VAutocomplete = genericComponent()({
         }
       }
     }
+    function onListKeydown(e) {
+      if (e.key === 'Tab') {
+        vTextFieldRef.value?.focus();
+      }
+    }
     function onInput(e) {
       search.value = e.target.value;
     }
@@ -10939,7 +11044,7 @@ const VAutocomplete = genericComponent()({
     });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
-      const hasList = !!(!props.hideNoData || displayItems.value.length || slots.prepend || slots.append || slots['no-data']);
+      const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
       const [textFieldProps] = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps({
@@ -10972,6 +11077,7 @@ const VAutocomplete = genericComponent()({
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "contentClass": "v-autocomplete__content",
+          "disabled": menuDisabled.value,
           "eager": props.eager,
           "maxHeight": 310,
           "openOnClick": false,
@@ -10984,12 +11090,14 @@ const VAutocomplete = genericComponent()({
             "selected": selected.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
+            "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
-            "onFocusout": onFocusout
+            "onFocusout": onFocusout,
+            "tabindex": "-1"
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 active: highlightFirst.value && index === 0 ? true : undefined,
@@ -11739,7 +11847,7 @@ const makeVCardProps = propsFactory({
   prependAvatar: String,
   prependIcon: IconValue,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   subtitle: String,
@@ -13144,6 +13252,8 @@ const useSlider = _ref => {
   return data;
 };
 
+// Types
+
 const makeVSliderThumbProps = propsFactory({
   focused: Boolean,
   max: {
@@ -13163,7 +13273,7 @@ const makeVSliderThumbProps = propsFactory({
     required: true
   },
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   ...makeComponentProps()
@@ -14322,6 +14432,7 @@ const VCombobox = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
+    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     function onClear(e) {
       cleared = true;
@@ -14330,10 +14441,11 @@ const VCombobox = genericComponent()({
       }
     }
     function onMousedownControl() {
-      if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
+      if (menuDisabled.value) return;
       menu.value = true;
     }
     function onMousedownMenuIcon(e) {
+      if (menuDisabled.value) return;
       if (isFocused.value) {
         e.preventDefault();
         e.stopPropagation();
@@ -14359,10 +14471,8 @@ const VCombobox = genericComponent()({
         }
         isPristine.value = true;
       }
-      if (e.key === 'ArrowDown') {
+      if (e.key === 'ArrowDown' && highlightFirst.value) {
         listRef.value?.focus('next');
-      } else if (e.key === 'ArrowUp') {
-        listRef.value?.focus('prev');
       }
       if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
@@ -14401,6 +14511,11 @@ const VCombobox = genericComponent()({
         search.value = '';
       }
     }
+    function onListKeydown(e) {
+      if (e.key === 'Tab') {
+        vTextFieldRef.value?.focus();
+      }
+    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -14462,7 +14577,7 @@ const VCombobox = genericComponent()({
     });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
-      const hasList = !!(!props.hideNoData || displayItems.value.length || slots.prepend || slots.append || slots['no-data']);
+      const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
       const [textFieldProps] = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps({
@@ -14495,6 +14610,7 @@ const VCombobox = genericComponent()({
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "contentClass": "v-combobox__content",
+          "disabled": menuDisabled.value,
           "eager": props.eager,
           "maxHeight": 310,
           "openOnClick": false,
@@ -14507,12 +14623,14 @@ const VCombobox = genericComponent()({
             "selected": selected.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
+            "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
-            "onFocusout": onFocusout
+            "onFocusout": onFocusout,
+            "tabindex": "-1"
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 active: highlightFirst.value && index === 0 ? true : undefined,
@@ -14804,6 +14922,8 @@ const VExpansionPanelText = genericComponent()({
   }
 });
 
+// Types
+
 const makeVExpansionPanelTitleProps = propsFactory({
   color: String,
   expandIcon: {
@@ -15076,8 +15196,6 @@ const VFileInput = genericComponent()({
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "class": ['v-file-input', {
-          'v-file-input--chips': !!props.chips,
-          'v-file-input--selection-slot': !!slots.selection,
           'v-text-field--plain-underlined': isPlainOrUnderlined.value
         }, props.class],
         "style": props.style,
@@ -18074,8 +18192,8 @@ const VTab = genericComponent()({
         const initialScale = prevBox[widthHeight] / nextBox[widthHeight];
         const sigma = 1.5;
         animate(nextEl, {
-          backgroundColor: [color, ''],
-          transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, ''],
+          backgroundColor: [color, 'currentcolor'],
+          transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, 'none'],
           transformOrigin: Array(3).fill(origin)
         }, {
           duration: 225,
@@ -19360,47 +19478,6 @@ var directives = /*#__PURE__*/Object.freeze({
 
 // Types
 
-function getWeekArray(date) {
-  let currentWeek = [];
-  const weeks = [];
-  const firstDayOfMonth = startOfMonth(date);
-  const lastDayOfMonth = endOfMonth(date);
-  for (let i = 0; i < firstDayOfMonth.getDay(); i++) {
-    currentWeek.push(null);
-  }
-  for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
-    const day = new Date(date.getFullYear(), date.getMonth(), i);
-
-    // Add the day to the current week
-    currentWeek.push(day);
-
-    // If the current week has 7 days, add it to the weeks array and start a new week
-    if (currentWeek.length === 7) {
-      weeks.push(currentWeek);
-      currentWeek = [];
-    }
-  }
-  for (let i = currentWeek.length; i < 7; i++) {
-    currentWeek.push(null);
-  }
-  weeks.push(currentWeek);
-  return weeks;
-}
-function startOfMonth(date) {
-  return new Date(date.getFullYear(), date.getMonth(), 1);
-}
-function endOfMonth(date) {
-  return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-}
-function date(value) {
-  if (value == null) return null;
-  if (value instanceof Date) return value;
-  if (typeof value === 'string') {
-    const parsed = Date.parse(value);
-    if (!isNaN(parsed)) return new Date(parsed);
-  }
-  return null;
-}
 const firstDay = {
   '001': 1,
   AD: 1,
@@ -19414,7 +19491,7 @@ const firstDay = {
   AR: 1,
   AS: 0,
   AT: 1,
-  AU: 0,
+  AU: 1,
   AX: 1,
   AZ: 1,
   BA: 1,
@@ -19434,7 +19511,7 @@ const firstDay = {
   CH: 1,
   CL: 1,
   CM: 1,
-  CN: 0,
+  CN: 1,
   CO: 0,
   CR: 1,
   CY: 1,
@@ -19554,6 +19631,53 @@ const firstDay = {
   ZA: 0,
   ZW: 0
 };
+function getWeekArray(date, locale) {
+  const weeks = [];
+  let currentWeek = [];
+  const firstDayOfMonth = startOfMonth(date);
+  const lastDayOfMonth = endOfMonth(date);
+  const firstDayWeekIndex = firstDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+  const lastDayWeekIndex = lastDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+  for (let i = 0; i < firstDayWeekIndex; i++) {
+    const adjacentDay = new Date(firstDayOfMonth);
+    adjacentDay.setDate(adjacentDay.getDate() - (firstDayWeekIndex - i));
+    currentWeek.push(adjacentDay);
+  }
+  for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
+    const day = new Date(date.getFullYear(), date.getMonth(), i);
+
+    // Add the day to the current week
+    currentWeek.push(day);
+
+    // If the current week has 7 days, add it to the weeks array and start a new week
+    if (currentWeek.length === 7) {
+      weeks.push(currentWeek);
+      currentWeek = [];
+    }
+  }
+  for (let i = 1; i < 7 - lastDayWeekIndex; i++) {
+    const adjacentDay = new Date(lastDayOfMonth);
+    adjacentDay.setDate(adjacentDay.getDate() + i);
+    currentWeek.push(adjacentDay);
+  }
+  weeks.push(currentWeek);
+  return weeks;
+}
+function startOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+function endOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+}
+function date(value) {
+  if (value == null) return new Date();
+  if (value instanceof Date) return value;
+  if (typeof value === 'string') {
+    const parsed = Date.parse(value);
+    if (!isNaN(parsed)) return new Date(parsed);
+  }
+  return null;
+}
 const sundayJanuarySecond2000 = new Date(2000, 0, 2);
 function getWeekdays(locale) {
   const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
@@ -19561,7 +19685,7 @@ function getWeekdays(locale) {
     const weekday = new Date(sundayJanuarySecond2000);
     weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
     return new Intl.DateTimeFormat(locale, {
-      weekday: 'long'
+      weekday: 'short'
     }).format(weekday);
   });
 }
@@ -19581,8 +19705,7 @@ function format(value, formatString, locale) {
       options = {
         weekday: 'short',
         day: 'numeric',
-        month: 'short',
-        year: 'numeric'
+        month: 'short'
       };
       break;
     case 'keyboardDate':
@@ -19600,6 +19723,11 @@ function format(value, formatString, locale) {
         year: 'numeric'
       };
       break;
+    case 'dayOfMonth':
+      options = {
+        day: 'numeric'
+      };
+      break;
     default:
       options = {
         timeZone: 'UTC',
@@ -19630,28 +19758,6 @@ function startOfYear(date) {
 function endOfYear(date) {
   return new Date(date.getFullYear(), 11, 31);
 }
-function getMondayOfFirstWeekOfYear(year) {
-  return new Date(year, 0, 1);
-}
-
-// https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
-function getWeek(date) {
-  let year = date.getFullYear();
-  let d1w1 = getMondayOfFirstWeekOfYear(year);
-  if (date < d1w1) {
-    year = year - 1;
-    d1w1 = getMondayOfFirstWeekOfYear(year);
-  } else {
-    const tv = getMondayOfFirstWeekOfYear(year + 1);
-    if (date >= tv) {
-      year = year + 1;
-      d1w1 = tv;
-    }
-  }
-  const diffTime = Math.abs(date.getTime() - d1w1.getTime());
-  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-  return Math.floor(diffDays / 7) + 1;
-}
 function isWithinRange(date, range) {
   return isAfter(date, range[0]) && isBefore(date, range[1]);
 }
@@ -19688,13 +19794,15 @@ function setYear(date, year) {
   return d;
 }
 class VuetifyDateAdapter {
-  constructor() {
-    let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
-    this.locale = locale;
+  constructor(options) {
+    this.locale = options.locale;
   }
   date(value) {
     return date(value);
   }
+  toJsDate(date) {
+    return date;
+  }
   addDays(date, amount) {
     return addDays(date, amount);
   }
@@ -19702,7 +19810,7 @@ class VuetifyDateAdapter {
     return addMonths(date, amount);
   }
   getWeekArray(date) {
-    return getWeekArray(date);
+    return getWeekArray(date, this.locale);
   }
   startOfMonth(date) {
     return startOfMonth(date);
@@ -19725,6 +19833,9 @@ class VuetifyDateAdapter {
   isAfter(date, comparing) {
     return isAfter(date, comparing);
   }
+  isBefore(date, comparing) {
+    return !isAfter(date, comparing) && !isEqual(date, comparing);
+  }
   isSameDay(date, comparing) {
     return isSameDay(date, comparing);
   }
@@ -19737,9 +19848,6 @@ class VuetifyDateAdapter {
   getDiff(date, comparing, unit) {
     return getDiff(date, comparing, unit);
   }
-  getWeek(date) {
-    return getWeek(date);
-  }
   getWeekdays() {
     return getWeekdays(this.locale);
   }
@@ -19763,9 +19871,52 @@ class VuetifyDateAdapter {
 
 const DateAdapterSymbol = Symbol.for('vuetify:date-adapter');
 function createDate(options) {
-  return options ?? {
-    adapter: VuetifyDateAdapter
-  };
+  return mergeDeep({
+    adapter: VuetifyDateAdapter,
+    locale: {
+      af: 'af-ZA',
+      // ar: '', # not the same value for all variants
+      bg: 'bg-BG',
+      ca: 'ca-ES',
+      ckb: '',
+      cs: '',
+      de: 'de-DE',
+      el: 'el-GR',
+      en: 'en-US',
+      // es: '', # not the same value for all variants
+      et: 'et-EE',
+      fa: 'fa-IR',
+      fi: 'fi-FI',
+      // fr: '', #not the same value for all variants
+      hr: 'hr-HR',
+      hu: 'hu-HU',
+      he: 'he-IL',
+      id: 'id-ID',
+      it: 'it-IT',
+      ja: 'ja-JP',
+      ko: 'ko-KR',
+      lv: 'lv-LV',
+      lt: 'lt-LT',
+      nl: 'nl-NL',
+      no: 'nn-NO',
+      pl: 'pl-PL',
+      pt: 'pt-PT',
+      ro: 'ro-RO',
+      ru: 'ru-RU',
+      sk: 'sk-SK',
+      sl: 'sl-SI',
+      srCyrl: 'sr-SP',
+      srLatn: 'sr-SP',
+      sv: 'sv-SE',
+      th: 'th-TH',
+      tr: 'tr-TR',
+      az: 'az-AZ',
+      uk: 'uk-UA',
+      vi: 'vi-VN',
+      zhHans: 'zh-CN',
+      zhHant: 'zh-TW'
+    }
+  }, options);
 }
 
 // Composables
@@ -19853,7 +20004,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.2";
+const version$1 = "3.3.4";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -19878,7 +20029,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.2";
+const version = "3.3.4";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };