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

package/lib/components/index.d.mts

@@ -32984,7 +32984,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33012,6 +33011,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;
@@ -33054,7 +33054,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33082,6 +33081,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;
@@ -33123,7 +33123,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33166,7 +33165,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33194,6 +33192,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;
@@ -33235,7 +33234,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -33271,7 +33269,6 @@ declare const VFab: {
     appear: boolean;
     density: Density;
     extended: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
@@ -33299,6 +33296,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;
@@ -33342,7 +33340,6 @@ declare const VFab: {
     appear: boolean;
     density: Density;
     extended: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
@@ -33355,19 +33352,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;
     };
@@ -33382,9 +33380,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: {
@@ -33399,7 +33397,7 @@ declare const VFab: {
         type: BooleanConstructor;
         default: undefined;
     }, "default" | "type"> & {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     theme: StringConstructor;
@@ -33410,15 +33408,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;
@@ -33427,11 +33425,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)[];
@@ -33446,18 +33444,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;
@@ -33466,10 +33464,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;
@@ -33477,19 +33471,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;
     };
@@ -33504,9 +33499,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: {
@@ -33521,7 +33516,7 @@ declare const VFab: {
         type: BooleanConstructor;
         default: undefined;
     }, "default" | "type"> & {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     theme: StringConstructor;
@@ -33532,15 +33527,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;
@@ -33549,11 +33544,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)[];
@@ -33568,18 +33563,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;
@@ -33588,10 +33583,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;
@@ -39738,6 +39729,7 @@ declare const VList: {
         value: boolean;
         path: unknown[];
     }) => void>;
+    'onUpdate:opened': PropType<() => void>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
@@ -39846,6 +39838,7 @@ declare const VList: {
         value: boolean;
         path: unknown[];
     }) => void>;
+    'onUpdate:opened': PropType<() => void>;
 }>>;
 type VList = InstanceType<typeof VList>;
 

package/lib/composables/scroll.mjs

@@ -17,6 +17,7 @@ export function useScroll(props) {
     canScroll
   } = args;
   let previousScroll = 0;
+  let previousScrollHeight = 0;
   const target = ref(null);
   const currentScroll = shallowRef(0);
   const savedScroll = shallowRef(0);
@@ -39,6 +40,11 @@ export 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);
   };

