vuetify 3.6.5 → 3.6.7

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.5
+* Vuetify v3.6.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -395,6 +395,8 @@
     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) {
@@ -1321,7 +1323,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;
       }
@@ -2996,14 +2998,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
     };
@@ -7372,7 +7382,9 @@
       validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
     },
     ...makeComponentProps(),
-    ...makeDisplayProps(),
+    ...makeDisplayProps({
+      mobile: null
+    }),
     ...makeTagProps(),
     ...makeGroupProps({
       selectedClass: 'v-slide-group-item--active'
@@ -9203,7 +9215,8 @@
             }) : vue.createVNode(VListItem, listItemProps, slotsWithItem);
           },
           default: () => vue.createVNode(VListChildren, {
-            "items": children
+            "items": children,
+            "returnObject": props.returnObject
           }, slots)
         }) : slots.item ? slots.item({
           props: itemProps
@@ -11103,7 +11116,7 @@
         },
         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();
             }
@@ -11142,6 +11155,7 @@
       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) {
@@ -12323,7 +12337,7 @@
       let keyboardLookupLastTime;
       const displayItems = vue.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;
       });
@@ -12885,7 +12899,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) {
@@ -13192,7 +13206,8 @@
               "onMousedown": onMousedownMenuIcon,
               "onClick": noop,
               "aria-label": t(label.value),
-              "title": t(label.value)
+              "title": t(label.value),
+              "tabindex": "-1"
             }, null) : undefined]);
           }
         });
@@ -13349,7 +13364,9 @@
     ...makeComponentProps(),
     ...makeDensityProps(),
     ...makeDimensionProps(),
-    ...makeDisplayProps(),
+    ...makeDisplayProps({
+      mobile: null
+    }),
     ...makeElevationProps(),
     ...makeLocationProps(),
     ...makePositionProps(),
@@ -16749,8 +16766,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;
@@ -17058,7 +17075,8 @@
               "onMousedown": onMousedownMenuIcon,
               "onClick": noop,
               "aria-label": t(label.value),
-              "title": t(label.value)
+              "title": t(label.value),
+              "tabindex": "-1"
             }, null) : undefined]);
           }
         });
@@ -17966,12 +17984,20 @@
         }, null)]);
         return vue.createVNode(vue.Fragment, null, [slots.default?.({
           model: internalModel,
+          save,
+          cancel,
+          isPristine: isPristine.value,
           get actions() {
             actionsUsed = true;
             return actions;
           }
         }), !actionsUsed && actions]);
       });
+      return {
+        save,
+        cancel,
+        isPristine
+      };
     }
   });
 
@@ -18562,7 +18588,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: {
@@ -19622,6 +19648,7 @@
   const makeVDataTableHeadersProps = propsFactory({
     color: String,
     sticky: Boolean,
+    disableSort: Boolean,
     multiSort: Boolean,
     sortAscIcon: {
       type: IconValue,
@@ -19712,7 +19739,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],
@@ -19752,7 +19779,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)
@@ -19767,7 +19794,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');
@@ -20263,6 +20290,7 @@
 
   const makeDataTableProps = propsFactory({
     ...makeVDataTableRowsProps(),
+    hideDefaultBody: Boolean,
     hideDefaultFooter: Boolean,
     hideDefaultHeader: Boolean,
     width: [String, Number],
@@ -20449,7 +20477,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, {
@@ -20624,7 +20652,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),
@@ -20833,7 +20861,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, {
@@ -21608,7 +21636,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',
@@ -21625,10 +21656,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
           };
@@ -21648,6 +21684,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',
@@ -22048,7 +22085,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, {
@@ -26176,6 +26214,7 @@
         blur
       } = useFocus(props);
       const control = vue.ref();
+      const isForcedColorsModeActive = IN_BROWSER && window.matchMedia('(forced-colors: active)').matches;
       const loaderColor = vue.computed(() => {
         return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
       });
@@ -26244,7 +26283,7 @@
                   backgroundColorStyles
                 } = _ref3;
                 return vue.createVNode("div", {
-                  "class": ['v-switch__track', ...backgroundColorClasses.value],
+                  "class": ['v-switch__track', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined],
                   "style": backgroundColorStyles.value,
                   "onClick": onTrackClick
                 }, [slots['track-true'] && vue.createVNode("div", {
@@ -26265,7 +26304,7 @@
                 return vue.createVNode(vue.Fragment, null, [inputNode, vue.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 ? vue.createVNode(VDefaultsProvider, {
                   "defaults": {
@@ -27711,7 +27750,7 @@
         }
       }
       function onClickToday() {
-        model.value = [new Date()];
+        model.value = [adapter.date()];
       }
       const title = vue.computed(() => {
         return adapter.format(displayValue.value, 'monthAndYear');
@@ -27750,7 +27789,7 @@
         }, [chunkArray(daysInMonth.value, props.weekdays.length).map((week, wi) => [!props.hideWeekNumber ? vue.createVNode("div", {
           "class": "v-calendar-month__weeknumber"
         }, [weekNumbers.value[wi]]) : '', week.map(day => vue.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))
@@ -27969,10 +28008,12 @@
           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) {
@@ -27996,6 +28037,9 @@
       function onModelUpdate(v) {
         model.value = v ? +v : undefined;
       }
+      function onControlMousedown(e) {
+        e.stopPropagation();
+      }
       useRender(() => {
         const {
           modelValue: _,
@@ -28014,7 +28058,8 @@
             "icon": "$expand",
             "size": "small",
             "tabindex": "-1",
-            "onClick": onClickDown
+            "onClick": onClickDown,
+            "onMousedown": onControlMousedown
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "decrement-defaults",
             "defaults": {
@@ -28038,6 +28083,7 @@
             "name": "increment-btn",
             "icon": "$collapse",
             "onClick": onClickUp,
+            "onMousedown": onControlMousedown,
             "size": "small",
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
@@ -28070,7 +28116,8 @@
           "icon": "$plus",
           "tile": true,
           "tabindex": "-1",
-          "onClick": onClickUp
+          "onClick": onClickUp,
+          "onMousedown": onControlMousedown
         }, null)]) : !props.reverse ? vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined;
         const hasAppendInner = slots['append-inner'] || appendInnerControl;
         const prependInnerControl = controlVariant.value === 'split' ? vue.createVNode("div", {
@@ -28081,7 +28128,8 @@
           "icon": "$minus",
           "tile": true,
           "tabindex": "-1",
-          "onClick": onClickDown
+          "onClick": onClickDown,
+          "onMousedown": onControlMousedown
         }, null), vue.createVNode(VDivider, {
           "vertical": true
         }, null)]) : props.reverse ? vue.createVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined;
@@ -28099,7 +28147,8 @@
             'v-number-input--stacked': controlVariant.value === 'stacked'
           }, props.class]
         }, textFieldProps, {
-          "style": props.style
+          "style": props.style,
+          "inputmode": "decimal"
         }), {
           ...slots,
           'append-inner': hasAppendInner ? function () {
@@ -29363,17 +29412,18 @@
         emit,
         slots
       } = _ref;
-      const isLoading = vue.shallowRef(false);
-      const hasLoaded = vue.shallowRef(false);
+      const isLoading = vue.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) {
@@ -29386,6 +29436,7 @@
           props: itemProps,
           raw: item
         } = _ref2;
+        const loading = isLoading.value === item.value;
         const slotsWithItem = {
           prepend: slots.prepend ? slotProps => slots.prepend?.({
             ...slotProps,
@@ -29399,7 +29450,7 @@
               "key": item.value,
               "tabindex": "-1",
               "modelValue": isSelected,
-              "loading": isLoading.value,
+              "loading": loading,
               "indeterminate": isIndeterminate,
               "onClick": e => onClick(e, item)
             }, null);
@@ -29423,7 +29474,7 @@
               props: activatorProps
             } = _ref4;
             return vue.createVNode(VTreeviewItem, vue.mergeProps(itemProps, activatorProps, {
-              "loading": isLoading.value,
+              "loading": loading,
               "onClick": e => onClick(e, item)
             }), slotsWithItem);
           },
@@ -30076,7 +30127,7 @@
       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
@@ -30329,7 +30380,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.5";
+  const version = "3.6.7";
 
   /* eslint-disable local-rules/sort-imports */