vuetify 3.3.2 → 3.3.4

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.2
+* Vuetify v3.3.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -298,6 +298,15 @@
     }
     return out;
   }
+  function flattenFragments(nodes) {
+    return nodes.map(node => {
+      if (node.type === vue.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);
@@ -377,6 +386,9 @@
   }
   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' + vue.capitalize(name);
@@ -575,6 +587,54 @@
     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) {
@@ -1583,12 +1643,21 @@
       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: {
@@ -2158,6 +2227,7 @@
       };
     }
     function install(app) {
+      if (parsedOptions.isDisabled) return;
       const head = app._context.provides.usehead;
       if (head) {
         if (head.push) {
@@ -2179,7 +2249,6 @@
           immediate: true
         });
         function updateStyles() {
-          if (parsedOptions.isDisabled) return;
           if (typeof document !== 'undefined' && !styleEl) {
             const el = document.createElement('style');
             el.type = 'text/css';
@@ -3571,7 +3640,7 @@
         const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
         return height + extensionHeight;
       });
-      function setActive() {
+      vue.watchEffect(() => {
         if (scrollBehavior.value.hide) {
           if (scrollBehavior.value.inverted) {
             isActive.value = currentScroll.value > scrollThreshold.value;
@@ -3581,12 +3650,6 @@
         } else {
           isActive.value = true;
         }
-      }
-      useToggleScope(() => !!props.scrollBehavior, () => {
-        vue.watch(currentScroll, setActive, {
-          immediate: true
-        });
-        vue.watch(scrollBehavior, setActive);
       });
       const {
         ssrBootStyles
@@ -4041,7 +4104,8 @@
     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 (?)
@@ -4266,7 +4330,7 @@
       useRender(() => {
         const slotValue = slots.default?.();
         if (slotValue) {
-          slotIcon.value = slotValue.filter(node => node.type === vue.Text && node.children && typeof node.children === 'string')[0]?.children;
+          slotIcon.value = flattenFragments(slotValue).filter(node => node.type === vue.Text && node.children && typeof node.children === 'string')[0]?.children;
         }
         return vue.createVNode(iconData.value.component, {
           "tag": props.tag,
@@ -5103,7 +5167,7 @@
     block: Boolean,
     stacked: Boolean,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     text: String,
@@ -6386,6 +6450,7 @@
     inheritAttrs: false,
     props: makeVCheckboxProps(),
     emits: {
+      'update:modelValue': value => true,
       'update:focused': focused => true
     },
     setup(props, _ref) {
@@ -6393,6 +6458,7 @@
         attrs,
         slots
       } = _ref;
+      const model = useProxiedModel(props, 'modelValue');
       const {
         isFocused,
         focus,
@@ -6407,6 +6473,8 @@
         return vue.createVNode(VInput, vue.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
@@ -6425,6 +6493,8 @@
               "disabled": isDisabled.value,
               "readonly": isReadonly.value
             }, controlAttrs, {
+              "modelValue": model.value,
+              "onUpdate:modelValue": $event => model.value = $event,
               "onFocus": focus,
               "onBlur": blur
             }), slots);
@@ -6562,6 +6632,8 @@
     }
   });
 
+  // Types
+
   const makeVChipProps = propsFactory({
     activeClass: String,
     appendAvatar: String,
@@ -6590,7 +6662,7 @@
     prependAvatar: String,
     prependIcon: IconValue,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     text: String,
@@ -7243,7 +7315,7 @@
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol(getUid());
-    const computedId = vue.computed(() => id.value ?? uidSymbol);
+    const computedId = vue.computed(() => id.value !== undefined ? id.value : uidSymbol);
     const item = {
       ...parent,
       id: computedId,
@@ -7406,7 +7478,7 @@
     prependAvatar: String,
     prependIcon: IconValue,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     subtitle: [String, Number, Boolean],
@@ -7443,7 +7515,7 @@
         emit
       } = _ref;
       const link = useLink(props, attrs);
-      const id = vue.computed(() => props.value ?? link.href.value);
+      const id = vue.computed(() => props.value === undefined ? link.href.value : props.value);
       const {
         select,
         isSelected,
@@ -7840,10 +7912,13 @@
   }
   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);
       });
     }
@@ -8779,29 +8854,29 @@
       }
     });
     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();
@@ -8810,33 +8885,43 @@
     const activatorEvents = vue.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 = vue.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 = vue.inject(VMenuSymbol, null);
-        events.click = () => {
+        events.onClick = () => {
           isActive.value = false;
           menu?.closeParents();
         };
@@ -8846,14 +8931,14 @@
     const scrimEvents = vue.computed(() => {
       const events = {};
       if (props.openOnHover) {
-        events.mouseenter = () => {
+        events.onMouseenter = () => {
           if (firstEnter) {
             isHovered = true;
             firstEnter = false;
             runOpenDelay();
           }
         };
-        events.mouseleave = () => {
+        events.onMouseleave = () => {
           isHovered = false;
           runCloseDelay();
         };
@@ -8927,29 +9012,13 @@
       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, vue.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, vue.mergeProps(activatorEvents.value, _props));
     }
     function getActivator() {
       let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.activator;
@@ -9476,6 +9545,9 @@
         if (e.key === 'Escape' && globalTop.value) {
           if (!props.persistent) {
             isActive.value = false;
+            if (contentEl.value?.contains(document.activeElement)) {
+              activatorEl.value?.focus();
+            }
           } else animateClick();
         }
       }
@@ -9518,7 +9590,7 @@
         isActive: isActive.value,
         props: vue.mergeProps({
           ref: activatorRef
-        }, vue.toHandlers(activatorEvents.value), props.activatorProps)
+        }, activatorEvents.value, props.activatorProps)
       }), isMounted.value && vue.createVNode(vue.Teleport, {
         "disabled": !teleportTarget.value,
         "to": teleportTarget.value
@@ -9536,7 +9608,7 @@
         }, scopeId, attrs), [vue.createVNode(Scrim, vue.mergeProps({
           "color": scrimColor,
           "modelValue": isActive.value && !!props.scrim
-        }, vue.toHandlers(scrimEvents.value)), null), vue.createVNode(MaybeTransition, {
+        }, scrimEvents.value), null), vue.createVNode(MaybeTransition, {
           "appear": true,
           "persisted": true,
           "transition": props.transition,
@@ -9550,7 +9622,7 @@
             "ref": contentEl,
             "class": ['v-overlay__content', props.contentClass],
             "style": [dimensionStyles.value, contentStyles.value]
-          }, vue.toHandlers(contentEvents.value), props.contentProps), [slots.default?.({
+          }, contentEvents.value, props.contentProps), [slots.default?.({
             isActive
           })]), [[vue.vShow, isActive.value], [vue.resolveDirective("click-outside"), {
             handler: onClickOutside,
@@ -9710,10 +9782,35 @@
       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 = vue.computed(() => vue.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);
@@ -9726,7 +9823,8 @@
           "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 () {
@@ -10350,7 +10448,7 @@
         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;
       });
@@ -10370,6 +10468,7 @@
         }
         return items.value;
       });
