vuetify 3.6.8 → 3.6.10

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.8
+* Vuetify v3.6.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3756,6 +3756,7 @@ function useScroll(props) {
     canScroll
   } = args;
   let previousScroll = 0;
+  let previousScrollHeight = 0;
   const target = ref(null);
   const currentScroll = shallowRef(0);
   const savedScroll = shallowRef(0);
@@ -3778,6 +3779,11 @@ function useScroll(props) {
     if (!targetEl || canScroll && !canScroll.value) return;
     previousScroll = currentScroll.value;
     currentScroll.value = 'window' in targetEl ? targetEl.pageYOffset : targetEl.scrollTop;
+    const currentScrollHeight = targetEl instanceof Window ? document.documentElement.scrollHeight : targetEl.scrollHeight;
+    if (previousScrollHeight !== currentScrollHeight) {
+      previousScrollHeight = currentScrollHeight;
+      return;
+    }
     isScrollingUp.value = currentScroll.value < previousScroll;
     currentThreshold.value = Math.abs(currentScroll.value - scrollThreshold.value);
   };
@@ -9384,6 +9390,7 @@ const makeVListProps = propsFactory({
   nav: Boolean,
   'onClick:open': EventProp(),
   'onClick:select': EventProp(),
+  'onUpdate:opened': EventProp(),
   ...makeNestedProps({
     selectStrategy: 'single-leaf',
     openStrategy: 'list'
@@ -10787,9 +10794,6 @@ const VOverlay = genericComponent()({
         if (!(v && props.disabled)) model.value = v;
       }
     });
-    const {
-      teleportTarget
-    } = useTeleport(computed(() => props.attach || props.contained));
     const {
       themeClasses
     } = provideTheme(props);
@@ -10822,6 +10826,10 @@ const VOverlay = genericComponent()({
       isActive,
       isTop: localTop
     });
+    const potentialShadowDomRoot = computed(() => activatorEl?.value?.getRootNode());
+    const {
+      teleportTarget
+    } = useTeleport(computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value : false));
     const {
       dimensionStyles
     } = useDimension(props);
@@ -11164,7 +11172,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.target instanceof HTMLTextAreaElement || e.target instanceof HTMLInputElement && !!e.target.closest('form'))) 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) {
@@ -12908,7 +12916,12 @@ const VAutocomplete = genericComponent()({
       if (['Escape'].includes(e.key)) {
         menu.value = false;
       }
-      if (highlightFirst.value && e.key === 'Enter') {
+      if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key) && !model.value.some(_ref2 => {
+        let {
+          value
+        } = _ref2;
+        return value === displayItems.value[0].value;
+      })) {
         select(displayItems.value[0]);
       }
       if (e.key === 'ArrowDown' && highlightFirst.value) {
@@ -13011,16 +13024,14 @@ const VAutocomplete = genericComponent()({
         isPristine.value = true;
         nextTick(() => isSelecting.value = false);
       } else {
-        if (!props.multiple && search.value == null) model.value = [];else if (highlightFirst.value && !listHasFocus.value && !model.value.some(_ref2 => {
-          let {
-            value
-          } = _ref2;
-          return value === displayItems.value[0].value;
-        })) {
-          select(displayItems.value[0]);
-        }
+        if (!props.multiple && search.value == null) model.value = [];
         menu.value = false;
-        if (props.multiple || hasSelectionSlot.value) search.value = '';
+        if (!model.value.some(_ref3 => {
+          let {
+            title
+          } = _ref3;
+          return title === search.value;
+        })) search.value = '';
         selectionIndex.value = -1;
       }
     });
@@ -13106,12 +13117,12 @@ const VAutocomplete = genericComponent()({
               "renderless": true,
               "items": displayItems.value
             }, {
-              default: _ref3 => {
+              default: _ref4 => {
                 let {
                   item,
                   index,
                   itemRef
-                } = _ref3;
+                } = _ref4;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
                   key: index,
@@ -13125,10 +13136,10 @@ const VAutocomplete = genericComponent()({
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
                   "role": "option"
                 }), {
-                  prepend: _ref4 => {
+                  prepend: _ref5 => {
                     let {
                       isSelected
-                    } = _ref4;
+                    } = _ref5;
                     return createVNode(Fragment, null, [props.multiple && !props.hideSelected ? createVNode(VCheckboxBtn, {
                       "key": item.value,
                       "modelValue": isSelected,
@@ -16778,8 +16789,13 @@ const VCombobox = genericComponent()({
       if (['Escape'].includes(e.key)) {
         menu.value = false;
       }
-      if (['Enter', 'Escape'].includes(e.key)) {
-        if (highlightFirst.value && e.key === 'Enter') {
+      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {
+        if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key) && !model.value.some(_ref2 => {
+          let {
+            value
+          } = _ref2;
+          return value === displayItems.value[0].value;
+        })) {
           select(filteredItems.value[0]);
         }
         isPristine.value = true;
@@ -16874,15 +16890,6 @@ const VCombobox = genericComponent()({
       if (val || val === oldVal) return;
       selectionIndex.value = -1;
       menu.value = false;
-      if (highlightFirst.value && !listHasFocus.value && !model.value.some(_ref2 => {
-        let {
-          value
-        } = _ref2;
-        return value === displayItems.value[0].value;
-      })) {
-        select(displayItems.value[0]);
-        return;
-      }
       if (search.value) {
         if (props.multiple) {
           select(transformItem$3(props, search.value));
@@ -22034,8 +22041,11 @@ const VDatePicker = genericComponent()({
       emit('update:year', value);
     }
     watch(model, (val, oldVal) => {
-      const before = adapter.date(wrapInArray(oldVal)[oldVal.length - 1]);
-      const after = adapter.date(wrapInArray(val)[val.length - 1]);
+      const arrBefore = wrapInArray(oldVal);
+      const arrAfter = wrapInArray(val);
+      if (!arrAfter.length) return;
+      const before = adapter.date(arrBefore[arrBefore.length - 1]);
+      const after = adapter.date(arrAfter[arrAfter.length - 1]);
       const newMonth = adapter.getMonth(after);
       const newYear = adapter.getYear(after);
       if (newMonth !== month.value) {
@@ -22246,7 +22256,7 @@ const VEmptyState = genericComponent()({
         "defaults": {
           VBtn: {
             class: 'v-empty-state__action-btn',
-            color: props.color,
+            color: props.color ?? 'surface-variant',
             text: props.actionText
           }
         }
@@ -22344,6 +22354,7 @@ const VExpansionPanelTitle = genericComponent()({
       expandIcon: props.expandIcon,
       readonly: props.readonly
     }));
+    const icon = computed(() => expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon);
     useRender(() => withDirectives(createVNode("button", {
       "class": ['v-expansion-panel-title', {
         'v-expansion-panel-title--active': expansionPanel.isSelected.value,
@@ -22358,11 +22369,17 @@ const VExpansionPanelTitle = genericComponent()({
       "onClick": !props.readonly ? expansionPanel.toggle : undefined
     }, [createVNode("span", {
       "class": "v-expansion-panel-title__overlay"
-    }, null), slots.default?.(slotProps.value), !props.hideActions && createVNode("span", {
-      "class": "v-expansion-panel-title__icon"
-    }, [slots.actions ? slots.actions(slotProps.value) : createVNode(VIcon, {
-      "icon": expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon
-    }, null)])]), [[resolveDirective("ripple"), props.ripple]]));
+    }, null), slots.default?.(slotProps.value), !props.hideActions && createVNode(VDefaultsProvider, {
+      "defaults": {
+        VIcon: {
+          icon: icon.value
+        }
+      }
+    }, {
+      default: () => [createVNode("span", {
+        "class": "v-expansion-panel-title__icon"
+      }, [slots.actions?.(slotProps.value) ?? createVNode(VIcon, null, null)])]
+    })]), [[resolveDirective("ripple"), props.ripple]]));
     return {};
   }
 });
@@ -22429,15 +22446,26 @@ const VExpansionPanel = genericComponent()({
       }, {
         default: () => [createVNode("div", {
           "class": ['v-expansion-panel__shadow', ...elevationClasses.value]
-        }, null), hasTitle && createVNode(VExpansionPanelTitle, mergeProps({
-          "key": "title"
-        }, expansionPanelTitleProps), {
-          default: () => [slots.title ? slots.title() : props.title]
-        }), hasText && createVNode(VExpansionPanelText, mergeProps({
-          "key": "text"
-        }, expansionPanelTextProps), {
-          default: () => [slots.text ? slots.text() : props.text]
-        }), slots.default?.()]
+        }, null), createVNode(VDefaultsProvider, {
+          "defaults": {
+            VExpansionPanelTitle: {
+              ...expansionPanelTitleProps
+            },
+            VExpansionPanelText: {
+              ...expansionPanelTextProps
+            }
+          }
+        }, {
+          default: () => [hasTitle && createVNode(VExpansionPanelTitle, {
+            "key": "title"
+          }, {
+            default: () => [slots.title ? slots.title() : props.title]
+          }), hasText && createVNode(VExpansionPanelText, {
+            "key": "text"
+          }, {
+            default: () => [slots.text ? slots.text() : props.text]
+          }), slots.default?.()]
+        })]
       });
     });
     return {
@@ -22513,15 +22541,13 @@ const VExpansionPanels = genericComponent()({
   }
 });
 
+// Types
+
 const makeVFabProps = propsFactory({
   app: Boolean,
   appear: Boolean,
   extended: Boolean,
   layout: Boolean,
-  location: {
-    type: String,
-    default: 'bottom end'
-  },
   offset: Boolean,
   modelValue: {
     type: Boolean,
@@ -22531,6 +22557,7 @@ const makeVFabProps = propsFactory({
     active: true
   }), ['location']),
   ...makeLayoutItemProps(),
+  ...makeLocationProps(),
   ...makeTransitionProps({
     transition: 'fab-transition'
   })
@@ -22557,11 +22584,11 @@ const VFab = genericComponent()({
     const hasPosition = computed(() => props.app || props.absolute);
     const position = computed(() => {
       if (!hasPosition.value) return false;
-      return props.location.split(' ').shift();
+      return props.location?.split(' ').shift() ?? 'bottom';
     });
     const orientation = computed(() => {
       if (!hasPosition.value) return false;
-      return props.location.split(' ')[1] ?? 'end';
+      return props.location?.split(' ')[1] ?? 'end';
     });
     useToggleScope(() => props.app, () => {
       const layout = useLayoutItem({
@@ -27988,7 +28015,6 @@ const makeVNumberInputProps = propsFactory({
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
-  inheritAttrs: false,
   props: {
     ...makeVNumberInputProps()
   },
@@ -28762,6 +28788,7 @@ const VTimePickerClock = genericComponent()({
       return !props.allowedValues || props.allowedValues(value);
     }
     function wheel(e) {
+      if (!props.scrollable || props.disabled) return;
       e.preventDefault();
       const delta = Math.sign(-e.deltaY || 1);
       let value = displayedValue.value;
@@ -28856,6 +28883,7 @@ const VTimePickerClock = genericComponent()({
       }
     }
     function onMouseDown(e) {
+      if (props.disabled) return;
       e.preventDefault();
       window.addEventListener('mousemove', onDragMove);
       window.addEventListener('touchmove', onDragMove);
@@ -28886,7 +28914,7 @@ const VTimePickerClock = genericComponent()({
         }],
         "onMousedown": onMouseDown,
         "onTouchstart": onMouseDown,
-        "onWheel": e => props.scrollable && wheel(e),
+        "onWheel": wheel,
         "ref": clockRef
       }, [createVNode("div", {
         "class": "v-time-picker-clock__inner",
@@ -28988,6 +29016,7 @@ const VTimePickerControls = genericComponent()({
       }, [createVNode(VBtn, {
         "active": props.selecting === 1,
         "color": props.selecting === 1 ? props.color : undefined,
+        "disabled": props.disabled,
         "variant": "tonal",
         "class": {
           'v-time-picker-controls__time__btn': true,
@@ -29009,6 +29038,7 @@ const VTimePickerControls = genericComponent()({
           'v-time-picker-controls__time--with-ampm__btn': props.ampm,
           'v-time-picker-controls__time--with-seconds__btn': props.useSeconds
         },
+        "disabled": props.disabled,
         "variant": "tonal",
         "text": props.minute == null ? '--' : pad(props.minute),
         "onClick": () => emit('update:selecting', SelectingTimes.Minute)
@@ -29026,6 +29056,7 @@ const VTimePickerControls = genericComponent()({
           'v-time-picker-controls__time__btn__active': props.selecting === 3,
           'v-time-picker-controls__time--with-seconds__btn': props.useSeconds
         },
+        "disabled": props.disabled,
         "text": props.second == null ? '--' : pad(props.second)
       }, null), props.ampm && createVNode("div", {
         "class": ['v-time-picker-controls__ampm', {
@@ -29039,8 +29070,9 @@ const VTimePickerControls = genericComponent()({
           'v-time-picker-controls__ampm__btn': true,
           'v-time-picker-controls__ampm__btn__active': props.period === 'am'
         },
+        "disabled": props.disabled,
         "text": t('$vuetify.timePicker.am'),
-        "variant": "tonal",
+        "variant": props.disabled && props.period === 'am' ? 'elevated' : 'tonal',
         "onClick": () => props.period !== 'am' ? emit('update:period', 'am') : null
       }, null), createVNode(VBtn, {
         "active": props.period === 'pm',
@@ -29050,8 +29082,9 @@ const VTimePickerControls = genericComponent()({
           'v-time-picker-controls__ampm__btn': true,
           'v-time-picker-controls__ampm__btn__active': props.period === 'pm'
         },
+        "disabled": props.disabled,
         "text": t('$vuetify.timePicker.pm'),
-        "variant": "tonal",
+        "variant": props.disabled && props.period === 'pm' ? 'elevated' : 'tonal',
         "onClick": () => props.period !== 'pm' ? emit('update:period', 'pm') : null
       }, null)])])]);
     });
@@ -29635,6 +29668,7 @@ const VTreeview = genericComponent()({
     let {
       slots
     } = _ref;
+    const vm = getCurrentInstance('VTreeview');
     const {
       items
     } = useListItems(props);
@@ -29717,15 +29751,13 @@ const VTreeview = genericComponent()({
       }
     });
     useRender(() => {
-      const listProps = VList.filterProps(props);
+      const listProps = VList.filterProps(vm.vnode.props);
       const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
       return createVNode(VList, mergeProps({
         "ref": vListRef
       }, listProps, {
         "class": ['v-treeview', props.class],
         "style": props.style,
-        "opened": opened.value,
-        "onUpdate:opened": $event => opened.value = $event,
         "activated": activated.value,
         "onUpdate:activated": $event => activated.value = $event,
         "selected": selected.value,
@@ -30237,7 +30269,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.8";
+const version$1 = "3.6.10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30490,7 +30522,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.8";
+const version = "3.6.10";
 
 /* eslint-disable local-rules/sort-imports */