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

package/dist/vuetify-labs.d.ts

@@ -4281,7 +4281,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> = {
@@ -72256,6 +72256,7 @@ declare const version: string;
 
 declare const createVuetify: (options?: VuetifyOptions) => {
     install: (app: vue.App) => void;
+    unmount: () => void;
     defaults: vue.Ref<DefaultsInstance, DefaultsInstance>;
     display: DisplayInstance;
     theme: ThemeInstance & {
@@ -72323,7 +72324,7 @@ declare const createVuetify: (options?: VuetifyOptions) => {
         };
     };
     goTo: GoToInstance;
-};
+} | undefined;
 
 export { type DateInstance, type DefaultsInstance, type DisplayBreakpoint, type DisplayInstance, type DisplayThresholds, type GoToInstance, type IconAliases, type IconOptions, type IconProps, type IconSet, type JSXComponent, type LocaleInstance, type LocaleMessages, type LocaleOptions, type RtlInstance, type RtlOptions, type SubmitEventPromise, type ThemeDefinition, type ThemeInstance, index_d$1 as blueprints, allComponents_d as components, createVuetify, index_d as directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };
 
@@ -72362,43 +72363,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
@@ -72406,22 +72404,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
@@ -72431,79 +72443,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
@@ -72520,26 +72526,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
@@ -72547,7 +72548,7 @@ declare module 'vue' {
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
     VDateInput: VDateInput
-    VSnackbarQueue: VSnackbarQueue
     VPullToRefresh: VPullToRefresh
+    VSnackbarQueue: VSnackbarQueue
   }
 }

package/dist/vuetify-labs.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.
 */
@@ -7174,6 +7174,9 @@ function createDisplay(options, ssr) {
     window.addEventListener('resize', updateSize, {
       passive: true
     });
+    onScopeDispose(() => {
+      window.removeEventListener('resize', updateSize);
+    }, true);
   }
   return {
     ...toRefs(state),
@@ -8494,6 +8497,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
 
@@ -8563,6 +8587,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);
@@ -8799,6 +8825,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(() => ({
@@ -9016,6 +9043,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;
@@ -9028,6 +9056,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));
@@ -30732,82 +30761,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
@@ -31060,7 +31100,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.7-dev.2025-01-20";
+const version = "3.7.7-dev.2025-01-23";
 
 /* eslint-disable local-rules/sort-imports */