package/lib/composables/scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.mjs","names":["computed","onBeforeUnmount","onMounted","ref","shallowRef","watch","clamp","consoleWarn","propsFactory","makeScrollProps","scrollTarget","type","String","scrollThreshold","Number","default","useScroll","props","args","arguments","length","undefined","canScroll","previousScroll","target","currentScroll","savedScroll","currentThreshold","isScrollActive","isScrollingUp","scrollRatio","value","onScroll","targetEl","pageYOffset","scrollTop","Math","abs","newTarget","document","querySelector","window","removeEventListener","addEventListener","passive","immediate"],"sources":["../../src/composables/scroll.ts"],"sourcesContent":["// Utilities\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { clamp, consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport interface ScrollProps {\n  scrollTarget?: string\n  scrollThreshold?: string | number\n}\n\nexport interface ThresholdMetCallbackData {\n  isScrollingUp: boolean\n  currentThreshold: number\n  savedScroll: Ref<number>\n}\n\n// Composables\nexport const makeScrollProps = propsFactory({\n  scrollTarget: {\n    type: String,\n  },\n  scrollThreshold: {\n    type: [String, Number],\n    default: 300,\n  },\n}, 'scroll')\n\nexport interface ScrollArguments {\n  canScroll?: Readonly<Ref<boolean>>\n}\n\nexport function useScroll (\n  props: ScrollProps,\n  args: ScrollArguments = {},\n) {\n  const { canScroll } = args\n  let previousScroll = 0\n  const target = ref<Element | Window | null>(null)\n  const currentScroll = shallowRef(0)\n  const savedScroll = shallowRef(0)\n  const currentThreshold = shallowRef(0)\n  const isScrollActive = shallowRef(false)\n  const isScrollingUp = shallowRef(false)\n\n  const scrollThreshold = computed(() => {\n    return Number(props.scrollThreshold)\n  })\n\n  /**\n   * 1: at top\n   * 0: at threshold\n   */\n  const scrollRatio = computed(() => {\n    return clamp(((scrollThreshold.value - currentScroll.value) / scrollThreshold.value) || 0)\n  })\n\n  const onScroll = () => {\n    const targetEl = target.value\n\n    if (!targetEl || (canScroll && !canScroll.value)) return\n\n    previousScroll = currentScroll.value\n    currentScroll.value = ('window' in targetEl) ? targetEl.pageYOffset : targetEl.scrollTop\n\n    isScrollingUp.value = currentScroll.value < previousScroll\n    currentThreshold.value = Math.abs(currentScroll.value - scrollThreshold.value)\n  }\n\n  watch(isScrollingUp, () => {\n    savedScroll.value = savedScroll.value || currentScroll.value\n  })\n\n  watch(isScrollActive, () => {\n    savedScroll.value = 0\n  })\n\n  onMounted(() => {\n    watch(() => props.scrollTarget, scrollTarget => {\n      const newTarget = scrollTarget ? document.querySelector(scrollTarget) : window\n\n      if (!newTarget) {\n        consoleWarn(`Unable to locate element with identifier ${scrollTarget}`)\n        return\n      }\n\n      if (newTarget === target.value) return\n\n      target.value?.removeEventListener('scroll', onScroll)\n      target.value = newTarget\n      target.value.addEventListener('scroll', onScroll, { passive: true })\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('scroll', onScroll)\n  })\n\n  // Do we need this? If yes - seems that\n  // there's no need to expose onScroll\n  canScroll && watch(canScroll, onScroll, { immediate: true })\n\n  return {\n    scrollThreshold,\n    currentScroll,\n    currentThreshold,\n    isScrollActive,\n    scrollRatio,\n\n    // required only for testing\n    // probably can be removed\n    // later (2 chars chlng)\n    isScrollingUp,\n    savedScroll,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"scroll.mjs","names":["computed","onBeforeUnmount","onMounted","ref","shallowRef","watch","clamp","consoleWarn","propsFactory","makeScrollProps","scrollTarget","type","String","scrollThreshold","Number","default","useScroll","props","args","arguments","length","undefined","canScroll","previousScroll","previousScrollHeight","target","currentScroll","savedScroll","currentThreshold","isScrollActive","isScrollingUp","scrollRatio","value","onScroll","targetEl","pageYOffset","scrollTop","currentScrollHeight","Window","document","documentElement","scrollHeight","Math","abs","newTarget","querySelector","window","removeEventListener","addEventListener","passive","immediate"],"sources":["../../src/composables/scroll.ts"],"sourcesContent":["// Utilities\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { clamp, consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport interface ScrollProps {\n  scrollTarget?: string\n  scrollThreshold?: string | number\n}\n\nexport interface ThresholdMetCallbackData {\n  isScrollingUp: boolean\n  currentThreshold: number\n  savedScroll: Ref<number>\n}\n\n// Composables\nexport const makeScrollProps = propsFactory({\n  scrollTarget: {\n    type: String,\n  },\n  scrollThreshold: {\n    type: [String, Number],\n    default: 300,\n  },\n}, 'scroll')\n\nexport interface ScrollArguments {\n  canScroll?: Readonly<Ref<boolean>>\n}\n\nexport function useScroll (\n  props: ScrollProps,\n  args: ScrollArguments = {},\n) {\n  const { canScroll } = args\n  let previousScroll = 0\n  let previousScrollHeight = 0\n  const target = ref<Element | Window | null>(null)\n  const currentScroll = shallowRef(0)\n  const savedScroll = shallowRef(0)\n  const currentThreshold = shallowRef(0)\n  const isScrollActive = shallowRef(false)\n  const isScrollingUp = shallowRef(false)\n\n  const scrollThreshold = computed(() => {\n    return Number(props.scrollThreshold)\n  })\n\n  /**\n   * 1: at top\n   * 0: at threshold\n   */\n  const scrollRatio = computed(() => {\n    return clamp(((scrollThreshold.value - currentScroll.value) / scrollThreshold.value) || 0)\n  })\n\n  const onScroll = () => {\n    const targetEl = target.value\n\n    if (!targetEl || (canScroll && !canScroll.value)) return\n\n    previousScroll = currentScroll.value\n    currentScroll.value = ('window' in targetEl) ? targetEl.pageYOffset : targetEl.scrollTop\n\n    const currentScrollHeight = targetEl instanceof Window ? document.documentElement.scrollHeight : targetEl.scrollHeight\n    if (previousScrollHeight !== currentScrollHeight) {\n      previousScrollHeight = currentScrollHeight\n      return\n    }\n\n    isScrollingUp.value = currentScroll.value < previousScroll\n    currentThreshold.value = Math.abs(currentScroll.value - scrollThreshold.value)\n  }\n\n  watch(isScrollingUp, () => {\n    savedScroll.value = savedScroll.value || currentScroll.value\n  })\n\n  watch(isScrollActive, () => {\n    savedScroll.value = 0\n  })\n\n  onMounted(() => {\n    watch(() => props.scrollTarget, scrollTarget => {\n      const newTarget = scrollTarget ? document.querySelector(scrollTarget) : window\n\n      if (!newTarget) {\n        consoleWarn(`Unable to locate element with identifier ${scrollTarget}`)\n        return\n      }\n\n      if (newTarget === target.value) return\n\n      target.value?.removeEventListener('scroll', onScroll)\n      target.value = newTarget\n      target.value.addEventListener('scroll', onScroll, { passive: true })\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('scroll', onScroll)\n  })\n\n  // Do we need this? If yes - seems that\n  // there's no need to expose onScroll\n  canScroll && watch(canScroll, onScroll, { immediate: true })\n\n  return {\n    scrollThreshold,\n    currentScroll,\n    currentThreshold,\n    isScrollActive,\n    scrollRatio,\n\n    // required only for testing\n    // probably can be removed\n    // later (2 chars chlng)\n    isScrollingUp,\n    savedScroll,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/entry-bundler.mjs

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.6.8-master.2024-06-11";
+export const version = "3.6.9-master.2024-06-15";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.mjs";

