@vuetify/nightly 3.6.8-master.2024-06-11 → 3.6.9-master.2024-06-12

package/dist/vuetify-labs.d.ts

@@ -33600,7 +33600,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33628,6 +33627,7 @@ declare const VFab: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
+        location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -33670,7 +33670,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33698,6 +33697,7 @@ declare const VFab: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
+        location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -33739,7 +33739,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33782,7 +33781,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33810,6 +33808,7 @@ declare const VFab: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
+        location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -33851,7 +33850,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33887,7 +33885,6 @@ declare const VFab: {
     appear: boolean;
     density: Density;
     extended: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
@@ -33915,6 +33912,7 @@ declare const VFab: {
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
     elevation?: string | number | undefined;
+    location?: Anchor | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
     prependIcon?: IconValue | undefined;
@@ -33958,7 +33956,6 @@ declare const VFab: {
     appear: boolean;
     density: Density;
     extended: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
@@ -33971,19 +33968,20 @@ declare const VFab: {
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
-        type: PropType<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
     };
+    location: vue.PropType<Anchor>;
     name: {
         type: StringConstructor;
     };
@@ -33998,9 +33996,9 @@ declare const VFab: {
     };
     flat: BooleanConstructor;
     replace: BooleanConstructor;
-    class: PropType<any>;
+    class: vue.PropType<any>;
     style: {
-        type: PropType<vue.StyleValue>;
+        type: vue.PropType<vue.StyleValue>;
         default: null;
     };
     size: {
@@ -34015,7 +34013,7 @@ declare const VFab: {
         type: BooleanConstructor;
         default: undefined;
     }, "default" | "type"> & {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     theme: StringConstructor;
@@ -34026,15 +34024,15 @@ declare const VFab: {
         type: StringConstructor;
         default: string;
     }, "default" | "type"> & {
-        type: PropType<string>;
+        type: vue.PropType<string>;
         default: string;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    icon: PropType<boolean | IconValue>;
-    to: PropType<vue_router.RouteLocationRaw>;
+    icon: vue.PropType<boolean | IconValue>;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
     border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     readonly: BooleanConstructor;
@@ -34043,11 +34041,11 @@ declare const VFab: {
         default: undefined;
     };
     variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -34062,18 +34060,18 @@ declare const VFab: {
         validator(v: any): boolean;
     };
     density: {
-        type: PropType<Density>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     baseColor: StringConstructor;
     selectedClass: StringConstructor;
-    prependIcon: PropType<IconValue>;
-    appendIcon: PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<boolean | {
+        type: vue.PropType<boolean | {
             class: string;
         } | undefined>;
         default: boolean;
@@ -34082,10 +34080,6 @@ declare const VFab: {
     appear: BooleanConstructor;
     extended: BooleanConstructor;
     layout: BooleanConstructor;
-    location: {
-        type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
-        default: string;
-    };
     offset: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -34093,19 +34087,20 @@ declare const VFab: {
     };
 }, vue.ExtractPropTypes<{
     transition: Omit<{
-        type: PropType<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
     };
+    location: vue.PropType<Anchor>;
     name: {
         type: StringConstructor;
     };
@@ -34120,9 +34115,9 @@ declare const VFab: {
     };
     flat: BooleanConstructor;
     replace: BooleanConstructor;
-    class: PropType<any>;
+    class: vue.PropType<any>;
     style: {
-        type: PropType<vue.StyleValue>;
+        type: vue.PropType<vue.StyleValue>;
         default: null;
     };
     size: {
@@ -34137,7 +34132,7 @@ declare const VFab: {
         type: BooleanConstructor;
         default: undefined;
     }, "default" | "type"> & {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     theme: StringConstructor;
@@ -34148,15 +34143,15 @@ declare const VFab: {
         type: StringConstructor;
         default: string;
     }, "default" | "type"> & {
-        type: PropType<string>;
+        type: vue.PropType<string>;
         default: string;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    icon: PropType<boolean | IconValue>;
-    to: PropType<vue_router.RouteLocationRaw>;
+    icon: vue.PropType<boolean | IconValue>;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
     border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     readonly: BooleanConstructor;
@@ -34165,11 +34160,11 @@ declare const VFab: {
         default: undefined;
     };
     variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -34184,18 +34179,18 @@ declare const VFab: {
         validator(v: any): boolean;
     };
     density: {
-        type: PropType<Density>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     baseColor: StringConstructor;
     selectedClass: StringConstructor;
-    prependIcon: PropType<IconValue>;
-    appendIcon: PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<boolean | {
+        type: vue.PropType<boolean | {
             class: string;
         } | undefined>;
         default: boolean;
@@ -34204,10 +34199,6 @@ declare const VFab: {
     appear: BooleanConstructor;
     extended: BooleanConstructor;
     layout: BooleanConstructor;
-    location: {
-        type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
-        default: string;
-    };
     offset: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -40354,6 +40345,7 @@ declare const VList: {
         value: boolean;
         path: unknown[];
     }) => void>;
+    'onUpdate:opened': PropType<() => void>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
@@ -40462,6 +40454,7 @@ declare const VList: {
         value: boolean;
         path: unknown[];
     }) => void>;
+    'onUpdate:opened': PropType<() => void>;
 }>>;
 type VList = InstanceType<typeof VList>;
 
@@ -79825,6 +79818,7 @@ declare const VTreeview: {
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
+        'onUpdate:opened'?: (() => void) | undefined;
         activeColor?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
@@ -79918,6 +79912,7 @@ declare const VTreeview: {
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
+        'onUpdate:opened'?: (() => void) | undefined;
         activeColor?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
@@ -80091,6 +80086,7 @@ declare const VTreeview: {
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
+        'onUpdate:opened'?: (() => void) | undefined;
         activeColor?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
@@ -80203,6 +80199,7 @@ declare const VTreeview: {
     activeClass?: string | undefined;
     opened?: any;
     activeStrategy?: ActiveStrategyProp | undefined;
+    'onUpdate:opened'?: (() => void) | undefined;
     activeColor?: string | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
@@ -80418,6 +80415,7 @@ declare const VTreeview: {
         type: vue.PropType<NonNullable<NonNullable<OpenStrategyProp>>>;
         default: NonNullable<NonNullable<OpenStrategyProp>>;
     };
+    'onUpdate:opened': vue.PropType<() => void>;
     activeColor: StringConstructor;
     collapseIcon: {
         type: vue.PropType<string>;
@@ -80558,6 +80556,7 @@ declare const VTreeview: {
         type: vue.PropType<NonNullable<NonNullable<OpenStrategyProp>>>;
         default: NonNullable<NonNullable<OpenStrategyProp>>;
     };
+    'onUpdate:opened': vue.PropType<() => void>;
     activeColor: StringConstructor;
     collapseIcon: {
         type: vue.PropType<string>;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.8-master.2024-06-11
+* Vuetify v3.6.9-master.2024-06-12
 * 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) {
@@ -22512,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,
@@ -22530,6 +22536,7 @@ const makeVFabProps = propsFactory({
     active: true
   }), ['location']),
   ...makeLayoutItemProps(),
+  ...makeLocationProps(),
   ...makeTransitionProps({
     transition: 'fab-transition'
   })
@@ -22556,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({
@@ -28760,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;
@@ -28854,6 +28862,7 @@ const VTimePickerClock = genericComponent()({
       }
     }
     function onMouseDown(e) {
+      if (props.disabled) return;
       e.preventDefault();
       window.addEventListener('mousemove', onDragMove);
       window.addEventListener('touchmove', onDragMove);
@@ -28884,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",
@@ -28986,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,
@@ -29007,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)
@@ -29024,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', {
@@ -29037,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',
@@ -29048,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)])])]);
     });
@@ -29633,6 +29647,7 @@ const VTreeview = genericComponent()({
     let {
       slots
     } = _ref;
+    const vm = getCurrentInstance('VTreeview');
     const {
       items
     } = useListItems(props);
@@ -29715,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,
@@ -30235,7 +30248,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.8-master.2024-06-11";
+const version$1 = "3.6.9-master.2024-06-12";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30488,7 +30501,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.8-master.2024-06-11";
+const version = "3.6.9-master.2024-06-12";
 
 /* eslint-disable local-rules/sort-imports */