vuetify 3.1.7 → 3.1.9

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.7
+* Vuetify v3.1.9
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -949,6 +949,8 @@ function provideDefaults(defaults, options) {
   const injectedDefaults = useDefaults();
   const providedDefaults = ref(defaults);
   const newDefaults = computed(() => {
+    const disabled = unref(options?.disabled);
+    if (disabled) return {};
     const scoped = unref(options?.scoped);
     const reset = unref(options?.reset);
     const root = unref(options?.root);
@@ -1022,10 +1024,11 @@ const defineComponent = function defineComponent(options) {
       const componentDefaults = computed(() => defaults.value[props._as ?? options.name]);
       const _props = new Proxy(props, {
         get(target, prop) {
+          const propValue = Reflect.get(target, prop);
           if (typeof prop === 'string' && !propIsDefined(vm.vnode, prop)) {
-            return componentDefaults.value?.[prop] ?? defaults.value.global?.[prop] ?? target[prop];
+            return componentDefaults.value?.[prop] ?? defaults.value.global?.[prop] ?? propValue;
           }
-          return Reflect.get(target, prop);
+          return propValue;
         }
       });
       const _subcomponentDefaults = shallowRef();
@@ -1667,17 +1670,9 @@ function createTheme(options) {
     if (current.value.dark) {
       createCssClass(lines, ':root', ['color-scheme: dark']);
     }
+    createCssClass(lines, ':root', genCssVariables(current.value));
     for (const [themeName, theme] of Object.entries(computedThemes.value)) {
-      const {
-        variables,
-        dark
-      } = theme;
-      createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${dark ? 'dark' : 'normal'}`, ...genCssVariables(theme), ...Object.keys(variables).map(key => {
-        const value = variables[key];
-        const color = typeof value === 'string' && value.startsWith('#') ? parseColor$1(value) : undefined;
-        const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
-        return `--v-${key}: ${rgb ?? value}`;
-      })]);
+      createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${theme.dark ? 'dark' : 'normal'}`, ...genCssVariables(theme)]);
     }
     const bgLines = [];
     const fgLines = [];
@@ -1790,6 +1785,11 @@ function genCssVariables(theme) {
       variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
     }
   }
+  for (const [key, value] of Object.entries(theme.variables)) {
+    const color = typeof value === 'string' && value.startsWith('#') ? parseColor$1(value) : undefined;
+    const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
+    variables.push(`--v-${key}: ${rgb ?? value}`);
+  }
   return variables;
 }
 
@@ -2019,7 +2019,7 @@ const defaultRtl = {
   en: false,
   es: false,
   et: false,
-  fa: false,
+  fa: true,
   fi: false,
   fr: false,
   hr: false,
@@ -2152,6 +2152,7 @@ const VDefaultsProvider = genericComponent(false)({
   name: 'VDefaultsProvider',
   props: {
     defaults: Object,
+    disabled: Boolean,
     reset: [Number, String],
     root: Boolean,
     scoped: Boolean
@@ -2162,6 +2163,7 @@ const VDefaultsProvider = genericComponent(false)({
     } = _ref;
     const {
       defaults,
+      disabled,
       reset,
       root,
       scoped
@@ -2169,7 +2171,8 @@ const VDefaultsProvider = genericComponent(false)({
     provideDefaults(defaults, {
       reset,
       root,
-      scoped
+      scoped,
+      disabled
     });
     return () => slots.default?.();
   }
@@ -2180,7 +2183,7 @@ const VDefaultsProvider = genericComponent(false)({
 // Types
 
 function createCssTransition(name) {
-  let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top center 0';
+  let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center center';
   let mode = arguments.length > 2 ? arguments[2] : undefined;
   return genericComponent()({
     name,
@@ -2791,7 +2794,7 @@ const VImg = genericComponent()({
         "class": ['v-img__img', containClasses.value],
         "src": normalisedSrc.value.src,
         "srcset": normalisedSrc.value.srcset,
-        "alt": "",
+        "alt": props.alt,
         "sizes": props.sizes,
         "ref": image,
         "onLoad": onLoad,
@@ -2813,7 +2816,7 @@ const VImg = genericComponent()({
       default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && createVNode("img", {
         "class": ['v-img__img', 'v-img__img--preload', containClasses.value],
         "src": normalisedSrc.value.lazySrc,
-        "alt": ""
+        "alt": props.alt
       }, null)]
     });
     const __placeholder = () => {
@@ -3155,16 +3158,20 @@ const VToolbar = genericComponent()({
         default: () => [hasImage && createVNode("div", {
           "key": "image",
           "class": "v-toolbar__image"
-        }, [createVNode(VDefaultsProvider, {
+        }, [!slots.image ? createVNode(VImg, {
+          "key": "image-img",
+          "cover": true,
+          "src": props.image
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
           "defaults": {
             VImg: {
               cover: true,
               src: props.image
             }
           }
-        }, {
-          default: () => [slots.image ? slots.image?.() : createVNode(VImg, null, null)]
-        })]), createVNode(VDefaultsProvider, {
+        }, slots.image)]), createVNode(VDefaultsProvider, {
           "defaults": {
             VTabs: {
               height: convertToUnit(contentHeight.value)
@@ -4885,43 +4892,49 @@ const VBtn = genericComponent()({
         },
         "value": valueAttr.value
       }, {
-        default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && createVNode(VDefaultsProvider, {
+        default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && createVNode("span", {
           "key": "prepend",
+          "class": "v-btn__prepend"
+        }, [!slots.prepend ? createVNode(VIcon, {
+          "key": "prepend-icon",
+          "icon": props.prependIcon
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "prepend-defaults",
+          "disabled": !props.prependIcon,
           "defaults": {
             VIcon: {
               icon: props.prependIcon
             }
           }
-        }, {
-          default: () => [createVNode("span", {
-            "class": "v-btn__prepend"
-          }, [slots.prepend?.() ?? createVNode(VIcon, null, null)])]
-        }), createVNode("span", {
+        }, slots.prepend)]), createVNode("span", {
           "class": "v-btn__content",
           "data-no-activator": ""
-        }, [createVNode(VDefaultsProvider, {
-          "key": "content",
+        }, [!slots.default && hasIcon ? createVNode(VIcon, {
+          "key": "content-icon",
+          "icon": props.icon
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "content-defaults",
+          "disabled": !hasIcon,
           "defaults": {
             VIcon: {
-              icon: hasIcon ? props.icon : undefined
+              icon: props.icon
             }
           }
-        }, {
-          default: () => [slots.default?.() ?? (hasIcon && createVNode(VIcon, {
-            "key": "icon"
-          }, null))]
-        })]), !props.icon && hasAppend && createVNode(VDefaultsProvider, {
+        }, slots.default)]), !props.icon && hasAppend && createVNode("span", {
           "key": "append",
+          "class": "v-btn__append"
+        }, [!slots.append ? createVNode(VIcon, {
+          "key": "append-icon",
+          "icon": props.appendIcon
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "append-defaults",
+          "disabled": !props.appendIcon,
           "defaults": {
             VIcon: {
               icon: props.appendIcon
             }
           }
-        }, {
-          default: () => [createVNode("span", {
-            "class": "v-btn__append"
-          }, [slots.append?.() ?? createVNode(VIcon, null, null)])]
-        }), !!props.loading && createVNode("span", {
+        }, slots.append)]), !!props.loading && createVNode("span", {
           "key": "loader",
           "class": "v-btn__loader"
         }, [slots.loader?.() ?? createVNode(VProgressCircular, {
@@ -5050,10 +5063,12 @@ const VAlert = genericComponent()({
     })
   },
   emits: {
+    'click:close': e => true,
     'update:modelValue': value => true
   },
   setup(props, _ref) {
     let {
+      emit,
       slots
     } = _ref;
     const isActive = useProxiedModel(props, 'modelValue');
@@ -5103,6 +5118,7 @@ const VAlert = genericComponent()({
       'aria-label': t(props.closeLabel),
       onClick(e) {
         isActive.value = false;
+        emit('click:close', e);
       }
     }));
     return () => {
@@ -5124,8 +5140,17 @@ const VAlert = genericComponent()({
           "key": "border",
           "class": ['v-alert__border', textColorClasses.value],
           "style": textColorStyles.value
-        }, null), hasPrepend && createVNode(VDefaultsProvider, {
+        }, null), hasPrepend && createVNode("div", {
           "key": "prepend",
+          "class": "v-alert__prepend"
+        }, [!slots.prepend ? createVNode(VIcon, {
+          "key": "prepend-icon",
+          "density": props.density,
+          "icon": icon.value,
+          "size": props.prominent ? 44 : 28
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "prepend-defaults",
+          "disabled": !icon.value,
           "defaults": {
             VIcon: {
               density: props.density,
@@ -5133,21 +5158,25 @@ const VAlert = genericComponent()({
               size: props.prominent ? 44 : 28
             }
           }
-        }, {
-          default: () => [createVNode("div", {
-            "class": "v-alert__prepend"
-          }, [slots.prepend ? slots.prepend() : icon.value && createVNode(VIcon, null, null)])]
-        }), createVNode("div", {
+        }, slots.prepend)]), createVNode("div", {
           "class": "v-alert__content"
         }, [hasTitle && createVNode(VAlertTitle, {
           "key": "title"
         }, {
-          default: () => [slots.title ? slots.title() : props.title]
-        }), hasText && (slots.text ? slots.text() : props.text), slots.default?.()]), slots.append && createVNode("div", {
+          default: () => [slots.title?.() ?? props.title]
+        }), hasText && (slots.text?.() ?? props.text), slots.default?.()]), slots.append && createVNode("div", {
           "key": "append",
           "class": "v-alert__append"
-        }, [slots.append()]), hasClose && createVNode(VDefaultsProvider, {
+        }, [slots.append()]), hasClose && createVNode("div", {
           "key": "close",
+          "class": "v-alert__close"
+        }, [!slots.close ? createVNode(VBtn, mergeProps({
+          "key": "close-btn",
+          "icon": props.closeIcon,
+          "size": "x-small",
+          "variant": "text"
+        }, closeProps.value), null) : createVNode(VDefaultsProvider, {
+          "key": "close-defaults",
           "defaults": {
             VBtn: {
               icon: props.closeIcon,
@@ -5156,12 +5185,10 @@ const VAlert = genericComponent()({
             }
           }
         }, {
-          default: () => [createVNode("div", {
-            "class": "v-alert__close"
-          }, [slots.close?.({
+          default: () => [slots.close?.({
             props: closeProps.value
-          }) ?? createVNode(VBtn, closeProps.value, null)])]
-        })]
+          })]
+        })])]
       });
     };
   }
@@ -6171,6 +6198,7 @@ const VTextField = genericComponent()({
             "id": id.value,
             "active": isActive.value || isDirty.value,
             "dirty": isDirty.value || props.dirty,
+            "disabled": isDisabled.value,
             "focused": isFocused.value,
             "error": isValid.value === false
           }), {
@@ -6825,10 +6853,13 @@ const VChip = genericComponent()({
     const link = useLink(props, attrs);
     const isLink = computed(() => props.link !== false && link.isLink.value);
     const isClickable = computed(() => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value));
-    function onCloseClick(e) {
-      isActive.value = false;
-      emit('click:close', e);
-    }
+    const closeProps = computed(() => ({
+      'aria-label': t(props.closeLabel),
+      onClick(e) {
+        isActive.value = false;
+        emit('click:close', e);
+      }
+    }));
     function onClick(e) {
       emit('click', e);
       if (!isClickable.value) return;
@@ -6843,10 +6874,12 @@ const VChip = genericComponent()({
     }
     return () => {
       const Tag = link.isLink.value ? 'a' : props.tag;
-      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar);
+      const hasAppendMedia = !!(props.appendIcon || props.appendAvatar);
+      const hasAppend = !!(hasAppendMedia || slots.append);
       const hasClose = !!(slots.close || props.closable);
       const hasFilter = !!(slots.filter || props.filter) && group;
-      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar);
+      const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);
+      const hasPrepend = !!(hasPrependMedia || slots.prepend);
       const hasColor = !group || group.isSelected.value;
       return isActive.value && withDirectives(createVNode(Tag, {
         "class": ['v-chip', {
@@ -6864,77 +6897,94 @@ const VChip = genericComponent()({
         "onClick": onClick,
         "onKeydown": isClickable.value && !isLink.value && onKeyDown
       }, {
-        default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && createVNode(VDefaultsProvider, {
-          "key": "filter",
-          "defaults": {
-            VIcon: {
-              icon: props.filterIcon
-            }
-          }
+        default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && createVNode(VExpandXTransition, {
+          "key": "filter"
         }, {
-          default: () => [createVNode(VExpandXTransition, null, {
-            default: () => [withDirectives(createVNode("div", {
-              "class": "v-chip__filter"
-            }, [slots.filter ? slots.filter() : createVNode(VIcon, null, null)]), [[vShow, group.isSelected.value]])]
-          })]
-        }), hasPrepend && createVNode(VDefaultsProvider, {
+          default: () => [withDirectives(createVNode("div", {
+            "class": "v-chip__filter"
+          }, [!slots.filter ? createVNode(VIcon, {
+            "key": "filter-icon",
+            "icon": props.filterIcon
+          }, null) : withDirectives(createVNode(VDefaultsProvider, {
+            "key": "filter-defaults",
+            "disabled": !props.filterIcon,
+            "defaults": {
+              VIcon: {
+                icon: props.filterIcon
+              }
+            }
+          }, null), [[resolveDirective("slot"), slots.filter, "default"]])]), [[vShow, group.isSelected.value]])]
+        }), hasPrepend && createVNode("div", {
           "key": "prepend",
+          "class": "v-chip__prepend"
+        }, [!slots.prepend ? createVNode(Fragment, null, [props.prependIcon && createVNode(VIcon, {
+          "key": "prepend-icon",
+          "icon": props.prependIcon,
+          "start": true
+        }, null), props.prependAvatar && createVNode(VAvatar, {
+          "key": "prepend-avatar",
+          "image": props.prependAvatar,
+          "start": true
+        }, null)]) : createVNode(VDefaultsProvider, {
+          "key": "prepend-defaults",
+          "disabled": !hasPrependMedia,
           "defaults": {
             VAvatar: {
-              image: props.prependAvatar
+              image: props.prependAvatar,
+              start: true
             },
             VIcon: {
-              icon: props.prependIcon
+              icon: props.prependIcon,
+              start: true
             }
           }
-        }, {
-          default: () => [slots.prepend ? createVNode("div", {
-            "class": "v-chip__prepend"
-          }, [slots.prepend()]) : props.prependAvatar ? createVNode(VAvatar, {
-            "start": true
-          }, null) : props.prependIcon ? createVNode(VIcon, {
-            "start": true
-          }, null) : undefined]
-        }), slots.default?.({
+        }, slots.prepend)]), slots.default?.({
           isSelected: group?.isSelected.value,
           selectedClass: group?.selectedClass.value,
           select: group?.select,
           toggle: group?.toggle,
           value: group?.value.value,
           disabled: props.disabled
-        }) ?? props.text, hasAppend && createVNode(VDefaultsProvider, {
+        }) ?? props.text, hasAppend && createVNode("div", {
           "key": "append",
+          "class": "v-chip__append"
+        }, [!slots.append ? createVNode(Fragment, null, [props.appendIcon && createVNode(VIcon, {
+          "key": "append-icon",
+          "end": true,
+          "icon": props.appendIcon
+        }, null), props.appendAvatar && createVNode(VAvatar, {
+          "key": "append-avatar",
+          "end": true,
+          "image": props.appendAvatar
+        }, null)]) : createVNode(VDefaultsProvider, {
+          "key": "append-defaults",
+          "disabled": !hasAppendMedia,
           "defaults": {
             VAvatar: {
+              end: true,
               image: props.appendAvatar
             },
             VIcon: {
+              end: true,
               icon: props.appendIcon
             }
           }
-        }, {
-          default: () => [slots.append ? createVNode("div", {
-            "class": "v-chip__append"
-          }, [slots.append()]) : props.appendAvatar ? createVNode(VAvatar, {
-            "end": true
-          }, null) : props.appendIcon ? createVNode(VIcon, {
-            "end": true
-          }, null) : undefined]
-        }), hasClose && createVNode(VDefaultsProvider, {
+        }, slots.append)]), hasClose && createVNode("div", mergeProps({
           "key": "close",
+          "class": "v-chip__close"
+        }, closeProps.value), [!slots.close ? createVNode(VIcon, {
+          "key": "close-icon",
+          "icon": props.closeIcon,
+          "size": "x-small"
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "close-defaults",
           "defaults": {
             VIcon: {
               icon: props.closeIcon,
               size: 'x-small'
             }
           }
-        }, {
-          default: () => [createVNode("div", {
-            "class": "v-chip__close",
-            "aria-label": t(props.closeLabel),
-            "onClick": onCloseClick
-          }, [slots.close ? slots.close() : createVNode(VIcon, null, null)])]
-        })]
+        }, slots.close)])]
       }), [[resolveDirective("ripple"), isClickable.value && props.ripple, null]]);
     };
   }
@@ -7684,8 +7734,10 @@ const VListItem = genericComponent()({
       const hasColor = !list || isSelected.value || isActive.value;
       const hasTitle = slots.title || props.title;
       const hasSubtitle = slots.subtitle || props.subtitle;
-      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon);
-      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon);
+      const hasAppendMedia = !!(props.prependAvatar || props.prependIcon);
+      const hasAppend = !!(hasAppendMedia || slots.append);
+      const hasPrependMedia = !!(props.prependAvatar || props.prependIcon);
+      const hasPrepend = !!(hasPrependMedia || slots.prepend);
       list?.updateHasPrepend(hasPrepend);
       return withDirectives(createVNode(Tag, {
         "class": ['v-list-item', {
@@ -7705,7 +7757,7 @@ const VListItem = genericComponent()({
         default: () => [genOverlays(isClickable.value || isActive.value, 'v-list-item'), hasPrepend && createVNode("div", {
           "key": "prepend",
           "class": "v-list-item__prepend"
-        }, [props.prependAvatar && createVNode(VAvatar, {
+        }, [!slots.prepend ? createVNode(Fragment, null, [props.prependAvatar && createVNode(VAvatar, {
           "key": "prepend-avatar",
           "density": props.density,
           "image": props.prependAvatar
@@ -7713,8 +7765,9 @@ const VListItem = genericComponent()({
           "key": "prepend-icon",
           "density": props.density,
           "icon": props.prependIcon
-        }, null), slots.prepend && createVNode(VDefaultsProvider, {
-          "key": "prepend",
+        }, null)]) : createVNode(VDefaultsProvider, {
+          "key": "prepend-defaults",
+          "disabled": !hasPrependMedia,
           "defaults": {
             VAvatar: {
               density: props.density,
@@ -7729,7 +7782,7 @@ const VListItem = genericComponent()({
             }
           }
         }, {
-          default: () => [slots.prepend(slotProps.value)]
+          default: () => [slots.prepend?.(slotProps.value)]
         })]), createVNode("div", {
           "class": "v-list-item__content",
           "data-no-activator": ""
@@ -7748,8 +7801,17 @@ const VListItem = genericComponent()({
         }), slots.default?.(slotProps.value)]), hasAppend && createVNode("div", {
           "key": "append",
           "class": "v-list-item__append"
-        }, [slots.append && createVNode(VDefaultsProvider, {
-          "key": "append",
+        }, [!slots.append ? createVNode(Fragment, null, [props.appendIcon && createVNode(VIcon, {
+          "key": "append-icon",
+          "density": props.density,
+          "icon": props.appendIcon
+        }, null), props.appendAvatar && createVNode(VAvatar, {
+          "key": "append-avatar",
+          "density": props.density,
+          "image": props.appendAvatar
+        }, null)]) : createVNode(VDefaultsProvider, {
+          "key": "append-defaults",
+          "disabled": !hasAppendMedia,
           "defaults": {
             VAvatar: {
               density: props.density,
@@ -7764,16 +7826,8 @@ const VListItem = genericComponent()({
             }
           }
         }, {
-          default: () => [slots.append(slotProps.value)]
-        }), props.appendIcon && createVNode(VIcon, {
-          "key": "append-icon",
-          "density": props.density,
-          "icon": props.appendIcon
-        }, null), props.appendAvatar && createVNode(VAvatar, {
-          "key": "append-avatar",
-          "density": props.density,
-          "image": props.appendAvatar
-        }, null)])]
+          default: () => [slots.append?.(slotProps.value)]
+        })])]
       }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
     });
     return {};
@@ -9119,8 +9173,8 @@ function getClientWidth(isHydrate) {
 function getClientHeight(isHydrate) {
   return IN_BROWSER && !isHydrate ? window.innerHeight : 0;
 }
-function getPlatform() {
-  const userAgent = IN_BROWSER ? window.navigator.userAgent : 'ssr';
+function getPlatform(isHydrate) {
+  const userAgent = IN_BROWSER && !isHydrate ? window.navigator.userAgent : 'ssr';
   function match(regexp) {
     return Boolean(userAgent.match(regexp));
   }
@@ -9135,7 +9189,6 @@ function getPlatform() {
   const win = match(/win/i);
   const mac = match(/mac/i);
   const linux = match(/linux/i);
-  const ssr = match(/ssr/i);
   return {
     android,
     ios,
@@ -9149,7 +9202,7 @@ function getPlatform() {
     mac,
     linux,
     touch: SUPPORTS_TOUCH,
-    ssr
+    ssr: userAgent === 'ssr'
   };
 }
 function createDisplay(options, ssr) {
@@ -9158,13 +9211,17 @@ function createDisplay(options, ssr) {
     mobileBreakpoint
   } = parseDisplayOptions(options);
   const height = ref(getClientHeight(ssr));
-  const platform = getPlatform();
+  const platform = shallowRef(getPlatform(ssr));
   const state = reactive({});
   const width = ref(getClientWidth(ssr));
-  function update() {
+  function updateSize() {
     height.value = getClientHeight();
     width.value = getClientWidth();
   }
+  function update() {
+    updateSize();
+    platform.value = getPlatform();
+  }
 
   // eslint-disable-next-line max-statements
   watchEffect(() => {
@@ -9176,7 +9233,7 @@ function createDisplay(options, ssr) {
     const xxl = width.value >= thresholds.xxl;
     const name = xs ? 'xs' : sm ? 'sm' : md ? 'md' : lg ? 'lg' : xl ? 'xl' : 'xxl';
     const breakpointValue = typeof mobileBreakpoint === 'number' ? mobileBreakpoint : thresholds[mobileBreakpoint];
-    const mobile = !platform.ssr ? width.value < breakpointValue : platform.android || platform.ios || platform.opera;
+    const mobile = width.value < breakpointValue;
     state.xs = xs;
     state.sm = sm;
     state.md = md;
@@ -9196,11 +9253,11 @@ function createDisplay(options, ssr) {
     state.width = width.value;
     state.mobile = mobile;
     state.mobileBreakpoint = mobileBreakpoint;
-    state.platform = platform;
+    state.platform = platform.value;
     state.thresholds = thresholds;
   });
   if (IN_BROWSER) {
-    window.addEventListener('resize', update, {
+    window.addEventListener('resize', updateSize, {
       passive: true
     });
   }
@@ -9979,7 +10036,13 @@ const VSelect = genericComponent()({
           return createVNode("div", {
             "key": item.value,
             "class": "v-select__selection"
-          }, [hasChips ? createVNode(VDefaultsProvider, {
+          }, [hasChips ? !slots.chip ? createVNode(VChip, mergeProps({
+            "key": "chip",
+            "closable": props.closableChips,
+            "size": "small",
+            "text": item.title
+          }, slotProps), null) : createVNode(VDefaultsProvider, {
+            "key": "chip-defaults",
             "defaults": {
               VChip: {
                 closable: props.closableChips,
@@ -9988,15 +10051,15 @@ const VSelect = genericComponent()({
               }
             }
           }, {
-            default: () => [slots.chip ? slots.chip({
+            default: () => [slots.chip?.({
               item,
               index,
               props: slotProps
-            }) : createVNode(VChip, slotProps, null)]
-          }) : slots.selection ? slots.selection({
+            })]
+          }) : slots.selection?.({
             item,
             index
-          }) : createVNode("span", {
+          }) ?? createVNode("span", {
             "class": "v-select__selection-text"
           }, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
             "class": "v-select__selection-comma"
@@ -10368,7 +10431,13 @@ const VAutocomplete = genericComponent()({
           return createVNode("div", {
             "key": item.value,
             "class": "v-autocomplete__selection"
-          }, [hasChips ? createVNode(VDefaultsProvider, {
+          }, [hasChips ? !slots.chip ? createVNode(VChip, mergeProps({
+            "key": "chip",
+            "closable": props.closableChips,
+            "size": "small",
+            "text": item.title
+          }, slotProps), null) : createVNode(VDefaultsProvider, {
+            "key": "chip-defaults",
             "defaults": {
               VChip: {
                 closable: props.closableChips,
@@ -10377,15 +10446,15 @@ const VAutocomplete = genericComponent()({
               }
             }
           }, {
-            default: () => [slots.chip ? slots.chip({
+            default: () => [slots.chip?.({
               item,
               index,
               props: slotProps
-            }) : createVNode(VChip, slotProps, null)]
-          }) : slots.selection ? slots.selection({
+            })]
+          }) : slots.selection?.({
             item,
             index
-          }) : createVNode("span", {
+          }) ?? createVNode("span", {
             "class": "v-autocomplete__selection-text"
           }, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
             "class": "v-autocomplete__selection-comma"
@@ -10586,7 +10655,8 @@ const VBanner = genericComponent()({
     });
     useRender(() => {
       const hasText = !!(props.text || slots.text);
-      const hasPrepend = !!(slots.prepend || props.avatar || props.icon);
+      const hasPrependMedia = !!(props.avatar || props.icon);
+      const hasPrepend = !!(hasPrependMedia || slots.prepend);
       return createVNode(props.tag, {
         "class": ['v-banner', {
           'v-banner--stacked': props.stacked || mobile.value,
@@ -10596,8 +10666,18 @@ const VBanner = genericComponent()({
         "style": [dimensionStyles.value, locationStyles.value],
         "role": "banner"
       }, {
-        default: () => [hasPrepend && createVNode(VDefaultsProvider, {
+        default: () => [hasPrepend && createVNode("div", {
           "key": "prepend",
+          "class": "v-banner__prepend"
+        }, [!slots.prepend ? createVNode(VAvatar, {
+          "key": "prepend-avatar",
+          "color": color.value,
+          "density": density.value,
+          "icon": props.icon,
+          "image": props.avatar
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "prepend-defaults",
+          "disabled": !hasPrependMedia,
           "defaults": {
             VAvatar: {
               color: color.value,
@@ -10606,19 +10686,15 @@ const VBanner = genericComponent()({
               image: props.avatar
             }
           }
-        }, {
-          default: () => [createVNode("div", {
-            "class": "v-banner__prepend"
-          }, [slots.prepend ? slots.prepend() : (props.avatar || props.icon) && createVNode(VAvatar, null, null)])]
-        }), createVNode("div", {
+        }, slots.prepend)]), createVNode("div", {
           "class": "v-banner__content"
         }, [hasText && createVNode(VBannerText, {
           "key": "text"
         }, {
-          default: () => [slots.text ? slots.text() : props.text]
-        }), slots.default?.()]), slots.actions && createVNode(VBannerActions, null, {
-          default: () => [slots.actions()]
-        })]
+          default: () => [slots.text?.() ?? props.text]
+        }), slots.default?.()]), slots.actions && createVNode(VBannerActions, {
+          "key": "actions"
+        }, slots.actions)]
       });
     });
   }
@@ -10851,19 +10927,23 @@ const VBreadcrumbs = genericComponent()({
         "class": ['v-breadcrumbs', backgroundColorClasses.value, densityClasses.value, roundedClasses.value],
         "style": backgroundColorStyles.value
       }, {
-        default: () => [hasPrepend && createVNode(VDefaultsProvider, {
+        default: () => [hasPrepend && createVNode("div", {
           "key": "prepend",
+          "class": "v-breadcrumbs__prepend"
+        }, [!slots.prepend ? createVNode(VIcon, {
+          "key": "prepend-icon",
+          "start": true,
+          "icon": props.icon
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "prepend-defaults",
+          "disabled": !props.icon,
           "defaults": {
             VIcon: {
               icon: props.icon,
               start: true
             }
           }
-        }, {
-          default: () => [createVNode("div", {
-            "class": "v-breadcrumbs__prepend"
-          }, [slots.prepend ? slots.prepend() : props.icon && createVNode(VIcon, null, null)])]
-        }), props.items.map((item, index, array) => createVNode(Fragment, null, [createVNode(VBreadcrumbsItem, mergeProps({
+        }, slots.prepend)]), props.items.map((item, index, array) => createVNode(Fragment, null, [createVNode(VBreadcrumbsItem, mergeProps({
           "key": index,
           "disabled": index >= array.length - 1
         }, typeof item === 'string' ? {
@@ -10927,30 +11007,33 @@ const VCardItem = genericComponent()({
       slots
     } = _ref;
     useRender(() => {
-      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend);
-      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append);
+      const hasPrependMedia = !!(props.prependAvatar || props.prependIcon);
+      const hasPrepend = !!(hasPrependMedia || slots.prepend);
+      const hasAppendMedia = !!(props.appendAvatar || props.appendIcon);
+      const hasAppend = !!(hasAppendMedia || slots.append);
       const hasTitle = !!(props.title || slots.title);
       const hasSubtitle = !!(props.subtitle || slots.subtitle);
       return createVNode("div", {
         "class": "v-card-item"
-      }, [hasPrepend && createVNode(VDefaultsProvider, {
+      }, [hasPrepend && createVNode("div", {
         "key": "prepend",
+        "class": "v-card-item__prepend"
+      }, [!slots.prepend ? hasPrependMedia && createVNode(VAvatar, {
+        "key": "prepend-avatar",
+        "density": props.density,
+        "icon": props.prependIcon,
+        "image": props.prependAvatar
+      }, null) : createVNode(VDefaultsProvider, {
+        "key": "prepend-defaults",
+        "disabled": !hasPrependMedia,
         "defaults": {
           VAvatar: {
             density: props.density,
             icon: props.prependIcon,
             image: props.prependAvatar
-          },
-          VIcon: {
-            density: props.density,
-            icon: props.prependIcon
           }
         }
-      }, {
-        default: () => [createVNode("div", {
-          "class": "v-card-item__prepend"
-        }, [slots.prepend?.() ?? createVNode(VAvatar, null, null)])]
-      }), createVNode("div", {
+      }, slots.prepend)]), createVNode("div", {
         "class": "v-card-item__content"
       }, [hasTitle && createVNode(VCardTitle, {
         "key": "title"
@@ -10960,24 +11043,25 @@ const VCardItem = genericComponent()({
         "key": "subtitle"
       }, {
         default: () => [slots.subtitle?.() ?? props.subtitle]
-      }), slots.default?.()]), hasAppend && createVNode(VDefaultsProvider, {
+      }), slots.default?.()]), hasAppend && createVNode("div", {
         "key": "append",
+        "class": "v-card-item__append"
+      }, [!slots.append ? hasAppendMedia && createVNode(VAvatar, {
+        "key": "append-avatar",
+        "density": props.density,
+        "icon": props.appendIcon,
+        "image": props.appendAvatar
+      }, null) : createVNode(VDefaultsProvider, {
+        "key": "append-defaults",
+        "disabled": !hasAppendMedia,
         "defaults": {
           VAvatar: {
             density: props.density,
             icon: props.appendIcon,
             image: props.appendAvatar
-          },
-          VIcon: {
-            density: props.density,
-            icon: props.appendIcon
           }
         }
-      }, {
-        default: () => [createVNode("div", {
-          "class": "v-card-item__append"
-        }, [slots.append?.() ?? createVNode(VAvatar, null, null)])]
-      })]);
+      }, slots.append)])]);
     });
     return {};
   }
@@ -11089,19 +11173,23 @@ const VCard = genericComponent()({
         "onClick": isClickable.value && link.navigate,
         "tabindex": props.disabled ? -1 : undefined
       }, {
-        default: () => [hasImage && createVNode(VDefaultsProvider, {
+        default: () => [hasImage && createVNode("div", {
           "key": "image",
+          "class": "v-card__image"
+        }, [!slots.image ? createVNode(VImg, {
+          "key": "image-img",
+          "cover": true,
+          "src": props.image
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
           "defaults": {
             VImg: {
               cover: true,
               src: props.image
             }
           }
-        }, {
-          default: () => [createVNode("div", {
-            "class": "v-card__image"
-          }, [slots.image?.() ?? createVNode(VImg, null, null)])]
-        }), createVNode(LoaderSlot, {
+        }, slots.image)]), createVNode(LoaderSlot, {
           "name": "v-card",
           "active": !!props.loading,
           "color": typeof props.loading === 'boolean' ? undefined : props.loading
@@ -12305,7 +12393,9 @@ const useSlider = _ref => {
     const percentage = (val - min.value) / (max.value - min.value) * 100;
     return clamp(isNaN(percentage) ? 0 : percentage, 0, 100);
   };
+  const showTicks = toRef(props, 'showTicks');
   const parsedTicks = computed(() => {
+    if (!showTicks.value) return [];
     if (!props.ticks) {
       return numTicks.value !== Infinity ? createRange(numTicks.value + 1).map(t => {
         const value = min.value + t * step.value;
@@ -12354,7 +12444,7 @@ const useSlider = _ref => {
     readonly: toRef(props, 'readonly'),
     rounded: toRef(props, 'rounded'),
     roundValue,
-    showTicks: toRef(props, 'showTicks'),
+    showTicks,
     startOffset,
     step,
     thumbSize,
@@ -12576,6 +12666,7 @@ const VSliderTrack = genericComponent()({
       };
     });
     const computedTicks = computed(() => {
+      if (!showTicks.value) return [];
       const ticks = vertical.value ? parsedTicks.value.slice().reverse() : parsedTicks.value;
       return ticks.map((tick, index) => {
         const directionProperty = vertical.value ? 'bottom' : 'margin-inline-start';
@@ -13695,7 +13786,13 @@ const VCombobox = genericComponent()({
             "key": item.value,
             "class": ['v-combobox__selection', index === selectionIndex.value && ['v-combobox__selection--selected', textColorClasses.value]],
             "style": index === selectionIndex.value ? textColorStyles.value : {}
-          }, [hasChips ? createVNode(VDefaultsProvider, {
+          }, [hasChips ? !slots.chip ? createVNode(VChip, mergeProps({
+            "key": "chip",
+            "closable": props.closableChips,
+            "size": "small",
+            "text": item.title
+          }, slotProps), null) : createVNode(VDefaultsProvider, {
+            "key": "chip-defaults",
             "defaults": {
               VChip: {
                 closable: props.closableChips,
@@ -13704,15 +13801,15 @@ const VCombobox = genericComponent()({
               }
             }
           }, {
-            default: () => [slots.chip ? slots.chip({
+            default: () => [slots.chip?.({
               item,
               index,
               props: slotProps
-            }) : createVNode(VChip, slotProps, null)]
-          }) : slots.selection ? slots.selection({
+            })]
+          }) : slots.selection?.({
             item,
             index
-          }) : createVNode("span", {
+          }) ?? createVNode("span", {
             "class": "v-combobox__selection-text"
           }, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
             "class": "v-combobox__selection-comma"
@@ -14213,6 +14310,7 @@ const VFileInput = genericComponent()({
             "id": id.value,
             "active": isDirty.value || isFocused.value,
             "dirty": isDirty.value,
+            "disabled": isDisabled.value,
             "focused": isFocused.value,
             "error": isValid.value === false
           }), {
@@ -16849,19 +16947,18 @@ const VSnackbar = genericComponent()({
         "modelValue": isActive.value,
         "onUpdate:modelValue": $event => isActive.value = $event,
         "contentProps": mergeProps({
-          style: locationStyles.value
+          class: ['v-snackbar__wrapper', themeClasses.value, colorClasses.value, roundedClasses.value, variantClasses.value],
+          style: [locationStyles.value, colorStyles.value],
+          onPointerenter,
+          onPointerleave: startTimeout
         }, overlayProps.contentProps),
         "persistent": true,
         "noClickAnimation": true,
         "scrim": false,
-        "scrollStrategy": "none"
+        "scrollStrategy": "none",
+        "_disableGlobalStack": true
       }, scopeId), {
-        default: () => [createVNode("div", {
-          "class": ['v-snackbar__wrapper', themeClasses.value, colorClasses.value, roundedClasses.value, variantClasses.value],
-          "style": [colorStyles.value],
-          "onPointerenter": onPointerenter,
-          "onPointerleave": startTimeout
-        }, [genOverlays(false, 'v-snackbar'), slots.default && createVNode("div", {
+        default: () => [genOverlays(false, 'v-snackbar'), slots.default && createVNode("div", {
           "class": "v-snackbar__content",
           "role": "status",
           "aria-live": "polite"
@@ -16876,7 +16973,7 @@ const VSnackbar = genericComponent()({
           default: () => [createVNode("div", {
             "class": "v-snackbar__actions"
           }, [slots.actions()])]
-        })])],
+        })],
         activator: slots.activator
       });
     });
@@ -17225,16 +17322,6 @@ const VTabs = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(toRef(props, 'bgColor'));
-    provideDefaults({
-      VTab: {
-        color: toRef(props, 'color'),
-        direction: toRef(props, 'direction'),
-        stacked: toRef(props, 'stacked'),
-        fixed: toRef(props, 'fixedTabs'),
-        sliderColor: toRef(props, 'sliderColor'),
-        hideSlider: toRef(props, 'hideSlider')
-      }
-    });
     useRender(() => createVNode(VSlideGroup, {
       "modelValue": model.value,
       "onUpdate:modelValue": $event => model.value = $event,
@@ -17251,9 +17338,27 @@ const VTabs = genericComponent()({
       "mandatory": props.mandatory,
       "direction": props.direction
     }, {
-      default: () => [slots.default ? slots.default() : parsedItems.value.map(item => createVNode(VTab, mergeProps(item, {
-        "key": item.title
-      }), null))]
+      default: () => [!slots.default ? parsedItems.value.map(item => createVNode(VTab, mergeProps({
+        "key": item.title,
+        "color": props.color,
+        "direction": props.direction,
+        "fixed": props.fixedTabs,
+        "hideSlider": props.hideSlider,
+        "sliderColor": props.sliderColor,
+        "stacked": props.stacked
+      }, item), null)) : createVNode(VDefaultsProvider, {
+        "key": "tabs-defaults",
+        "defaults": {
+          VTab: {
+            color: props.color,
+            direction: props.direction,
+            fixed: props.fixedTabs,
+            hideSlider: props.hideSlider,
+            sliderColor: props.sliderColor,
+            stacked: props.stacked
+          }
+        }
+      }, slots.default)]
     }));
     return {};
   }
@@ -17478,6 +17583,7 @@ const VTextarea = genericComponent()({
           }, fieldProps, {
             "active": isActive.value || isDirty.value,
             "dirty": isDirty.value || props.dirty,
+            "disabled": isDisabled.value,
             "focused": isFocused.value,
             "error": isValid.value === false
           }), {
@@ -17680,13 +17786,6 @@ const VTimelineDivider = genericComponent()({
       backgroundColorClasses: lineColorClasses,
       backgroundColorStyles: lineColorStyles
     } = useBackgroundColor(toRef(props, 'lineColor'));
-    provideDefaults({
-      VIcon: {
-        color: toRef(props, 'iconColor'),
-        icon: toRef(props, 'icon'),
-        size: toRef(props, 'size')
-      }
-    });
     useRender(() => createVNode("div", {
       "class": ['v-timeline-divider', {
         'v-timeline-divider--fill-dot': props.fillDot
@@ -17701,7 +17800,22 @@ const VTimelineDivider = genericComponent()({
     }, [createVNode("div", {
       "class": ['v-timeline-divider__inner-dot', backgroundColorClasses.value, roundedClasses.value],
       "style": backgroundColorStyles.value
-    }, [slots.default?.() ?? (props.icon ? createVNode(VIcon, null, null) : undefined)])]), createVNode("div", {
+    }, [!slots.default ? createVNode(VIcon, {
+      "key": "icon",
+      "color": props.iconColor,
+      "icon": props.icon,
+      "size": props.size
+    }, null) : createVNode(VDefaultsProvider, {
+      "key": "icon-defaults",
+      "disabled": !props.icon,
+      "defaults": {
+        VIcon: {
+          color: props.iconColor,
+          icon: props.icon,
+          size: props.size
+        }
+      }
+    }, slots.default)])]), createVNode("div", {
       "class": ['v-timeline-divider__after', lineColorClasses.value],
       "style": lineColorStyles.value
     }, null)]));
@@ -18218,7 +18332,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.1.7";
+const version$1 = "3.1.9";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18238,7 +18352,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.1.7";
+const version = "3.1.9";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };