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

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,25 +72363,24 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAvatar: VAvatar
+    VApp: VApp
+    VAutocomplete: VAutocomplete
+    VBadge: VBadge
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VBadge: VBadge
     VBottomNavigation: VBottomNavigation
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
+    VAvatar: VAvatar
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBtnToggle: VBtnToggle
     VBtn: VBtn
-    VBottomSheet: VBottomSheet
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
     VBtnGroup: VBtnGroup
     VCard: VCard
     VCardActions: VCardActions
@@ -72388,17 +72388,15 @@ declare module 'vue' {
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VChip: VChip
+    VBottomSheet: VBottomSheet
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VCode: VCode
+    VChipGroup: VChipGroup
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
     VCombobox: VCombobox
-    VBtnToggle: VBtnToggle
-    VColorPicker: VColorPicker
-    VCode: VCode
-    VChipGroup: VChipGroup
-    VCounter: VCounter
-    VDivider: VDivider
-    VDialog: VDialog
+    VChip: VChip
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -72406,22 +72404,38 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VFileInput: VFileInput
-    VEmptyState: VEmptyState
-    VFooter: VFooter
-    VFab: VFab
+    VColorPicker: VColorPicker
+    VCounter: VCounter
+    VDivider: VDivider
+    VDialog: VDialog
     VField: VField
     VFieldLabel: VFieldLabel
-    VInfiniteScroll: VInfiniteScroll
-    VItemGroup: VItemGroup
-    VItem: VItem
+    VFab: VFab
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
+    VEmptyState: VEmptyState
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
+    VFooter: VFooter
+    VFileInput: VFileInput
     VImg: VImg
-    VLabel: VLabel
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VItemGroup: VItemGroup
+    VItem: VItem
+    VKbd: VKbd
+    VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
+    VMain: VMain
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -72431,61 +72445,53 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VInput: VInput
-    VMain: VMain
-    VMessages: VMessages
+    VLabel: VLabel
     VMenu: VMenu
-    VOverlay: VOverlay
-    VNavigationDrawer: VNavigationDrawer
+    VMessages: VMessages
+    VOtpInput: VOtpInput
     VPagination: VPagination
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VKbd: VKbd
+    VNavigationDrawer: VNavigationDrawer
+    VProgressCircular: VProgressCircular
+    VOverlay: VOverlay
     VRadioGroup: VRadioGroup
-    VRating: VRating
+    VProgressLinear: VProgressLinear
     VSelect: VSelect
+    VRating: VRating
     VSelectionControlGroup: VSelectionControlGroup
     VSelectionControl: VSelectionControl
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
+    VSkeletonLoader: VSkeletonLoader
     VSheet: VSheet
-    VSnackbar: VSnackbar
     VSlider: VSlider
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSnackbar: VSnackbar
+    VSystemBar: VSystemBar
     VSwitch: VSwitch
-    VSkeletonLoader: VSkeletonLoader
-    VTextarea: VTextarea
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VTextField: VTextField
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VTable: VTable
-    VProgressCircular: VProgressCircular
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTextField: VTextField
-    VWindow: VWindow
-    VWindowItem: VWindowItem
     VTooltip: VTooltip
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
-    VProgressLinear: VProgressLinear
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VDefaultsProvider: VDefaultsProvider
+    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
+    VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
@@ -72493,17 +72499,18 @@ declare module 'vue' {
     VHover: VHover
     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
+    VThemeProvider: VThemeProvider
+    VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -72520,34 +72527,28 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VAutocomplete: VAutocomplete
-    VOtpInput: VOtpInput
-    VVirtualScroll: VVirtualScroll
-    VValidation: VValidation
-    VThemeProvider: VThemeProvider
-    VConfirmEdit: VConfirmEdit
+    VNumberInput: VNumberInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VNumberInput: VNumberInput
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VTimePicker: VTimePicker
     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-22
 * 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);
@@ -30732,82 +30758,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-22";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31060,7 +31097,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-22";
 
 /* eslint-disable local-rules/sort-imports */