@vuetify/nightly 3.7.7-dev.2025-01-20 → 3.7.7-dev.2025-01-23

package/dist/vuetify.d.ts

@@ -4294,7 +4294,7 @@ type SelectStrategy = {
 };
 
 type ActiveStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | ActiveStrategy | ((mandatory: boolean) => ActiveStrategy);
-type SelectStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategy | ((mandatory: boolean) => SelectStrategy);
+type SelectStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | 'trunk' | SelectStrategy | ((mandatory: boolean) => SelectStrategy);
 type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
 
 type VListChildrenSlots<T> = {
@@ -57843,6 +57843,7 @@ declare namespace index_d {
 declare const createVuetify: {
     (options?: VuetifyOptions): {
         install: (app: vue.App) => void;
+        unmount: () => void;
         defaults: vue.Ref<DefaultsInstance, DefaultsInstance>;
         display: DisplayInstance;
         theme: ThemeInstance & {
@@ -57910,7 +57911,7 @@ declare const createVuetify: {
             };
         };
         goTo: GoToInstance;
-    };
+    } | undefined;
     version: string;
 };
 declare const version: string;
@@ -57952,43 +57953,40 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VApp: VApp
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VAutocomplete: VAutocomplete
     VAvatar: VAvatar
+    VBottomNavigation: VBottomNavigation
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VBadge: VBadge
-    VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtn: VBtn
     VBottomSheet: VBottomSheet
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VBtnGroup: VBtnGroup
+    VBtn: VBtn
+    VBtnToggle: VBtnToggle
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VChip: VChip
+    VCode: VCode
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VCombobox: VCombobox
-    VBtnToggle: VBtnToggle
-    VColorPicker: VColorPicker
-    VCode: VCode
+    VBtnGroup: VBtnGroup
+    VChip: VChip
     VChipGroup: VChipGroup
-    VCounter: VCounter
-    VDivider: VDivider
-    VDialog: VDialog
+    VColorPicker: VColorPicker
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -57996,22 +57994,36 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VFileInput: VFileInput
+    VCombobox: VCombobox
+    VCounter: VCounter
+    VDialog: VDialog
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
+    VDivider: VDivider
     VEmptyState: VEmptyState
-    VFooter: VFooter
-    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
-    VInfiniteScroll: VInfiniteScroll
-    VItemGroup: VItemGroup
-    VItem: VItem
+    VFab: VFab
+    VFooter: VFooter
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
+    VFileInput: VFileInput
     VImg: VImg
-    VLabel: VLabel
+    VInfiniteScroll: VInfiniteScroll
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VKbd: VKbd
+    VLabel: VLabel
+    VInput: VInput
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -58021,79 +58033,73 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VInput: VInput
-    VMain: VMain
-    VMessages: VMessages
+    VItemGroup: VItemGroup
+    VItem: VItem
     VMenu: VMenu
-    VOverlay: VOverlay
     VNavigationDrawer: VNavigationDrawer
+    VOverlay: VOverlay
+    VMain: VMain
+    VMessages: VMessages
     VPagination: VPagination
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VKbd: VKbd
+    VOtpInput: VOtpInput
+    VProgressCircular: VProgressCircular
+    VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
-    VRating: VRating
-    VSelect: VSelect
     VSelectionControlGroup: VSelectionControlGroup
     VSelectionControl: VSelectionControl
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
+    VSelect: VSelect
+    VSkeletonLoader: VSkeletonLoader
     VSheet: VSheet
     VSnackbar: VSnackbar
     VSlider: VSlider
+    VSystemBar: VSystemBar
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSwitch: VSwitch
-    VSkeletonLoader: VSkeletonLoader
-    VTextarea: VTextarea
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTable: VTable
-    VProgressCircular: VProgressCircular
+    VRating: VRating
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTextField: VTextField
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VTooltip: VTooltip
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
-    VProgressLinear: VProgressLinear
+    VTable: VTable
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VDefaultsProvider: VDefaultsProvider
+    VTooltip: VTooltip
+    VTextarea: VTextarea
+    VWindow: VWindow
+    VWindowItem: VWindowItem
+    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
+    VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VSystemBar: VSystemBar
-    VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VForm: VForm
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSpeedDial: VSpeedDial
     VSparkline: VSparkline
-    VLocaleProvider: VLocaleProvider
+    VSpeedDial: VSpeedDial
+    VValidation: VValidation
+    VThemeProvider: VThemeProvider
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -58110,26 +58116,21 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VAutocomplete: VAutocomplete
-    VOtpInput: VOtpInput
     VVirtualScroll: VVirtualScroll
-    VValidation: VValidation
-    VThemeProvider: VThemeProvider
-    VConfirmEdit: VConfirmEdit
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
+    VNumberInput: VNumberInput
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VNumberInput: VNumberInput
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
@@ -58137,7 +58138,7 @@ declare module 'vue' {
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
     VDateInput: VDateInput
-    VSnackbarQueue: VSnackbarQueue
     VPullToRefresh: VPullToRefresh
+    VSnackbarQueue: VSnackbarQueue
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.7-dev.2025-01-20
+* Vuetify v3.7.7-dev.2025-01-23
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7407,6 +7407,9 @@ function createDisplay(options, ssr) {
     window.addEventListener('resize', updateSize, {
       passive: true
     });
+    onScopeDispose(() => {
+      window.removeEventListener('resize', updateSize);
+    }, true);
   }
   return {
     ...toRefs(state),
@@ -8727,6 +8730,27 @@ const classicSelectStrategy = mandatory => {
   };
   return strategy;
 };
+const trunkSelectStrategy = mandatory => {
+  const parentStrategy = classicSelectStrategy(mandatory);
+  const strategy = {
+    select: parentStrategy.select,
+    in: parentStrategy.in,
+    out: (v, children, parents) => {
+      const arr = [];
+      for (const [key, value] of v.entries()) {
+        if (value === 'on') {
+          if (parents.has(key)) {
+            const parent = parents.get(key);
+            if (v.get(parent) === 'on') continue;
+          }
+          arr.push(key);
+        }
+      }
+      return arr;
+    }
+  };
+  return strategy;
+};
 
 // Composables
 
@@ -8796,6 +8820,8 @@ const useNested = props => {
         return independentSelectStrategy(props.mandatory);
       case 'single-independent':
         return independentSingleSelectStrategy(props.mandatory);
+      case 'trunk':
+        return trunkSelectStrategy(props.mandatory);
       case 'classic':
       default:
         return classicSelectStrategy(props.mandatory);
@@ -9032,6 +9058,7 @@ const VListGroup = genericComponent()({
     } = useSsrBoot();
     function onClick(e) {
       e.stopPropagation();
+      if (['INPUT', 'TEXTAREA'].includes(e.target?.tagName)) return;
       open(!isOpen.value, e);
     }
     const activatorProps = computed(() => ({
@@ -9249,6 +9276,7 @@ const VListItem = genericComponent()({
     }));
     function onClick(e) {
       emit('click', e);
+      if (['INPUT', 'TEXTAREA'].includes(e.target?.tagName)) return;
       if (!isClickable.value) return;
       link.navigate?.(e);
       if (isGroupActivator) return;
@@ -9261,6 +9289,7 @@ const VListItem = genericComponent()({
       }
     }
     function onKeyDown(e) {
+      if (['INPUT', 'TEXTAREA'].includes(e.target?.tagName)) return;
       if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
         e.target.dispatchEvent(new MouseEvent('click', e));
@@ -28255,82 +28284,93 @@ function createVuetify$1() {
     components = {},
     directives = {}
   } = options;
-  const defaults = createDefaults(options.defaults);
-  const display = createDisplay(options.display, options.ssr);
-  const theme = createTheme(options.theme);
-  const icons = createIcons(options.icons);
-  const locale = createLocale(options.locale);
-  const date = createDate(options.date, locale);
-  const goTo = createGoTo(options.goTo, locale);
-  const install = app => {
-    for (const key in directives) {
-      app.directive(key, directives[key]);
-    }
-    for (const key in components) {
-      app.component(key, components[key]);
-    }
-    for (const key in aliases) {
-      app.component(key, defineComponent({
-        ...aliases[key],
-        name: key,
-        aliasName: aliases[key].name
-      }));
-    }
-    theme.install(app);
-    app.provide(DefaultsSymbol, defaults);
-    app.provide(DisplaySymbol, display);
-    app.provide(ThemeSymbol, theme);
-    app.provide(IconSymbol, icons);
-    app.provide(LocaleSymbol, locale);
-    app.provide(DateOptionsSymbol, date.options);
-    app.provide(DateAdapterSymbol, date.instance);
-    app.provide(GoToSymbol, goTo);
-    if (IN_BROWSER && options.ssr) {
-      if (app.$nuxt) {
-        app.$nuxt.hook('app:suspense:resolve', () => {
-          display.update();
+  const scope = effectScope();
+  return scope.run(() => {
+    const defaults = createDefaults(options.defaults);
+    const display = createDisplay(options.display, options.ssr);
+    const theme = createTheme(options.theme);
+    const icons = createIcons(options.icons);
+    const locale = createLocale(options.locale);
+    const date = createDate(options.date, locale);
+    const goTo = createGoTo(options.goTo, locale);
+    function install(app) {
+      for (const key in directives) {
+        app.directive(key, directives[key]);
+      }
+      for (const key in components) {
+        app.component(key, components[key]);
+      }
+      for (const key in aliases) {
+        app.component(key, defineComponent({
+          ...aliases[key],
+          name: key,
+          aliasName: aliases[key].name
+        }));
+      }
+      const appScope = effectScope();
+      appScope.run(() => {
+        theme.install(app);
+      });
+      app.onUnmount(() => appScope.stop());
+      app.provide(DefaultsSymbol, defaults);
+      app.provide(DisplaySymbol, display);
+      app.provide(ThemeSymbol, theme);
+      app.provide(IconSymbol, icons);
+      app.provide(LocaleSymbol, locale);
+      app.provide(DateOptionsSymbol, date.options);
+      app.provide(DateAdapterSymbol, date.instance);
+      app.provide(GoToSymbol, goTo);
+      if (IN_BROWSER && options.ssr) {
+        if (app.$nuxt) {
+          app.$nuxt.hook('app:suspense:resolve', () => {
+            display.update();
+          });
+        } else {
+          const {
+            mount
+          } = app;
+          app.mount = function () {
+            const vm = mount(...arguments);
+            nextTick(() => display.update());
+            app.mount = mount;
+            return vm;
+          };
+        }
+      }
+      if (typeof __VUE_OPTIONS_API__ !== 'boolean' || __VUE_OPTIONS_API__) {
+        app.mixin({
+          computed: {
+            $vuetify() {
+              return reactive({
+                defaults: inject.call(this, DefaultsSymbol),
+                display: inject.call(this, DisplaySymbol),
+                theme: inject.call(this, ThemeSymbol),
+                icons: inject.call(this, IconSymbol),
+                locale: inject.call(this, LocaleSymbol),
+                date: inject.call(this, DateAdapterSymbol)
+              });
+            }
+          }
         });
-      } else {
-        const {
-          mount
-        } = app;
-        app.mount = function () {
-          const vm = mount(...arguments);
-          nextTick(() => display.update());
-          app.mount = mount;
-          return vm;
-        };
       }
     }
-    if (typeof __VUE_OPTIONS_API__ !== 'boolean' || __VUE_OPTIONS_API__) {
-      app.mixin({
-        computed: {
-          $vuetify() {
-            return reactive({
-              defaults: inject.call(this, DefaultsSymbol),
-              display: inject.call(this, DisplaySymbol),
-              theme: inject.call(this, ThemeSymbol),
-              icons: inject.call(this, IconSymbol),
-              locale: inject.call(this, LocaleSymbol),
-              date: inject.call(this, DateAdapterSymbol)
-            });
-          }
-        }
-      });
+    function unmount() {
+      scope.stop();
     }
-  };
-  return {
-    install,
-    defaults,
-    display,
-    theme,
-    icons,
-    locale,
-    date,
-    goTo
-  };
+    return {
+      install,
+      unmount,
+      defaults,
+      display,
+      theme,
+      icons,
+      locale,
+      date,
+      goTo
+    };
+  });
 }
-const version$1 = "3.7.7-dev.2025-01-20";
+const version$1 = "3.7.7-dev.2025-01-23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28355,7 +28395,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.7-dev.2025-01-20";
+const version = "3.7.7-dev.2025-01-23";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };