vuetify 3.6.5 → 3.6.7

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.5
+* Vuetify v3.6.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -391,6 +391,8 @@ function findChildrenWithProvide(key, vnode) {
   if (!vnode || typeof vnode !== 'object') return [];
   if (Array.isArray(vnode)) {
     return vnode.map(child => findChildrenWithProvide(key, child)).flat(1);
+  } else if (vnode.suspense) {
+    return findChildrenWithProvide(key, vnode.ssContent);
   } else if (Array.isArray(vnode.children)) {
     return vnode.children.map(child => findChildrenWithProvide(key, child)).flat(1);
   } else if (vnode.component) {
@@ -1317,7 +1319,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;
     }
@@ -2992,14 +2994,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
   };
@@ -7368,7 +7378,9 @@ const makeVSlideGroupProps = propsFactory({
     validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
   },
   ...makeComponentProps(),
-  ...makeDisplayProps(),
+  ...makeDisplayProps({
+    mobile: null
+  }),
   ...makeTagProps(),
   ...makeGroupProps({
     selectedClass: 'v-slide-group-item--active'
@@ -9199,7 +9211,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
@@ -11099,7 +11112,7 @@ const VMenu = genericComponent()({
       },
       closeParents(e) {
         setTimeout(() => {
-          if (!openChildren.value && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
+          if (!openChildren.value && !props.persistent && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
             isActive.value = false;
             parent?.closeParents();
           }
@@ -11138,6 +11151,7 @@ const VMenu = genericComponent()({
     function onKeydown(e) {
       if (props.disabled) return;
       if (e.key === 'Tab' || e.key === 'Enter' && !props.closeOnContentClick) {
+        if (e.key === 'Enter' && e.target instanceof HTMLTextAreaElement) return;
         if (e.key === 'Enter') e.preventDefault();
         const nextElement = getNextElement(focusableChildren(overlay.value?.contentEl, false), e.shiftKey ? 'prev' : 'next', el => el.tabIndex >= 0);
         if (!nextElement) {
@@ -12319,7 +12333,7 @@ const VSelect = genericComponent()({
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
       if (props.hideSelected) {
-        return items.value.filter(item => !model.value.some(s => s === item));
+        return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)));
       }
       return items.value;
     });
@@ -12881,7 +12895,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) {
@@ -13188,7 +13202,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]);
         }
       });
@@ -13345,7 +13360,9 @@ const makeVBannerProps = propsFactory({
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeDimensionProps(),
-  ...makeDisplayProps(),
+  ...makeDisplayProps({
+    mobile: null
+  }),
   ...makeElevationProps(),
   ...makeLocationProps(),
   ...makePositionProps(),
@@ -16745,8 +16762,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;
@@ -17054,7 +17071,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]);
         }
       });
@@ -17962,12 +17980,20 @@ const VConfirmEdit = genericComponent()({
       }, null)]);
       return createVNode(Fragment, null, [slots.default?.({
         model: internalModel,
+        save,
+        cancel,
+        isPristine: isPristine.value,
         get actions() {
           actionsUsed = true;
           return actions;
         }
       }), !actionsUsed && actions]);
     });
+    return {
+      save,
+      cancel,
+      isPristine
+    };
   }
 });
 
