@vuetify/nightly 3.9.3-master.2025-08-02 → 3.9.3-master.2025-08-04

package/dist/vuetify-labs.d.ts

@@ -119506,6 +119506,7 @@ declare const VVideo: {
         type?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
+        aspectRatio?: string | number | undefined;
         backgroundColor?: string | undefined;
         color?: string | undefined;
         maxHeight?: string | number | undefined;
@@ -120455,6 +120456,7 @@ declare const VVideo: {
         type?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
+        aspectRatio?: string | number | undefined;
         backgroundColor?: string | undefined;
         color?: string | undefined;
         maxHeight?: string | number | undefined;
@@ -121389,6 +121391,7 @@ declare const VVideo: {
     type?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    aspectRatio?: string | number | undefined;
     backgroundColor?: string | undefined;
     color?: string | undefined;
     maxHeight?: string | number | undefined;
@@ -122350,6 +122353,7 @@ declare const VVideo: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    aspectRatio: (StringConstructor | NumberConstructor)[];
     autoplay: BooleanConstructor;
     muted: BooleanConstructor;
     eager: BooleanConstructor;
@@ -122421,6 +122425,7 @@ declare const VVideo: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    aspectRatio: (StringConstructor | NumberConstructor)[];
     autoplay: BooleanConstructor;
     muted: BooleanConstructor;
     eager: BooleanConstructor;
@@ -122917,35 +122922,35 @@ declare module 'vue' {
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VAutocomplete: VAutocomplete
-    VBadge: VBadge
     VAvatar: VAvatar
-    VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
-    VBtn: VBtn
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBtnGroup: VBtnGroup
+    VBadge: VBadge
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VBtn: VBtn
+    VBottomNavigation: VBottomNavigation
     VBtnToggle: VBtnToggle
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VCode: VCode
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VChip: VChip
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VChipGroup: VChipGroup
+    VCode: VCode
+    VChip: VChip
+    VColorPicker: VColorPicker
+    VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -122953,8 +122958,6 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VColorPicker: VColorPicker
-    VCounter: VCounter
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -122962,31 +122965,29 @@ declare module 'vue' {
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
     VDialog: VDialog
-    VCombobox: VCombobox
-    VEmptyState: VEmptyState
     VDivider: VDivider
+    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFab: VFab
-    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
+    VFileInput: VFileInput
     VFooter: VFooter
-    VInfiniteScroll: VInfiniteScroll
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VImg: VImg
+    VFab: VFab
+    VInfiniteScroll: VInfiniteScroll
+    VItemGroup: VItemGroup
+    VItem: VItem
     VInput: VInput
     VKbd: VKbd
-    VImg: VImg
-    VMenu: VMenu
-    VMain: VMain
     VLabel: VLabel
-    VMessages: VMessages
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -122996,76 +122997,81 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VNumberInput: VNumberInput
+    VMain: VMain
+    VMenu: VMenu
+    VMessages: VMessages
+    VNavigationDrawer: VNavigationDrawer
+    VOtpInput: VOtpInput
     VOverlay: VOverlay
-    VItemGroup: VItemGroup
-    VItem: VItem
     VPagination: VPagination
+    VNumberInput: VNumberInput
     VProgressCircular: VProgressCircular
     VProgressLinear: VProgressLinear
-    VOtpInput: VOtpInput
-    VRating: VRating
     VRadioGroup: VRadioGroup
-    VNavigationDrawer: VNavigationDrawer
+    VRating: VRating
     VSelect: VSelect
     VSelectionControl: VSelectionControl
     VSelectionControlGroup: VSelectionControlGroup
-    VSkeletonLoader: VSkeletonLoader
     VSheet: VSheet
+    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSlider: VSlider
+    VTable: VTable
     VSystemBar: VSystemBar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSwitch: VSwitch
-    VTable: VTable
-    VTextField: VTextField
     VTextarea: VTextarea
+    VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VTooltip: VTooltip
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
+    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VSnackbar: VSnackbar
+    VBtnGroup: VBtnGroup
+    VDataIterator: VDataIterator
+    VConfirmEdit: VConfirmEdit
     VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VForm: VForm
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VHover: VHover
     VLazy: VLazy
-    VLocaleProvider: VLocaleProvider
+    VHover: VHover
     VNoSsr: VNoSsr
+    VLocaleProvider: VLocaleProvider
     VParallax: VParallax
+    VRangeSlider: VRangeSlider
     VRadio: VRadio
+    VCombobox: VCombobox
+    VSparkline: VSparkline
     VResponsive: VResponsive
-    VRangeSlider: VRangeSlider
+    VSpeedDial: VSpeedDial
+    VSwitch: VSwitch
     VSnackbarQueue: VSnackbarQueue
-    VSparkline: VSparkline
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -123082,32 +123088,31 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VSpeedDial: VSpeedDial
-    VConfirmEdit: VConfirmEdit
-    VDataIterator: VDataIterator
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VSnackbar: VSnackbar
+    VBottomSheet: VBottomSheet
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VColorInput: VColorInput
-    VHotkey: VHotkey
-    VVideo: VVideo
-    VVideoControls: VVideoControls
-    VVideoVolume: VVideoVolume
+    VIconBtn: VIconBtn
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
+    VVideo: VVideo
+    VVideoControls: VVideoControls
+    VVideoVolume: VVideoVolume
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
+    VHotkey: VHotkey
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VDateInput: VDateInput
-    VIconBtn: VIconBtn
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.3-master.2025-08-02
+* Vuetify v3.9.3-master.2025-08-04
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7096,9 +7096,14 @@ function useForm(props) {
 // Utilities
 const RulesSymbol = Symbol.for('vuetify:rules');
 function useRules(fn) {
-  const resolveRules = inject$1(RulesSymbol, null);
-  if (!resolveRules) return toRef(fn);
-  return resolveRules(fn);
+  const rules = inject$1(RulesSymbol, null);
+  if (!fn) {
+    if (!rules) {
+      throw new Error('Could not find Vuetify rules injection');
+    }
+    return rules.aliases;
+  }
+  return rules?.resolve(fn) ?? toRef(fn);
 }
 
 // Composables
@@ -10924,11 +10929,11 @@ function closeScrollStrategy(data) {
   function onScroll(e) {
     data.isActive.value = false;
   }
-  bindScroll(data.target.value ?? data.contentEl.value, onScroll);
+  bindScroll(getTargetEl(data.target.value, data.contentEl.value), onScroll);
 }
 function blockScrollStrategy(data, props) {
   const offsetParent = data.root.value?.offsetParent;
-  const target = Array.isArray(data.target.value) ? document.elementFromPoint(...data.target.value) : data.target.value;
+  const target = getTargetEl(data.target.value, data.contentEl.value);
   const scrollElements = [...new Set([...getScrollParents(target, props.contained ? offsetParent : undefined), ...getScrollParents(data.contentEl.value, props.contained ? offsetParent : undefined)])].filter(el => !el.classList.contains('v-overlay-scroll-blocked'));
   const scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
   const scrollableParent = (el => hasScrollbar(el) && el)(offsetParent || document.documentElement);
@@ -10976,7 +10981,7 @@ function repositionScrollStrategy(data, props, scope) {
   }
   ric = (typeof requestIdleCallback === 'undefined' ? cb => cb() : requestIdleCallback)(() => {
     scope.run(() => {
-      bindScroll(data.target.value ?? data.contentEl.value, e => {
+      bindScroll(getTargetEl(data.target.value, data.contentEl.value), e => {
         if (slow) {
           // If the position calculation is slow,
           // defer updates until scrolling is finished.
@@ -10999,10 +11004,10 @@ function repositionScrollStrategy(data, props, scope) {
     cancelAnimationFrame(raf);
   });
 }
-
-/** @private */
-function bindScroll(target, onScroll) {
-  const el = Array.isArray(target) ? document.elementFromPoint(...target) : target;
+function getTargetEl(target, contentEl) {
+  return Array.isArray(target) ? document.elementsFromPoint(...target).find(el => !contentEl?.contains(el)) : target ?? contentEl;
+}
+function bindScroll(el, onScroll) {
   const scrollElements = [document, ...getScrollParents(el)];
   scrollElements.forEach(el => {
     el.addEventListener('scroll', onScroll, {
@@ -34448,6 +34453,7 @@ const VVideoControls = genericComponent()({
 
 const allowedVariants = ['background', 'player'];
 const makeVVideoProps = propsFactory({
+  aspectRatio: [String, Number],
   autoplay: Boolean,
   muted: Boolean,
   eager: Boolean,
@@ -34764,7 +34770,9 @@ const VVideo = genericComponent()({
         "class": normalizeClass(['v-video', `v-video--variant-${props.variant}`, `v-video--${state.value}`, {
           'v-video--playing': playing.value
         }, themeClasses.value, densityClasses.value, roundedContainerClasses.value, props.class]),
-        "style": normalizeStyle([props.variant === 'background' ? [] : pick(dimensionStyles.value, ['width', 'min-width', 'max-width']), props.style]),
+        "style": normalizeStyle([{
+          '--v-video-aspect-ratio': props.aspectRatio
+        }, props.variant === 'background' ? [] : pick(dimensionStyles.value, ['width', 'minWidth', 'maxWidth']), props.style]),
         "onKeydown": onKeydown,
         "onClick": onClick
       }, [createElementVNode("div", {
@@ -35278,7 +35286,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.3-master.2025-08-02";
+const version$1 = "3.9.3-master.2025-08-04";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -35576,7 +35584,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.9.3-master.2025-08-02";
+const version = "3.9.3-master.2025-08-04";
 
 /* eslint-disable local-rules/sort-imports */