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

package/dist/vuetify-labs.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.
 */
@@ -7178,6 +7178,9 @@
       window.addEventListener('resize', updateSize, {
         passive: true
       });
+      vue.onScopeDispose(() => {
+        window.removeEventListener('resize', updateSize);
+      }, true);
     }
     return {
       ...vue.toRefs(state),
@@ -8498,6 +8501,27 @@
     };
     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
 
@@ -8567,6 +8591,8 @@
           return independentSelectStrategy(props.mandatory);
         case 'single-independent':
           return independentSingleSelectStrategy(props.mandatory);
+        case 'trunk':
+          return trunkSelectStrategy(props.mandatory);
         case 'classic':
         default:
           return classicSelectStrategy(props.mandatory);
@@ -8803,6 +8829,7 @@
       } = useSsrBoot();
       function onClick(e) {
         e.stopPropagation();
+        if (['INPUT', 'TEXTAREA'].includes(e.target?.tagName)) return;
         open(!isOpen.value, e);
       }
       const activatorProps = vue.computed(() => ({
@@ -9020,6 +9047,7 @@
       }));
       function onClick(e) {
         emit('click', e);
+        if (['INPUT', 'TEXTAREA'].includes(e.target?.tagName)) return;
         if (!isClickable.value) return;
         link.navigate?.(e);
         if (isGroupActivator) return;
@@ -9032,6 +9060,7 @@
         }
       }
       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));
@@ -30736,82 +30765,93 @@
       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 = vue.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 = vue.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);
+              vue.nextTick(() => display.update());
+              app.mount = mount;
+              return vm;
+            };
+          }
+        }
+        if (typeof __VUE_OPTIONS_API__ !== 'boolean' || __VUE_OPTIONS_API__) {
+          app.mixin({
+            computed: {
+              $vuetify() {
+                return vue.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);
-            vue.nextTick(() => display.update());
-            app.mount = mount;
-            return vm;
-          };
         }
       }
-      if (typeof __VUE_OPTIONS_API__ !== 'boolean' || __VUE_OPTIONS_API__) {
-        app.mixin({
-          computed: {
-            $vuetify() {
-              return vue.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
@@ -31064,7 +31104,7 @@
 
   /* 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 */