@vuetify/nightly 3.6.5-master.2024-05-13 → 3.6.6-master.2024-05-15

package/dist/vuetify-labs.d.ts

@@ -9414,7 +9414,7 @@ declare const VBanner: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -9461,7 +9461,7 @@ declare const VBanner: {
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -9508,7 +9508,7 @@ declare const VBanner: {
     }, {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         sticky: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -9537,7 +9537,7 @@ declare const VBanner: {
     }, {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -9584,7 +9584,7 @@ declare const VBanner: {
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         sticky: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -9597,7 +9597,7 @@ declare const VBanner: {
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     sticky: boolean;
     tile: boolean;
     density: Density;
@@ -9644,7 +9644,7 @@ declare const VBanner: {
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     sticky: boolean;
     rounded: string | number | boolean;
     tile: boolean;
@@ -9683,9 +9683,12 @@ declare const VBanner: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];
@@ -9733,9 +9736,12 @@ declare const VBanner: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];
@@ -17655,7 +17661,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -17681,7 +17687,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -17705,7 +17711,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -17738,7 +17744,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -17762,7 +17768,7 @@ declare const VChipGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         column: boolean;
         multiple: boolean;
@@ -17782,7 +17788,7 @@ declare const VChipGroup: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     column: boolean;
     multiple: boolean;
@@ -17808,7 +17814,7 @@ declare const VChipGroup: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     column: boolean;
     multiple: boolean;
@@ -17866,9 +17872,12 @@ declare const VChipGroup: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     centerActive: BooleanConstructor;
@@ -17930,9 +17939,12 @@ declare const VChipGroup: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     centerActive: BooleanConstructor;
@@ -53860,7 +53872,7 @@ declare const VSlideGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         multiple: boolean;
         direction: "horizontal" | "vertical";
         selectedClass: string;
@@ -53885,7 +53897,7 @@ declare const VSlideGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         multiple: boolean;
         direction: "horizontal" | "vertical";
         selectedClass: string;
@@ -53903,7 +53915,7 @@ declare const VSlideGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         multiple: boolean;
         direction: "horizontal" | "vertical";
         selectedClass: string;
@@ -53932,7 +53944,7 @@ declare const VSlideGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         multiple: boolean;
         direction: "horizontal" | "vertical";
         selectedClass: string;
@@ -53955,7 +53967,7 @@ declare const VSlideGroup: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         multiple: boolean;
         direction: "horizontal" | "vertical";
         selectedClass: string;
@@ -53971,7 +53983,7 @@ declare const VSlideGroup: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     multiple: boolean;
     direction: "horizontal" | "vertical";
     selectedClass: string;
@@ -53996,7 +54008,7 @@ declare const VSlideGroup: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     multiple: boolean;
     direction: "horizontal" | "vertical";
     selectedClass: string;
@@ -54036,9 +54048,12 @@ declare const VSlideGroup: {
         type: StringConstructor;
         default: string;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     class: PropType<any>;
@@ -54084,9 +54099,12 @@ declare const VSlideGroup: {
         type: StringConstructor;
         default: string;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     class: PropType<any>;
@@ -62521,7 +62539,7 @@ declare const VTabs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -62579,7 +62597,7 @@ declare const VTabs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -62636,7 +62654,7 @@ declare const VTabs: {
         height: string | number;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         modelValue: any;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
@@ -62683,7 +62701,7 @@ declare const VTabs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -62740,7 +62758,7 @@ declare const VTabs: {
         height: string | number;
         disabled: boolean;
         tag: string;
-        mobile: boolean | null;
+        mobile: NonNullable<boolean | null> | null;
         modelValue: any;
         items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
@@ -62765,7 +62783,7 @@ declare const VTabs: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     items: readonly TabItem[];
     mandatory: NonNullable<boolean | "force">;
     multiple: boolean;
@@ -62824,7 +62842,7 @@ declare const VTabs: {
     height: string | number;
     disabled: boolean;
     tag: string;
-    mobile: boolean | null;
+    mobile: NonNullable<boolean | null> | null;
     modelValue: any;
     items: readonly TabItem[];
     mandatory: NonNullable<boolean | "force">;
@@ -62887,9 +62905,12 @@ declare const VTabs: {
         default: string;
     };
     disabled: BooleanConstructor;
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     class: PropType<any>;
@@ -62965,9 +62986,12 @@ declare const VTabs: {
         default: string;
     };
     disabled: BooleanConstructor;
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<boolean | null> | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     class: PropType<any>;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.5-master.2024-05-13
+* Vuetify v3.6.6-master.2024-05-15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7368,7 +7368,9 @@ const makeVSlideGroupProps = propsFactory({
     validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
   },
   ...makeComponentProps(),
-  ...makeDisplayProps(),
+  ...makeDisplayProps({
+    mobile: null
+  }),
   ...makeTagProps(),
   ...makeGroupProps({
     selectedClass: 'v-slide-group-item--active'
@@ -11099,7 +11101,7 @@ const VMenu = genericComponent()({
       },
       closeParents(e) {
         setTimeout(() => {
-          if (!openChildren.value && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
+          if (!openChildren.value && !props.persistent && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
             isActive.value = false;
             parent?.closeParents();
           }
@@ -11138,6 +11140,7 @@ const VMenu = genericComponent()({
     function onKeydown(e) {
       if (props.disabled) return;
       if (e.key === 'Tab' || e.key === 'Enter' && !props.closeOnContentClick) {
+        if (e.key === 'Enter' && e.target instanceof HTMLTextAreaElement) return;
         if (e.key === 'Enter') e.preventDefault();
         const nextElement = getNextElement(focusableChildren(overlay.value?.contentEl, false), e.shiftKey ? 'prev' : 'next', el => el.tabIndex >= 0);
         if (!nextElement) {
@@ -12319,7 +12322,7 @@ const VSelect = genericComponent()({
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
       if (props.hideSelected) {
-        return items.value.filter(item => !model.value.some(s => s === item));
+        return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)));
       }
       return items.value;
     });
@@ -13345,7 +13348,9 @@ const makeVBannerProps = propsFactory({
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeDimensionProps(),
-  ...makeDisplayProps(),
+  ...makeDisplayProps({
+    mobile: null
+  }),
   ...makeElevationProps(),
   ...makeLocationProps(),
   ...makePositionProps(),
@@ -26172,6 +26177,7 @@ const VSwitch = genericComponent()({
       blur
     } = useFocus(props);
     const control = ref();
+    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia('(forced-colors: active)').matches;
     const loaderColor = computed(() => {
       return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
     });
@@ -26240,7 +26246,7 @@ const VSwitch = genericComponent()({
                 backgroundColorStyles
               } = _ref3;
               return createVNode("div", {
-                "class": ['v-switch__track', ...backgroundColorClasses.value],
+                "class": ['v-switch__track', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined],
                 "style": backgroundColorStyles.value,
                 "onClick": onTrackClick
               }, [slots['track-true'] && createVNode("div", {
@@ -26261,7 +26267,7 @@ const VSwitch = genericComponent()({
               return createVNode(Fragment, null, [inputNode, createVNode("div", {
                 "class": ['v-switch__thumb', {
                   'v-switch__thumb--filled': icon || props.loading
-                }, props.inset ? undefined : backgroundColorClasses.value],
+                }, props.inset || isForcedColorsModeActive ? undefined : backgroundColorClasses.value],
                 "style": props.inset ? undefined : backgroundColorStyles.value
               }, [slots.thumb ? createVNode(VDefaultsProvider, {
                 "defaults": {
@@ -29369,17 +29375,18 @@ const VTreeviewChildren = genericComponent()({
       emit,
       slots
     } = _ref;
-    const isLoading = shallowRef(false);
-    const hasLoaded = shallowRef(false);
+    const isLoading = shallowRef(null);
     function checkChildren(item) {
       return new Promise(resolve => {
-        if (!props.items?.length || !props.loadChildren || hasLoaded.value) return resolve();
-        isLoading.value = true;
-        props.loadChildren(item).then(resolve);
-      }).then(() => {
-        hasLoaded.value = true;
+        if (!props.items?.length || !props.loadChildren) return resolve();
+        if (item?.children?.length === 0) {
+          isLoading.value = item.value;
+          props.loadChildren(item).then(resolve);
+          return;
+        }
+        resolve();
       }).finally(() => {
-        isLoading.value = false;
+        isLoading.value = null;
       });
     }
     function onClick(e, item) {
@@ -29392,6 +29399,7 @@ const VTreeviewChildren = genericComponent()({
         props: itemProps,
         raw: item
       } = _ref2;
+      const loading = isLoading.value === item.value;
       const slotsWithItem = {
         prepend: slots.prepend ? slotProps => slots.prepend?.({
           ...slotProps,
@@ -29405,7 +29413,7 @@ const VTreeviewChildren = genericComponent()({
             "key": item.value,
             "tabindex": "-1",
             "modelValue": isSelected,
-            "loading": isLoading.value,
+            "loading": loading,
             "indeterminate": isIndeterminate,
             "onClick": e => onClick(e, item)
           }, null);
@@ -29429,7 +29437,7 @@ const VTreeviewChildren = genericComponent()({
             props: activatorProps
           } = _ref4;
           return createVNode(VTreeviewItem, mergeProps(itemProps, activatorProps, {
-            "loading": isLoading.value,
+            "loading": loading,
             "onClick": e => onClick(e, item)
           }), slotsWithItem);
         },
@@ -30082,7 +30090,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.5-master.2024-05-13";
+const version$1 = "3.6.6-master.2024-05-15";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30335,7 +30343,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.5-master.2024-05-13";
+const version = "3.6.6-master.2024-05-15";
 
 /* eslint-disable local-rules/sort-imports */