@vuetify/nightly 3.6.6-master.2024-05-21 → 3.6.7-master.2024-05-23

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.6.6-master.2024-05-21
+* Vuetify v3.6.7-master.2024-05-23
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, readonly, unref, warn, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, createVNode, mergeProps, onBeforeUnmount, watch, nextTick, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, Suspense, TransitionGroup, Transition, isRef, toRef, onBeforeMount, withDirectives, resolveDirective, vShow, onMounted, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, readonly, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, createVNode, mergeProps, onBeforeUnmount, watch, nextTick, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, Suspense, TransitionGroup, Transition, isRef, toRef, onBeforeMount, withDirectives, resolveDirective, vShow, onMounted, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -1251,6 +1251,53 @@ const makeComponentProps = propsFactory({
 
 // Types
 
+function getCurrentInstance(name, message) {
+  const vm = getCurrentInstance$1();
+  if (!vm) {
+    throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`);
+  }
+  return vm;
+}
+function getCurrentInstanceName() {
+  let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'composables';
+  const vm = getCurrentInstance(name).type;
+  return toKebabCase(vm?.aliasName || vm?.name);
+}
+let _uid = 0;
+let _map = new WeakMap();
+function getUid() {
+  const vm = getCurrentInstance('getUid');
+  if (_map.has(vm)) return _map.get(vm);else {
+    const uid = _uid++;
+    _map.set(vm, uid);
+    return uid;
+  }
+}
+getUid.reset = () => {
+  _uid = 0;
+  _map = new WeakMap();
+};
+
+// Utilities
+
+// Types
+
+function injectSelf(key) {
+  let vm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstance('injectSelf');
+  const {
+    provides
+  } = vm;
+  if (provides && key in provides) {
+    // TS doesn't allow symbol as index type
+    return provides[key];
+  }
+  return undefined;
+}
+
+// Utilities
+
+// Types
+
 const DefaultsSymbol = Symbol.for('vuetify:defaults');
 function createDefaults(options) {
   return ref(options);
@@ -1313,7 +1360,7 @@ function internalUseDefaults() {
       if (prop === 'class' || prop === 'style') {
         return [componentDefaults.value?.[prop], propValue].filter(v => v != null);
       } else if (typeof prop === 'string' && !propIsDefined(vm.vnode, prop)) {
-        return componentDefaults.value?.[prop] ?? defaults.value?.global?.[prop] ?? propValue;
+        return componentDefaults.value?.[prop] !== undefined ? componentDefaults.value?.[prop] : defaults.value?.global?.[prop] !== undefined ? defaults.value?.global?.[prop] : propValue;
       }
       return propValue;
     }
@@ -1476,37 +1523,6 @@ function getPrefixedEventHandlers(attrs, suffix, getData) {
   }, {});
 }
 
-// Utilities
-
-// Types
-
-function getCurrentInstance(name, message) {
-  const vm = getCurrentInstance$1();
-  if (!vm) {
-    throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`);
-  }
-  return vm;
-}
-function getCurrentInstanceName() {
-  let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'composables';
-  const vm = getCurrentInstance(name).type;
-  return toKebabCase(vm?.aliasName || vm?.name);
-}
-let _uid = 0;
-let _map = new WeakMap();
-function getUid() {
-  const vm = getCurrentInstance('getUid');
-  if (_map.has(vm)) return _map.get(vm);else {
-    const uid = _uid++;
-    _map.set(vm, uid);
-    return uid;
-  }
-}
-getUid.reset = () => {
-  _uid = 0;
-  _map = new WeakMap();
-};
-
 function getScrollParent(el) {
   let includeHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   while (el) {
@@ -1536,22 +1552,6 @@ function isPotentiallyScrollable(el) {
   return ['scroll', 'auto'].includes(style.overflowY);
 }
 
-// Utilities
-
-// Types
-
-function injectSelf(key) {
-  let vm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstance('injectSelf');
-  const {
-    provides
-  } = vm;
-  if (provides && key in provides) {
-    // TS doesn't allow symbol as index type
-    return provides[key];
-  }
-  return undefined;
-}
-
 function isFixedPosition(el) {
   while (el) {
     if (window.getComputedStyle(el).position === 'fixed') {
@@ -3434,14 +3434,22 @@ const makeDimensionProps = propsFactory({
   width: [Number, String]
 }, 'dimension');
 function useDimension(props) {
-  const dimensionStyles = computed(() => ({
-    height: convertToUnit(props.height),
-    maxHeight: convertToUnit(props.maxHeight),
-    maxWidth: convertToUnit(props.maxWidth),
-    minHeight: convertToUnit(props.minHeight),
-    minWidth: convertToUnit(props.minWidth),
-    width: convertToUnit(props.width)
-  }));
+  const dimensionStyles = computed(() => {
+    const styles = {};
+    const height = convertToUnit(props.height);
+    const maxHeight = convertToUnit(props.maxHeight);
+    const maxWidth = convertToUnit(props.maxWidth);
+    const minHeight = convertToUnit(props.minHeight);
+    const minWidth = convertToUnit(props.minWidth);
+    const width = convertToUnit(props.width);
+    if (height != null) styles.height = height;
+    if (maxHeight != null) styles.maxHeight = maxHeight;
+    if (maxWidth != null) styles.maxWidth = maxWidth;
+    if (minHeight != null) styles.minHeight = minHeight;
+    if (minWidth != null) styles.minWidth = minWidth;
+    if (width != null) styles.width = width;
+    return styles;
+  });
   return {
     dimensionStyles
   };
@@ -9436,7 +9444,8 @@ const VListChildren = genericComponent()({
           }) : createVNode(VListItem, listItemProps, slotsWithItem);
         },
         default: () => createVNode(VListChildren, {
-          "items": children
+          "items": children,
+          "returnObject": props.returnObject
         }, slots)
       }) : slots.item ? slots.item({
         props: itemProps
@@ -13119,7 +13128,7 @@ const VAutocomplete = genericComponent()({
       if (['Escape'].includes(e.key)) {
         menu.value = false;
       }
-      if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key)) {
+      if (highlightFirst.value && e.key === 'Enter') {
         select(displayItems.value[0]);
       }
       if (e.key === 'ArrowDown' && highlightFirst.value) {
@@ -13426,7 +13435,8 @@ const VAutocomplete = genericComponent()({
             "onMousedown": onMousedownMenuIcon,
             "onClick": noop,
             "aria-label": t(label.value),
-            "title": t(label.value)
+            "title": t(label.value),
+            "tabindex": "-1"
           }, null) : undefined]);
         }
       });
@@ -16985,8 +16995,8 @@ const VCombobox = genericComponent()({
       if (['Escape'].includes(e.key)) {
         menu.value = false;
       }
-      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {
-        if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key)) {
+      if (['Enter', 'Escape'].includes(e.key)) {
+        if (highlightFirst.value && e.key === 'Enter') {
           select(filteredItems.value[0]);
         }
         isPristine.value = true;
@@ -17294,7 +17304,8 @@ const VCombobox = genericComponent()({
             "onMousedown": onMousedownMenuIcon,
             "onClick": noop,
             "aria-label": t(label.value),
-            "title": t(label.value)
+            "title": t(label.value),
+            "tabindex": "-1"
           }, null) : undefined]);
         }
       });
@@ -18806,7 +18817,7 @@ function useSort() {
 function useSortedItems(props, items, sortBy, options) {
   const locale = useLocale();
   const sortedItems = computed(() => {
-    if (!sortBy.value.length) return items.value;
+    if (!sortBy.value.length || props.disableSort) return items.value;
     return sortItems(items.value, sortBy.value, locale.current.value, {
       transform: options?.transform,
       sortFunctions: {
@@ -19866,6 +19877,7 @@ function useHeaders() {
 const makeVDataTableHeadersProps = propsFactory({
   color: String,
   sticky: Boolean,
+  disableSort: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
     type: IconValue,
@@ -19956,7 +19968,7 @@ const VDataTableHeaders = genericComponent()({
         "tag": "th",
         "align": column.align,
         "class": [{
-          'v-data-table__th--sortable': column.sortable,
+          'v-data-table__th--sortable': column.sortable && !props.disableSort,
           'v-data-table__th--sorted': isSorted(column),
           'v-data-table__th--fixed': column.fixed
         }, ...headerCellClasses.value],
@@ -19996,7 +20008,7 @@ const VDataTableHeaders = genericComponent()({
           }
           return createVNode("div", {
             "class": "v-data-table-header__content"
-          }, [createVNode("span", null, [column.title]), column.sortable && createVNode(VIcon, {
+          }, [createVNode("span", null, [column.title]), column.sortable && !props.disableSort && createVNode(VIcon, {
             "key": "icon",
             "class": "v-data-table-header__sort-icon",
             "icon": getSortIcon(column)
@@ -20011,7 +20023,7 @@ const VDataTableHeaders = genericComponent()({
     const VDataTableMobileHeaderCell = () => {
       const headerProps = mergeProps(props.headerProps ?? {} ?? {});
       const displayItems = computed(() => {
-        return columns.value.filter(column => column?.sortable);
+        return columns.value.filter(column => column?.sortable && !props.disableSort);
       });
       const appendIcon = computed(() => {
         const showSelectColumn = columns.value.find(column => column.key === 'data-table-select');
@@ -20507,6 +20519,7 @@ function useDataTableItems(props, columns) {
 
 const makeDataTableProps = propsFactory({
   ...makeVDataTableRowsProps(),
+  hideDefaultBody: Boolean,
   hideDefaultFooter: Boolean,
   hideDefaultHeader: Boolean,
   width: [String, Number],
@@ -20693,7 +20706,7 @@ const VDataTable = genericComponent()({
         top: () => slots.top?.(slotProps.value),
         default: () => slots.default ? slots.default(slotProps.value) : createVNode(Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createVNode("thead", {
           "key": "thead"
-        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), createVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
+        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
           "items": paginatedItems.value
         }), slots), slots['body.append']?.(slotProps.value)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
         bottom: () => slots.bottom ? slots.bottom(slotProps.value) : !props.hideDefaultFooter && createVNode(Fragment, null, [createVNode(VDivider, null, null), createVNode(VDataTableFooter, dataTableFooterProps, {
@@ -20868,7 +20881,7 @@ const VDataTableVirtual = genericComponent()({
           "key": "thead"
         }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
           "sticky": props.fixedHeader
-        }), slots)]), createVNode("tbody", null, [createVNode("tr", {
+        }), slots)]), !props.hideDefaultBody && createVNode("tbody", null, [createVNode("tr", {
           "ref": markerRef,
           "style": {
             height: convertToUnit(paddingTop.value),
@@ -21077,7 +21090,7 @@ const VDataTableServer = genericComponent()({
           "role": "rowgroup"
         }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
           "sticky": props.fixedHeader
-        }), slots)]), slots.thead?.(slotProps.value), createVNode("tbody", {
+        }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createVNode("tbody", {
           "class": "v-data-table__tbody",
           "role": "rowgroup"
         }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
@@ -21852,7 +21865,10 @@ const VDatePickerMonth = genericComponent()({
 const makeVDatePickerMonthsProps = propsFactory({
   color: String,
   height: [String, Number],
-  modelValue: Number
+  min: null,
+  max: null,
+  modelValue: Number,
+  year: Number
 }, 'VDatePickerMonths');
 const VDatePickerMonths = genericComponent()({
   name: 'VDatePickerMonths',
@@ -21869,10 +21885,15 @@ const VDatePickerMonths = genericComponent()({
     const model = useProxiedModel(props, 'modelValue');
     const months = computed(() => {
       let date = adapter.startOfYear(adapter.date());
+      if (props.year) {
+        date = adapter.setYear(date, props.year);
+      }
       return createRange(12).map(i => {
         const text = adapter.format(date, 'monthShort');
+        const isDisabled = !!(props.min && adapter.isAfter(adapter.startOfMonth(adapter.date(props.min)), date) || props.max && adapter.isAfter(date, adapter.startOfMonth(adapter.date(props.max))));
         date = adapter.getNextMonth(date);
         return {
+          isDisabled,
           text,
           value: i
         };
@@ -21892,6 +21913,7 @@ const VDatePickerMonths = genericComponent()({
       const btnProps = {
         active: model.value === i,
         color: model.value === i ? props.color : undefined,
+        disabled: month.isDisabled,
         rounded: true,
         text: month.text,
         variant: model.value === month.value ? 'flat' : 'text',
@@ -22292,7 +22314,8 @@ const VDatePicker = genericComponent()({
             "modelValue": month.value,
             "onUpdate:modelValue": [$event => month.value = $event, onUpdateMonth],
             "min": minDate.value,
-            "max": maxDate.value
+            "max": maxDate.value,
+            "year": year.value
           }), null) : viewMode.value === 'year' ? createVNode(VDatePickerYears, mergeProps({
             "key": "date-picker-years"
           }, datePickerYearsProps, {
@@ -22455,6 +22478,10 @@ const VEmptyState = genericComponent()({
   }
 });
 
+// Types
+
+const VExpansionPanelSymbol = Symbol.for('vuetify:v-expansion-panel');
+
 const makeVExpansionPanelTextProps = propsFactory({
   ...makeComponentProps(),
   ...makeLazyProps()
@@ -22635,7 +22662,6 @@ const VExpansionPanel = genericComponent()({
 
 // Types
 
-const VExpansionPanelSymbol = Symbol.for('vuetify:v-expansion-panel');
 const allowedVariants = ['default', 'accordion', 'inset', 'popout'];
 const makeVExpansionPanelsProps = propsFactory({
   flat: Boolean,
@@ -25979,6 +26005,10 @@ const VSpeedDial = genericComponent()({
 
 // Types
 
+const VStepperSymbol = Symbol.for('vuetify:v-stepper');
+
+// Types
+
 const makeVStepperActionsProps = propsFactory({
   color: String,
   disabled: {
@@ -26166,9 +26196,6 @@ const VStepperItem = genericComponent()({
   }
 });
 
-// Types
-
-const VStepperSymbol$1 = Symbol.for('vuetify:v-stepper');
 const makeVStepperWindowProps = propsFactory({
   ...omit(makeVWindowProps(), ['continuous', 'nextIcon', 'prevIcon', 'showArrows', 'touch', 'mandatory'])
 }, 'VStepperWindow');
@@ -26182,7 +26209,7 @@ const VStepperWindow = genericComponent()({
     let {
       slots
     } = _ref;
-    const group = inject$1(VStepperSymbol$1, null);
+    const group = inject$1(VStepperSymbol, null);
     const _model = useProxiedModel(props, 'modelValue');
     const model = computed({
       get() {
@@ -26240,7 +26267,6 @@ const VStepperWindowItem = genericComponent()({
 
 // Types
 
-const VStepperSymbol = Symbol.for('vuetify:v-stepper');
 const makeStepperProps = propsFactory({
   altLabels: Boolean,
   bgColor: String,
@@ -28010,7 +28036,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.6-master.2024-05-21";
+const version$1 = "3.6.7-master.2024-05-23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28035,7 +28061,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.6-master.2024-05-21";
+const version = "3.6.7-master.2024-05-23";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };