vuetify 3.6.7 → 3.6.9

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.6.7
+* Vuetify v3.6.9
 * 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, onBeforeUnmount, watch, nextTick, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, createVNode, Suspense, TransitionGroup, Transition, mergeProps, 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, onBeforeUnmount, watch, nextTick, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, createVNode, Suspense, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, withDirectives, resolveDirective, vShow, onMounted, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -1257,6 +1257,53 @@ function getForeground(color) {
 
 // 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);
@@ -1482,37 +1529,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) {
@@ -1542,22 +1558,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') {
@@ -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);
   };
@@ -6249,7 +6255,15 @@ const VSelectionControl = genericComponent()({
       e.stopPropagation();
     }
     function onInput(e) {
-      if (!isInteractive.value) return;
+      if (!isInteractive.value) {
+        if (input.value) {
+          // model value is not updated when input is not interactive
+          // but the internal checked state of the input is still updated,
+          // so here it's value is restored
+          input.value.checked = model.value;
+        }
+        return;
+      }
       if (props.readonly && group) {
         nextTick(() => group.forceUpdate());
       }
@@ -8702,6 +8716,7 @@ const VListGroup = genericComponent()({
       isBooted
     } = useSsrBoot();
     function onClick(e) {
+      e.stopPropagation();
       open(!isOpen.value, e);
     }
     const activatorProps = computed(() => ({
@@ -9035,6 +9050,8 @@ const VListItem = genericComponent()({
       }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
     });
     return {
+      activate,
+      isActivated,
       isGroupActivator,
       isSelected,
       list,
@@ -9110,7 +9127,7 @@ const VDivider = genericComponent()({
     const dividerStyles = computed(() => {
       const styles = {};
       if (props.length) {
-        styles[props.vertical ? 'maxHeight' : 'maxWidth'] = convertToUnit(props.length);
+        styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
       }
       if (props.thickness) {
         styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
@@ -9371,6 +9388,9 @@ const makeVListProps = propsFactory({
   },
   slim: Boolean,
   nav: Boolean,
+  'onClick:open': EventProp(),
+  'onClick:select': EventProp(),
+  'onUpdate:opened': EventProp(),
   ...makeNestedProps({
     selectStrategy: 'single-leaf',
     openStrategy: 'list'
@@ -10774,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);
@@ -10809,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);
@@ -11151,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) {
@@ -12682,7 +12703,7 @@ function filterItems(items, query, options) {
     const customMatches = {};
     const defaultMatches = {};
     let match = -1;
-    if (query && !options?.noFilter) {
+    if ((query || customFiltersLength > 0) && !options?.noFilter) {
       if (typeof item === 'object') {
         const filterKeys = keys || Object.keys(transformed);
         for (const key of filterKeys) {
@@ -12895,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) {
@@ -12998,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;
       }
     });
@@ -13093,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,
@@ -13112,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,
@@ -15523,6 +15547,7 @@ const makeVSliderThumbProps = propsFactory({
     type: [Boolean, Object],
     default: true
   },
+  name: String,
   ...makeComponentProps()
 }, 'VSliderThumb');
 const VSliderThumb = genericComponent()({
@@ -15619,6 +15644,7 @@ const VSliderThumb = genericComponent()({
         }, props.style],
         "role": "slider",
         "tabindex": disabled.value ? -1 : 0,
+        "aria-label": props.name,
         "aria-valuemin": props.min,
         "aria-valuemax": props.max,
         "aria-valuenow": props.modelValue,
@@ -15895,7 +15921,8 @@ const VSlider = genericComponent()({
             "elevation": props.elevation,
             "onFocus": focus,
             "onBlur": blur,
-            "ripple": props.ripple
+            "ripple": props.ripple,
+            "name": props.name
           }, {
             'thumb-label': slots['thumb-label']
           })]);
@@ -16762,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;
@@ -16858,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));
@@ -21520,6 +21543,9 @@ const VDatePickerMonth = genericComponent()({
     });
     function onRangeClick(value) {
       const _value = adapter.startOfDay(value);
+      if (model.value.length === 0) {
+        rangeStart.value = undefined;
+      }
       if (!rangeStart.value) {
         rangeStart.value = _value;
         model.value = [rangeStart.value];
@@ -22227,7 +22253,7 @@ const VEmptyState = genericComponent()({
         "defaults": {
           VBtn: {
             class: 'v-empty-state__action-btn',
-            color: props.color,
+            color: props.color ?? 'surface-variant',
             text: props.actionText
           }
         }
@@ -22245,6 +22271,10 @@ const VEmptyState = genericComponent()({
   }
 });
 
+// Types
+
+const VExpansionPanelSymbol = Symbol.for('vuetify:v-expansion-panel');
+
 const makeVExpansionPanelTextProps = propsFactory({
   ...makeComponentProps(),
   ...makeLazyProps()
@@ -22425,7 +22455,6 @@ const VExpansionPanel = genericComponent()({
 
 // Types
 
-const VExpansionPanelSymbol = Symbol.for('vuetify:v-expansion-panel');
 const allowedVariants = ['default', 'accordion', 'inset', 'popout'];
 const makeVExpansionPanelsProps = propsFactory({
   flat: Boolean,
@@ -22491,15 +22520,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,
@@ -22509,6 +22536,7 @@ const makeVFabProps = propsFactory({
     active: true
   }), ['location']),
   ...makeLayoutItemProps(),
+  ...makeLocationProps(),
   ...makeTransitionProps({
     transition: 'fab-transition'
   })
@@ -22535,11 +22563,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({
@@ -25769,6 +25797,10 @@ const VSpeedDial = genericComponent()({
 
 // Types
 
+const VStepperSymbol = Symbol.for('vuetify:v-stepper');
+
+// Types
+
 const makeVStepperActionsProps = propsFactory({
   color: String,
   disabled: {
@@ -25956,9 +25988,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');
@@ -25972,7 +26001,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() {
@@ -26030,11 +26059,13 @@ const VStepperWindowItem = genericComponent()({
 
 // Types
 
-const VStepperSymbol = Symbol.for('vuetify:v-stepper');
 const makeStepperProps = propsFactory({
   altLabels: Boolean,
   bgColor: String,
+  completeIcon: String,
+  editIcon: String,
   editable: Boolean,
+  errorIcon: String,
   hideActions: Boolean,
   items: {
     type: Array,
@@ -26048,9 +26079,9 @@ const makeStepperProps = propsFactory({
     type: String,
     default: 'value'
   },
-  mobile: Boolean,
   nonLinear: Boolean,
-  flat: Boolean
+  flat: Boolean,
+  ...makeDisplayProps()
 }, 'Stepper');
 const makeVStepperProps = propsFactory({
   ...makeStepperProps(),
@@ -26078,6 +26109,13 @@ const VStepper = genericComponent()({
       selected
     } = useGroup(props, VStepperSymbol);
     const {
+      displayClasses,
+      mobile
+    } = useDisplay(props);
+    const {
+      completeIcon,
+      editIcon,
+      errorIcon,
       color,
       editable,
       prevText,
@@ -26104,6 +26142,9 @@ const VStepper = genericComponent()({
     provideDefaults({
       VStepperItem: {
         editable,
+        errorIcon,
+        completeIcon,
+        editIcon,
         prevText,
         nextText
       },
@@ -26125,8 +26166,8 @@ const VStepper = genericComponent()({
           'v-stepper--alt-labels': props.altLabels,
           'v-stepper--flat': props.flat,
           'v-stepper--non-linear': props.nonLinear,
-          'v-stepper--mobile': props.mobile
-        }, props.class],
+          'v-stepper--mobile': mobile.value
+        }, displayClasses.value, props.class],
         "style": props.style
       }), {
         default: () => [hasHeader && createVNode(VStepperHeader, {
@@ -26656,9 +26697,9 @@ const VTabs = genericComponent()({
           "key": item.text,
           "value": item.value
         }), {
-          default: () => slots[`tab.${item.value}`]?.({
+          default: slots[`tab.${item.value}`] ? () => slots[`tab.${item.value}`]?.({
             item
-          })
+          }) : undefined
         }))]
       }), hasWindow && createVNode(VTabsWindow, mergeProps({
         "modelValue": model.value,
@@ -27953,7 +27994,6 @@ const makeVNumberInputProps = propsFactory({
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
-  inheritAttrs: false,
   props: {
     ...makeVNumberInputProps()
   },
@@ -27969,15 +28009,20 @@ const VNumberInput = genericComponent()({
     const model = useProxiedModel(props, 'modelValue');
     const stepDecimals = computed(() => getDecimals(props.step));
     const modelDecimals = computed(() => model.value != null ? getDecimals(model.value) : 0);
+    const form = useForm();
+    const controlsDisabled = computed(() => props.disabled || props.readonly || form?.isReadonly.value);
     const canIncrease = computed(() => {
+      if (controlsDisabled.value) return false;
       if (model.value == null) return true;
       return model.value + props.step <= props.max;
     });
     const canDecrease = computed(() => {
+      if (controlsDisabled.value) return false;
       if (model.value == null) return true;
       return model.value - props.step >= props.min;
     });
     watchEffect(() => {
+      if (controlsDisabled.value) return;
       if (model.value != null && (model.value < props.min || model.value > props.max)) {
         model.value = clamp(model.value, props.min, props.max);
       }
@@ -27993,6 +28038,7 @@ const VNumberInput = genericComponent()({
     }));
     function toggleUpDown() {
       let increment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      if (controlsDisabled.value) return;
       if (model.value == null) {
         model.value = 0;
         return;
@@ -28721,6 +28767,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;
@@ -28815,6 +28862,7 @@ const VTimePickerClock = genericComponent()({
       }
     }
     function onMouseDown(e) {
+      if (props.disabled) return;
       e.preventDefault();
       window.addEventListener('mousemove', onDragMove);
       window.addEventListener('touchmove', onDragMove);
@@ -28845,7 +28893,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",
@@ -28947,6 +28995,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,
@@ -28968,6 +29017,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)
@@ -28985,6 +29035,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', {
@@ -28998,8 +29049,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',
@@ -29009,8 +29061,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)])])]);
     });
@@ -29334,32 +29387,100 @@ const VTreeviewItem = genericComponent()({
       emit
     } = _ref;
     const link = useLink(props, attrs);
-    const id = computed(() => props.value === undefined ? link.href.value : props.value);
+    const rawId = computed(() => props.value === undefined ? link.href.value : props.value);
     const vListItemRef = ref();
+    const {
+      activate,
+      isActivated,
+      select,
+      isSelected,
+      isIndeterminate,
+      isGroupActivator,
+      root,
+      id
+    } = useNestedItem(rawId, false);
+    const isActivatableGroupActivator = computed(() => root.activatable.value && isGroupActivator);
+    const {
+      densityClasses
+    } = useDensity(props, 'v-list-item');
+    const slotProps = computed(() => ({
+      isActive: isActivated.value,
+      select,
+      isSelected: isSelected.value,
+      isIndeterminate: isIndeterminate.value
+    }));
     const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!vListItemRef.value?.list));
-    function onClick(e) {
-      if (!vListItemRef.value?.isGroupActivator || !isClickable.value) return;
-      props.value != null && vListItemRef.value?.select(!vListItemRef.value?.isSelected, e);
+    function activateItem(e) {
+      if (!isClickable.value || !isActivatableGroupActivator.value && isGroupActivator) return;
+      if (root.activatable.value) {
+        if (isActivatableGroupActivator.value) {
+          activate(!isActivated.value, e);
+        } else {
+          vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);
+        }
+      }
     }
     function onKeyDown(e) {
       if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
-        onClick(e);
+        activateItem(e);
       }
     }
     const visibleIds = inject$1(VTreeviewSymbol, {
       visibleIds: ref()
     }).visibleIds;
     useRender(() => {
+      const hasTitle = slots.title || props.title != null;
+      const hasSubtitle = slots.subtitle || props.subtitle != null;
       const listItemProps = VListItem.filterProps(props);
       const hasPrepend = slots.prepend || props.toggleIcon;
-      return createVNode(VListItem, mergeProps({
+      return isActivatableGroupActivator.value ? withDirectives(createVNode("div", {
+        "class": ['v-list-item', 'v-list-item--one-line', 'v-treeview-item', 'v-treeview-item--activetable-group-activator', {
+          'v-list-item--active': isActivated.value || isSelected.value,
+          'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(id.value)
+        }, densityClasses.value, props.class],
+        "onClick": activateItem
+      }, [createVNode(Fragment, null, [genOverlays(isActivated.value || isSelected.value, 'v-list-item'), props.toggleIcon && createVNode(VListItemAction, {
+        "start": false
+      }, {
+        default: () => [createVNode(VBtn, {
+          "density": "compact",
+          "icon": props.toggleIcon,
+          "loading": props.loading,
+          "variant": "text",
+          "onClick": props.onClick
+        }, {
+          loader() {
+            return createVNode(VProgressCircular, {
+              "indeterminate": "disable-shrink",
+              "size": "20",
+              "width": "2"
+            }, null);
+          }
+        })]
+      })]), createVNode("div", {
+        "class": "v-list-item__content",
+        "data-no-activator": ""
+      }, [hasTitle && createVNode(VListItemTitle, {
+        "key": "title"
+      }, {
+        default: () => [slots.title?.({
+          title: props.title
+        }) ?? props.title]
+      }), hasSubtitle && createVNode(VListItemSubtitle, {
+        "key": "subtitle"
+      }, {
+        default: () => [slots.subtitle?.({
+          subtitle: props.subtitle
+        }) ?? props.subtitle]
+      }), slots.default?.(slotProps.value)])]), [[resolveDirective("ripple"), isClickable.value && props.ripple]]) : createVNode(VListItem, mergeProps({
         "ref": vListItemRef
       }, listItemProps, {
         "class": ['v-treeview-item', {
           'v-treeview-item--filtered': visibleIds.value && !visibleIds.value.has(id.value)
         }, props.class],
-        "onClick": onClick,
+        "value": id.value,
+        "onClick": activateItem,
         "onKeydown": isClickable.value && onKeyDown
       }), {
         ...slots,
@@ -29398,7 +29519,8 @@ const makeVTreeviewChildrenProps = propsFactory({
     default: '$loading'
   },
   items: Array,
-  selectable: Boolean
+  selectable: Boolean,
+  selectStrategy: [String, Function, Object]
 }, 'VTreeviewChildren');
 const VTreeviewChildren = genericComponent()({
   name: 'VTreeviewChildren',
@@ -29422,9 +29544,10 @@ const VTreeviewChildren = genericComponent()({
         isLoading.value = null;
       });
     }
-    function onClick(e, item) {
-      e.stopPropagation();
-      checkChildren(item);
+    function selectItem(select, isSelected) {
+      if (props.selectable) {
+        select(!isSelected);
+      }
     }
     return () => slots.default?.() ?? props.items?.map(_ref2 => {
       let {
@@ -29434,23 +29557,21 @@ const VTreeviewChildren = genericComponent()({
       } = _ref2;
       const loading = isLoading.value === item.value;
       const slotsWithItem = {
-        prepend: slots.prepend ? slotProps => slots.prepend?.({
+        prepend: slotProps => createVNode(Fragment, null, [props.selectable && (!children || children && !['leaf', 'single-leaf'].includes(props.selectStrategy)) && createVNode("div", null, [createVNode(VCheckboxBtn, {
+          "key": item.value,
+          "modelValue": slotProps.isSelected,
+          "loading": loading,
+          "indeterminate": slotProps.isIndeterminate,
+          "onClick": withModifiers(() => selectItem(slotProps.select, slotProps.isSelected), ['stop']),
+          "onKeydown": e => {
+            if (!['Enter', 'Space'].includes(e.key)) return;
+            e.stopPropagation();
+            selectItem(slotProps.select, slotProps.isSelected);
+          }
+        }, null)]), slots.prepend?.({
           ...slotProps,
           item
-        }) : props.selectable ? _ref3 => {
-          let {
-            isSelected,
-            isIndeterminate
-          } = _ref3;
-          return createVNode(VCheckboxBtn, {
-            "key": item.value,
-            "tabindex": "-1",
-            "modelValue": isSelected,
-            "loading": loading,
-            "indeterminate": isIndeterminate,
-            "onClick": e => onClick(e, item)
-          }, null);
-        } : undefined,
+        })]),
         append: slots.append ? slotProps => slots.append?.({
           ...slotProps,
           item
@@ -29465,13 +29586,18 @@ const VTreeviewChildren = genericComponent()({
       return children ? createVNode(VTreeviewGroup, mergeProps({
         "value": itemProps?.value
       }, treeviewGroupProps), {
-        activator: _ref4 => {
+        activator: _ref3 => {
           let {
             props: activatorProps
-          } = _ref4;
-          return createVNode(VTreeviewItem, mergeProps(itemProps, activatorProps, {
+          } = _ref3;
+          const listItemProps = {
+            ...itemProps,
+            ...activatorProps,
+            value: itemProps?.value
+          };
+          return createVNode(VTreeviewItem, mergeProps(listItemProps, {
             "loading": loading,
-            "onClick": e => onClick(e, item)
+            "onClick": () => checkChildren(item)
           }), slotsWithItem);
         },
         default: () => createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
@@ -29502,7 +29628,7 @@ const makeVTreeviewProps = propsFactory({
   ...omit(makeVListProps({
     collapseIcon: '$treeviewCollapse',
     expandIcon: '$treeviewExpand',
-    selectStrategy: 'independent',
+    selectStrategy: 'classic',
     openStrategy: 'multiple',
     slim: true
   }), ['nav'])
@@ -29521,6 +29647,7 @@ const VTreeview = genericComponent()({
     let {
       slots
     } = _ref;
+    const vm = getCurrentInstance('VTreeview');
     const {
       items
     } = useListItems(props);
@@ -29603,15 +29730,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,
@@ -30123,7 +30248,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.7";
+const version$1 = "3.6.9";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30376,7 +30501,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.7";
+const version = "3.6.9";
 
 /* eslint-disable local-rules/sort-imports */