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

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* 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.
 */
@@ -1255,6 +1255,53 @@
 
   // Types
 
+  function getCurrentInstance(name, message) {
+    const vm = vue.getCurrentInstance();
+    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 vue.ref(options);
@@ -1317,7 +1364,7 @@
         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;
       }
@@ -1480,37 +1527,6 @@
     }, {});
   }
 
-  // Utilities
-
-  // Types
-
-  function getCurrentInstance(name, message) {
-    const vm = vue.getCurrentInstance();
-    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) {
@@ -1540,22 +1556,6 @@
     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') {
@@ -3438,14 +3438,22 @@
     width: [Number, String]
   }, 'dimension');
   function useDimension(props) {
-    const dimensionStyles = vue.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 = vue.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
     };
@@ -9440,7 +9448,8 @@
             }) : vue.createVNode(VListItem, listItemProps, slotsWithItem);
           },
           default: () => vue.createVNode(VListChildren, {
-            "items": children
+            "items": children,
+            "returnObject": props.returnObject
           }, slots)
         }) : slots.item ? slots.item({
           props: itemProps
@@ -13123,7 +13132,7 @@
         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) {
@@ -13430,7 +13439,8 @@
               "onMousedown": onMousedownMenuIcon,
               "onClick": noop,
               "aria-label": t(label.value),
-              "title": t(label.value)
+              "title": t(label.value),
+              "tabindex": "-1"
             }, null) : undefined]);
           }
         });
@@ -16989,8 +16999,8 @@
         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;
@@ -17298,7 +17308,8 @@
               "onMousedown": onMousedownMenuIcon,
               "onClick": noop,
               "aria-label": t(label.value),
-              "title": t(label.value)
+              "title": t(label.value),
+              "tabindex": "-1"
             }, null) : undefined]);
           }
         });
