@vuetify/nightly 3.9.3-master.2025-08-03 → 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;
@@ -122914,39 +122919,37 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAvatar: VAvatar
-    VBadge: VBadge
     VAutocomplete: VAutocomplete
+    VAvatar: VAvatar
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
+    VBadge: VBadge
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnToggle: VBtnToggle
     VBtn: VBtn
+    VBottomNavigation: VBottomNavigation
+    VBtnToggle: VBtnToggle
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChip: VChip
-    VCode: VCode
     VChipGroup: VChipGroup
-    VCombobox: VCombobox
+    VCode: VCode
+    VChip: VChip
     VColorPicker: VColorPicker
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
     VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
@@ -122962,29 +122965,28 @@ declare module 'vue' {
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
     VDialog: VDialog
-    VEmptyState: VEmptyState
-    VBtnGroup: VBtnGroup
     VDivider: VDivider
+    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFab: VFab
-    VFooter: VFooter
+    VField: VField
+    VFieldLabel: VFieldLabel
     VFileInput: VFileInput
+    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
     VImg: VImg
-    VField: VField
-    VFieldLabel: VFieldLabel
-    VKbd: VKbd
+    VFab: VFab
     VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
     VInput: VInput
+    VKbd: VKbd
     VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
@@ -122996,52 +122998,57 @@ declare module 'vue' {
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
     VMain: VMain
-    VMessages: VMessages
     VMenu: VMenu
+    VMessages: VMessages
     VNavigationDrawer: VNavigationDrawer
     VOtpInput: VOtpInput
     VOverlay: VOverlay
-    VNumberInput: VNumberInput
     VPagination: VPagination
+    VNumberInput: VNumberInput
+    VProgressCircular: VProgressCircular
     VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
-    VProgressCircular: VProgressCircular
     VRating: VRating
     VSelect: VSelect
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
+    VSelectionControl: VSelectionControl
     VSelectionControlGroup: VSelectionControlGroup
-    VSlider: VSlider
-    VSnackbar: VSnackbar
     VSheet: VSheet
     VSkeletonLoader: VSkeletonLoader
-    VSelectionControl: VSelectionControl
-    VSwitch: VSwitch
-    VSystemBar: VSystemBar
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSlider: VSlider
+    VStepper: VStepper
+    VStepperActions: VStepperActions
+    VStepperHeader: VStepperHeader
+    VStepperItem: VStepperItem
+    VStepperWindow: VStepperWindow
+    VStepperWindowItem: VStepperWindowItem
     VTable: VTable
-    VTextarea: VTextarea
+    VSystemBar: VSystemBar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VTextarea: VTextarea
+    VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VTooltip: VTooltip
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VTextField: VTextField
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VBtnGroup: VBtnGroup
     VDataIterator: VDataIterator
+    VConfirmEdit: VConfirmEdit
     VDefaultsProvider: VDefaultsProvider
-    VHover: VHover
     VForm: VForm
     VContainer: VContainer
     VCol: VCol
@@ -123049,25 +123056,22 @@ declare module 'vue' {
     VSpacer: VSpacer
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VStepper: VStepper
-    VStepperActions: VStepperActions
-    VStepperHeader: VStepperHeader
-    VStepperItem: VStepperItem
-    VStepperWindow: VStepperWindow
-    VStepperWindowItem: VStepperWindowItem
     VLazy: VLazy
-    VLocaleProvider: VLocaleProvider
+    VHover: VHover
     VNoSsr: VNoSsr
+    VLocaleProvider: VLocaleProvider
     VParallax: VParallax
-    VRadio: VRadio
     VRangeSlider: VRangeSlider
-    VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
+    VRadio: VRadio
+    VCombobox: VCombobox
     VSparkline: VSparkline
+    VResponsive: VResponsive
     VSpeedDial: VSpeedDial
+    VSwitch: VSwitch
+    VSnackbarQueue: VSnackbarQueue
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -123084,32 +123088,33 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VConfirmEdit: VConfirmEdit
+    VSnackbar: VSnackbar
+    VBottomSheet: VBottomSheet
+    VCalendar: VCalendar
+    VCalendarDay: VCalendarDay
+    VCalendarHeader: VCalendarHeader
+    VCalendarInterval: VCalendarInterval
+    VCalendarIntervalEvent: VCalendarIntervalEvent
+    VCalendarMonthDay: VCalendarMonthDay
+    VColorInput: VColorInput
     VIconBtn: VIconBtn
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VPie: VPie
+    VPieSegment: VPieSegment
+    VPieTooltip: VPieTooltip
+    VVideo: VVideo
+    VVideoControls: VVideoControls
+    VVideoVolume: VVideoVolume
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VVideo: VVideo
-    VVideoControls: VVideoControls
-    VVideoVolume: VVideoVolume
     VHotkey: VHotkey
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
-    VColorInput: VColorInput
-    VPie: VPie
-    VPieSegment: VPieSegment
-    VPieTooltip: VPieTooltip
-    VCalendar: VCalendar
-    VCalendarDay: VCalendarDay
-    VCalendarHeader: VCalendarHeader
-    VCalendarInterval: VCalendarInterval
-    VCalendarIntervalEvent: VCalendarIntervalEvent
-    VCalendarMonthDay: VCalendarMonthDay
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.3-master.2025-08-03
+* Vuetify v3.9.3-master.2025-08-04
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10929,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);
@@ -10981,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.
@@ -11004,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, {
@@ -34453,6 +34453,7 @@ const VVideoControls = genericComponent()({
 
 const allowedVariants = ['background', 'player'];
 const makeVVideoProps = propsFactory({
+  aspectRatio: [String, Number],
   autoplay: Boolean,
   muted: Boolean,
   eager: Boolean,
@@ -34769,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", {
@@ -35283,7 +35286,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.3-master.2025-08-03";
+const version$1 = "3.9.3-master.2025-08-04";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -35581,7 +35584,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.9.3-master.2025-08-03";
+const version = "3.9.3-master.2025-08-04";
 
 /* eslint-disable local-rules/sort-imports */