+      const menuDisabled = vue.computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
       function onClear(e) {
         if (props.openOnClear) {
@@ -10377,7 +10476,7 @@
         }
       }
       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) {
@@ -10391,11 +10490,7 @@
         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');
@@ -10421,6 +10516,11 @@
           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));
@@ -10451,7 +10551,7 @@
       }
       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;
@@ -10488,6 +10588,7 @@
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-select__content",
+            "disabled": menuDisabled.value,
             "eager": props.eager,
             "maxHeight": 310,
             "openOnClick": false,
@@ -10500,11 +10601,13 @@
               "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']?.() ?? vue.createVNode(VListItem, {
+              default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
-              }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+              }, null)), displayItems.value.map((item, index) => {
                 const itemProps = vue.mergeProps(item.props, {
                   key: index,
                   onClick: () => select(item)
@@ -10770,7 +10873,7 @@
         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;
       });
@@ -10796,6 +10899,7 @@
         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 = vue.computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
       function onClear(e) {
         if (props.openOnClear) {
@@ -10804,10 +10908,11 @@
         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();
@@ -10833,13 +10938,8 @@
           }
           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)) {
@@ -10874,6 +10974,11 @@
           }
         }
       }
+      function onListKeydown(e) {
+        if (e.key === 'Tab') {
+          vTextFieldRef.value?.focus();
+        }
+      }
       function onInput(e) {
         search.value = e.target.value;
       }