@@ -18810,7 +18821,7 @@
   function useSortedItems(props, items, sortBy, options) {
     const locale = useLocale();
     const sortedItems = vue.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: {
@@ -19870,6 +19881,7 @@
   const makeVDataTableHeadersProps = propsFactory({
     color: String,
     sticky: Boolean,
+    disableSort: Boolean,
     multiSort: Boolean,
     sortAscIcon: {
       type: IconValue,
@@ -19960,7 +19972,7 @@
           "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],
@@ -20000,7 +20012,7 @@
             }
             return vue.createVNode("div", {
               "class": "v-data-table-header__content"
-            }, [vue.createVNode("span", null, [column.title]), column.sortable && vue.createVNode(VIcon, {
+            }, [vue.createVNode("span", null, [column.title]), column.sortable && !props.disableSort && vue.createVNode(VIcon, {
               "key": "icon",
               "class": "v-data-table-header__sort-icon",
               "icon": getSortIcon(column)
@@ -20015,7 +20027,7 @@
       const VDataTableMobileHeaderCell = () => {
         const headerProps = vue.mergeProps(props.headerProps ?? {} ?? {});
         const displayItems = vue.computed(() => {
-          return columns.value.filter(column => column?.sortable);
+          return columns.value.filter(column => column?.sortable && !props.disableSort);
         });
         const appendIcon = vue.computed(() => {
           const showSelectColumn = columns.value.find(column => column.key === 'data-table-select');
@@ -20511,6 +20523,7 @@
 
   const makeDataTableProps = propsFactory({
     ...makeVDataTableRowsProps(),
+    hideDefaultBody: Boolean,
     hideDefaultFooter: Boolean,
     hideDefaultHeader: Boolean,
     width: [String, Number],
@@ -20697,7 +20710,7 @@
           top: () => slots.top?.(slotProps.value),
           default: () => slots.default ? slots.default(slotProps.value) : vue.createVNode(vue.Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && vue.createVNode("thead", {
             "key": "thead"
-          }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), vue.createVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.mergeProps(attrs, dataTableRowsProps, {
+          }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.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 && vue.createVNode(vue.Fragment, null, [vue.createVNode(VDivider, null, null), vue.createVNode(VDataTableFooter, dataTableFooterProps, {
@@ -20872,7 +20885,7 @@
             "key": "thead"
           }, [vue.createVNode(VDataTableHeaders, vue.mergeProps(dataTableHeadersProps, {
             "sticky": props.fixedHeader
-          }), slots)]), vue.createVNode("tbody", null, [vue.createVNode("tr", {
+          }), slots)]), !props.hideDefaultBody && vue.createVNode("tbody", null, [vue.createVNode("tr", {
             "ref": markerRef,
             "style": {
               height: convertToUnit(paddingTop.value),
@@ -21081,7 +21094,7 @@
             "role": "rowgroup"
           }, [vue.createVNode(VDataTableHeaders, vue.mergeProps(dataTableHeadersProps, {
             "sticky": props.fixedHeader
-          }), slots)]), slots.thead?.(slotProps.value), vue.createVNode("tbody", {
+          }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createVNode("tbody", {
             "class": "v-data-table__tbody",
             "role": "rowgroup"
           }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.mergeProps(attrs, dataTableRowsProps, {
@@ -21856,7 +21869,10 @@
   const makeVDatePickerMonthsProps = propsFactory({
     color: String,
     height: [String, Number],
-    modelValue: Number
+    min: null,
+    max: null,
+    modelValue: Number,
+    year: Number
   }, 'VDatePickerMonths');
   const VDatePickerMonths = genericComponent()({
     name: 'VDatePickerMonths',
@@ -21873,10 +21889,15 @@
       const model = useProxiedModel(props, 'modelValue');
       const months = vue.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
           };
@@ -21896,6 +21917,7 @@
         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',
@@ -22296,7 +22318,8 @@
               "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' ? vue.createVNode(VDatePickerYears, vue.mergeProps({
               "key": "date-picker-years"
             }, datePickerYearsProps, {
@@ -22459,6 +22482,10 @@
     }
   });
 
+  // Types
+
+  const VExpansionPanelSymbol = Symbol.for('vuetify:v-expansion-panel');
+
   const makeVExpansionPanelTextProps = propsFactory({
     ...makeComponentProps(),
     ...makeLazyProps()
@@ -22639,7 +22666,6 @@
 
   // Types
 
-  const VExpansionPanelSymbol = Symbol.for('vuetify:v-expansion-panel');
   const allowedVariants = ['default', 'accordion', 'inset', 'popout'];
   const makeVExpansionPanelsProps = propsFactory({
     flat: Boolean,
@@ -25983,6 +26009,10 @@
 
   // Types
 
+  const VStepperSymbol = Symbol.for('vuetify:v-stepper');
+
+  // Types
+
   const makeVStepperActionsProps = propsFactory({
     color: String,
     disabled: {
@@ -26170,9 +26200,6 @@
     }
   });
 
-  // Types
-
-  const VStepperSymbol$1 = Symbol.for('vuetify:v-stepper');
   const makeVStepperWindowProps = propsFactory({
     ...omit(makeVWindowProps(), ['continuous', 'nextIcon', 'prevIcon', 'showArrows', 'touch', 'mandatory'])
   }, 'VStepperWindow');
@@ -26186,7 +26213,7 @@
       let {
         slots
       } = _ref;
-      const group = vue.inject(VStepperSymbol$1, null);
+      const group = vue.inject(VStepperSymbol, null);
       const _model = useProxiedModel(props, 'modelValue');
       const model = vue.computed({
         get() {
@@ -26244,7 +26271,6 @@
 
   // Types
 
-  const VStepperSymbol = Symbol.for('vuetify:v-stepper');
   const makeStepperProps = propsFactory({
     altLabels: Boolean,
     bgColor: String,
@@ -28014,7 +28040,7 @@
       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
@@ -28039,7 +28065,7 @@
       ...options
     });
   };
-  const version = "3.6.6-master.2024-05-21";
+  const version = "3.6.7-master.2024-05-23";
   createVuetify.version = version;
 
   exports.blueprints = index;