package/lib/framework.mjs

@@ -97,7 +97,7 @@ export function createVuetify() {
     goTo
   };
 }
-export const version = "3.6.8-master.2024-06-11";
+export const version = "3.6.9-master.2024-06-15";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/index.d.mts

@@ -493,78 +493,79 @@ declare module '@vue/runtime-core' {
 
   export interface GlobalComponents {
     VApp: typeof import('vuetify/components')['VApp']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtn: typeof import('vuetify/components')['VBtn']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
-    VDataTable: typeof import('vuetify/components')['VDataTable']
-    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
-    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
-    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
-    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
-    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
-    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VCode: typeof import('vuetify/components')['VCode']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VDialog: typeof import('vuetify/components')['VDialog']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VDialog: typeof import('vuetify/components')['VDialog']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VDataTable: typeof import('vuetify/components')['VDataTable']
+    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
+    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
+    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
+    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
+    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
+    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFab: typeof import('vuetify/components')['VFab']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFab: typeof import('vuetify/components')['VFab']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VFooter: typeof import('vuetify/components')['VFooter']
     VImg: typeof import('vuetify/components')['VImg']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
     VLabel: typeof import('vuetify/components')['VLabel']
-    VKbd: typeof import('vuetify/components')['VKbd']
+    VMain: typeof import('vuetify/components')['VMain']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -575,12 +576,11 @@ declare module '@vue/runtime-core' {
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMenu: typeof import('vuetify/components')['VMenu']
+    VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VPagination: typeof import('vuetify/components')['VPagination']
-    VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VMain: typeof import('vuetify/components')['VMain']
     VOverlay: typeof import('vuetify/components')['VOverlay']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
@@ -588,11 +588,11 @@ declare module '@vue/runtime-core' {
     VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSheet: typeof import('vuetify/components')['VSheet']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlider: typeof import('vuetify/components')['VSlider']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
@@ -600,23 +600,23 @@ declare module '@vue/runtime-core' {
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTable: typeof import('vuetify/components')['VTable']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTextField: typeof import('vuetify/components')['VTextField']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
@@ -626,20 +626,20 @@ declare module '@vue/runtime-core' {
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VHover: typeof import('vuetify/components')['VHover']
-    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
-    VParallax: typeof import('vuetify/components')['VParallax']
+    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
+    VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
-    VResponsive: typeof import('vuetify/components')['VResponsive']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VResponsive: typeof import('vuetify/components')['VResponsive']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
-    VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
+    VValidation: typeof import('vuetify/components')['VValidation']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -662,18 +662,18 @@ declare module '@vue/runtime-core' {
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
-    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
-    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
-    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
     VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
     VPicker: typeof import('vuetify/labs/components')['VPicker']
     VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
+    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
+    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
+    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
+    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
     VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']

package/lib/labs/VTimePicker/VTimePickerClock.mjs

@@ -91,6 +91,7 @@ export 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;
@@ -185,6 +186,7 @@ export const VTimePickerClock = genericComponent()({
       }
     }
     function onMouseDown(e) {
+      if (props.disabled) return;
       e.preventDefault();
       window.addEventListener('mousemove', onDragMove);
       window.addEventListener('touchmove', onDragMove);
@@ -215,7 +217,7 @@ export 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",