@@ -10943,7 +11048,7 @@
       });
       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 vue.createVNode(VTextField, vue.mergeProps({
@@ -10976,6 +11081,7 @@
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-autocomplete__content",
+            "disabled": menuDisabled.value,
             "eager": props.eager,
             "maxHeight": 310,
             "openOnClick": false,
@@ -10988,12 +11094,14 @@
               "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']?.() ?? vue.createVNode(VListItem, {
+              default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
-              }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+              }, null)), displayItems.value.map((item, index) => {
                 const itemProps = vue.mergeProps(item.props, {
                   key: index,
                   active: highlightFirst.value && index === 0 ? true : undefined,
@@ -11743,7 +11851,7 @@
     prependAvatar: String,
     prependIcon: IconValue,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     subtitle: String,
@@ -13148,6 +13256,8 @@
     return data;
   };
 
+  // Types
+
   const makeVSliderThumbProps = propsFactory({
     focused: Boolean,
     max: {
@@ -13167,7 +13277,7 @@
       required: true
     },
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     ...makeComponentProps()
@@ -14326,6 +14436,7 @@
         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 = vue.computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
       function onClear(e) {
         cleared = true;
@@ -14334,10 +14445,11 @@
         }
       }
       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();
@@ -14363,10 +14475,8 @@
           }
           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)) {
@@ -14405,6 +14515,11 @@
           search.value = '';
         }
       }
+      function onListKeydown(e) {
+        if (e.key === 'Tab') {
+          vTextFieldRef.value?.focus();
+        }
+      }
       function onAfterLeave() {
         if (isFocused.value) {
           isPristine.value = true;
@@ -14466,7 +14581,7 @@
       });
       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 vue.createVNode(VTextField, vue.mergeProps({
@@ -14499,6 +14614,7 @@
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-combobox__content",
+            "disabled": menuDisabled.value,
             "eager": props.eager,
             "maxHeight": 310,
             "openOnClick": false,
@@ -14511,12 +14627,14 @@
               "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']?.() ?? vue.createVNode(VListItem, {
+              default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
-              }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+              }, null)), displayItems.value.map((item, index) => {
                 const itemProps = vue.mergeProps(item.props, {
                   key: index,
                   active: highlightFirst.value && index === 0 ? true : undefined,
@@ -14808,6 +14926,8 @@
     }
   });
 
+  // Types
+
   const makeVExpansionPanelTitleProps = propsFactory({
     color: String,
     expandIcon: {
@@ -15080,8 +15200,6 @@
           "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,
@@ -18078,8 +18196,8 @@
           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,
@@ -19364,47 +19482,6 @@
 
   // 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,
@@ -19418,7 +19495,7 @@
     AR: 1,
     AS: 0,
     AT: 1,
-    AU: 0,
+    AU: 1,
     AX: 1,
     AZ: 1,
     BA: 1,
@@ -19438,7 +19515,7 @@
     CH: 1,
     CL: 1,
     CM: 1,
-    CN: 0,
+    CN: 1,
     CO: 0,
     CR: 1,
     CY: 1,
@@ -19558,6 +19635,53 @@
     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()];
@@ -19565,7 +19689,7 @@
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
       return new Intl.DateTimeFormat(locale, {
-        weekday: 'long'
+        weekday: 'short'
       }).format(weekday);
     });
   }
@@ -19585,8 +19709,7 @@
         options = {
           weekday: 'short',
           day: 'numeric',
-          month: 'short',
-          year: 'numeric'
+          month: 'short'
         };
         break;
       case 'keyboardDate':
@@ -19604,6 +19727,11 @@
           year: 'numeric'
         };
         break;
+      case 'dayOfMonth':
+        options = {
+          day: 'numeric'
+        };
+        break;
       default:
         options = {
           timeZone: 'UTC',
@@ -19634,28 +19762,6 @@
   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]);
   }
@@ -19692,13 +19798,15 @@
     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);
     }
@@ -19706,7 +19814,7 @@
       return addMonths(date, amount);
     }
     getWeekArray(date) {
-      return getWeekArray(date);
+      return getWeekArray(date, this.locale);
     }
     startOfMonth(date) {
       return startOfMonth(date);
@@ -19729,6 +19837,9 @@
     isAfter(date, comparing) {
       return isAfter(date, comparing);
     }
+    isBefore(date, comparing) {
+      return !isAfter(date, comparing) && !isEqual(date, comparing);
+    }
     isSameDay(date, comparing) {
       return isSameDay(date, comparing);
     }
@@ -19741,9 +19852,6 @@
     getDiff(date, comparing, unit) {
       return getDiff(date, comparing, unit);
     }
-    getWeek(date) {
-      return getWeek(date);
-    }
     getWeekdays() {
       return getWeekdays(this.locale);
     }
@@ -19767,9 +19875,52 @@
 
   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
@@ -19857,7 +20008,7 @@
       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
@@ -19882,7 +20033,7 @@
       ...options
     });
   };
-  const version = "3.3.2";
+  const version = "3.3.4";
   createVuetify.version = version;
 
   exports.components = components;