@@ -18558,7 +18584,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: {
@@ -19618,6 +19644,7 @@ function useHeaders() {
 const makeVDataTableHeadersProps = propsFactory({
   color: String,
   sticky: Boolean,
+  disableSort: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
     type: IconValue,
@@ -19708,7 +19735,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],
@@ -19748,7 +19775,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)
@@ -19763,7 +19790,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');
@@ -20259,6 +20286,7 @@ function useDataTableItems(props, columns) {
 
 const makeDataTableProps = propsFactory({
   ...makeVDataTableRowsProps(),
+  hideDefaultBody: Boolean,
   hideDefaultFooter: Boolean,
   hideDefaultHeader: Boolean,
   width: [String, Number],
@@ -20445,7 +20473,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, {
@@ -20620,7 +20648,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),
@@ -20829,7 +20857,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, {
@@ -21604,7 +21632,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',
@@ -21621,10 +21652,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
         };
@@ -21644,6 +21680,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',
@@ -22044,7 +22081,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, {
@@ -26172,6 +26210,7 @@ const VSwitch = genericComponent()({
       blur
     } = useFocus(props);
     const control = ref();
+    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia('(forced-colors: active)').matches;
     const loaderColor = computed(() => {
       return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
     });
@@ -26240,7 +26279,7 @@ const VSwitch = genericComponent()({
                 backgroundColorStyles
               } = _ref3;
               return createVNode("div", {
-                "class": ['v-switch__track', ...backgroundColorClasses.value],
+                "class": ['v-switch__track', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined],
                 "style": backgroundColorStyles.value,
                 "onClick": onTrackClick
               }, [slots['track-true'] && createVNode("div", {
@@ -26261,7 +26300,7 @@ const VSwitch = genericComponent()({
               return createVNode(Fragment, null, [inputNode, createVNode("div", {
                 "class": ['v-switch__thumb', {
                   'v-switch__thumb--filled': icon || props.loading
-                }, props.inset ? undefined : backgroundColorClasses.value],
+                }, props.inset || isForcedColorsModeActive ? undefined : backgroundColorClasses.value],
                 "style": props.inset ? undefined : backgroundColorStyles.value
               }, [slots.thumb ? createVNode(VDefaultsProvider, {
                 "defaults": {
@@ -27707,7 +27746,7 @@ const VCalendar = genericComponent()({
       }
     }
     function onClickToday() {
-      model.value = [new Date()];
+      model.value = [adapter.date()];
     }
     const title = computed(() => {
       return adapter.format(displayValue.value, 'monthAndYear');
@@ -27746,7 +27785,7 @@ const VCalendar = genericComponent()({
       }, [chunkArray(daysInMonth.value, props.weekdays.length).map((week, wi) => [!props.hideWeekNumber ? createVNode("div", {
         "class": "v-calendar-month__weeknumber"
       }, [weekNumbers.value[wi]]) : '', week.map(day => createVNode(VCalendarMonthDay, {
-        "color": adapter.isSameDay(new Date(), day.date) ? 'primary' : undefined,
+        "color": adapter.isSameDay(adapter.date(), day.date) ? 'primary' : undefined,
         "day": day,
         "title": day ? adapter.format(day.date, 'dayOfMonth') : 'NaN',
         "events": props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end))
@@ -27965,10 +28004,12 @@ const VNumberInput = genericComponent()({
         if (canDecrease.value) model.value = +(model.value - props.step).toFixed(decimals);
       }
     }
-    function onClickUp() {
+    function onClickUp(e) {
+      e.stopPropagation();
       toggleUpDown();
     }
-    function onClickDown() {
+    function onClickDown(e) {
+      e.stopPropagation();
       toggleUpDown(false);
     }
     function onKeydown(e) {
@@ -27992,6 +28033,9 @@ const VNumberInput = genericComponent()({
     function onModelUpdate(v) {
       model.value = v ? +v : undefined;
     }
+    function onControlMousedown(e) {
+      e.stopPropagation();
+    }
     useRender(() => {
       const {
         modelValue: _,
@@ -28010,7 +28054,8 @@ const VNumberInput = genericComponent()({
           "icon": "$expand",
           "size": "small",
           "tabindex": "-1",
-          "onClick": onClickDown
+          "onClick": onClickDown,
+          "onMousedown": onControlMousedown
         }, null) : createVNode(VDefaultsProvider, {
           "key": "decrement-defaults",
           "defaults": {
@@ -28034,6 +28079,7 @@ const VNumberInput = genericComponent()({
           "name": "increment-btn",
           "icon": "$collapse",
           "onClick": onClickUp,
+          "onMousedown": onControlMousedown,
           "size": "small",
           "tabindex": "-1"
         }, null) : createVNode(VDefaultsProvider, {
@@ -28066,7 +28112,8 @@ const VNumberInput = genericComponent()({
         "icon": "$plus",
         "tile": true,
         "tabindex": "-1",
-        "onClick": onClickUp
+        "onClick": onClickUp,
+        "onMousedown": onControlMousedown
       }, null)]) : !props.reverse ? createVNode(Fragment, null, [dividerNode(), controlNode()]) : undefined;
       const hasAppendInner = slots['append-inner'] || appendInnerControl;
       const prependInnerControl = controlVariant.value === 'split' ? createVNode("div", {
@@ -28077,7 +28124,8 @@ const VNumberInput = genericComponent()({
         "icon": "$minus",
         "tile": true,
         "tabindex": "-1",
-        "onClick": onClickDown
+        "onClick": onClickDown,
+        "onMousedown": onControlMousedown
       }, null), createVNode(VDivider, {
         "vertical": true
       }, null)]) : props.reverse ? createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
@@ -28095,7 +28143,8 @@ const VNumberInput = genericComponent()({
           'v-number-input--stacked': controlVariant.value === 'stacked'
         }, props.class]
       }, textFieldProps, {
-        "style": props.style
+        "style": props.style,
+        "inputmode": "decimal"
       }), {
         ...slots,
         'append-inner': hasAppendInner ? function () {
@@ -29359,17 +29408,18 @@ const VTreeviewChildren = genericComponent()({
       emit,
       slots
     } = _ref;
-    const isLoading = shallowRef(false);
-    const hasLoaded = shallowRef(false);
+    const isLoading = shallowRef(null);
     function checkChildren(item) {
       return new Promise(resolve => {
-        if (!props.items?.length || !props.loadChildren || hasLoaded.value) return resolve();
-        isLoading.value = true;
-        props.loadChildren(item).then(resolve);
-      }).then(() => {
-        hasLoaded.value = true;
+        if (!props.items?.length || !props.loadChildren) return resolve();
+        if (item?.children?.length === 0) {
+          isLoading.value = item.value;
+          props.loadChildren(item).then(resolve);
+          return;
+        }
+        resolve();
       }).finally(() => {
-        isLoading.value = false;
+        isLoading.value = null;
       });
     }
     function onClick(e, item) {
@@ -29382,6 +29432,7 @@ const VTreeviewChildren = genericComponent()({
         props: itemProps,
         raw: item
       } = _ref2;
+      const loading = isLoading.value === item.value;
       const slotsWithItem = {
         prepend: slots.prepend ? slotProps => slots.prepend?.({
           ...slotProps,
@@ -29395,7 +29446,7 @@ const VTreeviewChildren = genericComponent()({
             "key": item.value,
             "tabindex": "-1",
             "modelValue": isSelected,
-            "loading": isLoading.value,
+            "loading": loading,
             "indeterminate": isIndeterminate,
             "onClick": e => onClick(e, item)
           }, null);
@@ -29419,7 +29470,7 @@ const VTreeviewChildren = genericComponent()({
             props: activatorProps
           } = _ref4;
           return createVNode(VTreeviewItem, mergeProps(itemProps, activatorProps, {
-            "loading": isLoading.value,
+            "loading": loading,
             "onClick": e => onClick(e, item)
           }), slotsWithItem);
         },
@@ -30072,7 +30123,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.5";
+const version$1 = "3.6.7";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30325,7 +30376,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.5";
+const version = "3.6.7";
 
 /* eslint-disable local-rules/sort-imports */