vuetify 3.1.7 → 3.1.9

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.7
+* Vuetify v3.1.9
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -953,6 +953,8 @@
     const injectedDefaults = useDefaults();
     const providedDefaults = vue.ref(defaults);
     const newDefaults = vue.computed(() => {
+      const disabled = vue.unref(options?.disabled);
+      if (disabled) return {};
       const scoped = vue.unref(options?.scoped);
       const reset = vue.unref(options?.reset);
       const root = vue.unref(options?.root);
@@ -1026,10 +1028,11 @@
         const componentDefaults = vue.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 = vue.shallowRef();
@@ -1671,17 +1674,9 @@
       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 = [];
@@ -1794,6 +1789,11 @@
         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;
   }
 
@@ -2023,7 +2023,7 @@
     en: false,
     es: false,
     et: false,
-    fa: false,
+    fa: true,
     fi: false,
     fr: false,
     hr: false,
@@ -2156,6 +2156,7 @@
     name: 'VDefaultsProvider',
     props: {
       defaults: Object,
+      disabled: Boolean,
       reset: [Number, String],
       root: Boolean,
       scoped: Boolean
@@ -2166,6 +2167,7 @@
       } = _ref;
       const {
         defaults,
+        disabled,
         reset,
         root,
         scoped
@@ -2173,7 +2175,8 @@
       provideDefaults(defaults, {
         reset,
         root,
-        scoped
+        scoped,
+        disabled
       });
       return () => slots.default?.();
     }
@@ -2184,7 +2187,7 @@
   // 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,
@@ -2795,7 +2798,7 @@
           "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,
@@ -2817,7 +2820,7 @@
         default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && vue.createVNode("img", {
           "class": ['v-img__img', 'v-img__img--preload', containClasses.value],
           "src": normalisedSrc.value.lazySrc,
-          "alt": ""
+          "alt": props.alt
         }, null)]
       });
       const __placeholder = () => {
@@ -3159,16 +3162,20 @@
           default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
             "class": "v-toolbar__image"
-          }, [vue.createVNode(VDefaultsProvider, {
+          }, [!slots.image ? vue.createVNode(VImg, {
+            "key": "image-img",
+            "cover": true,
+            "src": props.image
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "image-defaults",
+            "disabled": !props.image,
             "defaults": {
               VImg: {
                 cover: true,
                 src: props.image
               }
             }
-          }, {
-            default: () => [slots.image ? slots.image?.() : vue.createVNode(VImg, null, null)]
-          })]), vue.createVNode(VDefaultsProvider, {
+          }, slots.image)]), vue.createVNode(VDefaultsProvider, {
             "defaults": {
               VTabs: {
                 height: convertToUnit(contentHeight.value)
@@ -4889,43 +4896,49 @@
           },
           "value": valueAttr.value
         }, {
-          default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && vue.createVNode(VDefaultsProvider, {
+          default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && vue.createVNode("span", {
             "key": "prepend",
+            "class": "v-btn__prepend"
+          }, [!slots.prepend ? vue.createVNode(VIcon, {
+            "key": "prepend-icon",
+            "icon": props.prependIcon
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "prepend-defaults",
+            "disabled": !props.prependIcon,
             "defaults": {
               VIcon: {
                 icon: props.prependIcon
               }
             }
-          }, {
-            default: () => [vue.createVNode("span", {
-              "class": "v-btn__prepend"
-            }, [slots.prepend?.() ?? vue.createVNode(VIcon, null, null)])]
-          }), vue.createVNode("span", {
+          }, slots.prepend)]), vue.createVNode("span", {
             "class": "v-btn__content",
             "data-no-activator": ""
-          }, [vue.createVNode(VDefaultsProvider, {
-            "key": "content",
+          }, [!slots.default && hasIcon ? vue.createVNode(VIcon, {
+            "key": "content-icon",
+            "icon": props.icon
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "content-defaults",
+            "disabled": !hasIcon,
             "defaults": {
               VIcon: {
-                icon: hasIcon ? props.icon : undefined
+                icon: props.icon
               }
             }
-          }, {
-            default: () => [slots.default?.() ?? (hasIcon && vue.createVNode(VIcon, {
-              "key": "icon"
-            }, null))]
-          })]), !props.icon && hasAppend && vue.createVNode(VDefaultsProvider, {
+          }, slots.default)]), !props.icon && hasAppend && vue.createVNode("span", {
             "key": "append",
+            "class": "v-btn__append"
+          }, [!slots.append ? vue.createVNode(VIcon, {
+            "key": "append-icon",
+            "icon": props.appendIcon
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "append-defaults",
+            "disabled": !props.appendIcon,
             "defaults": {
               VIcon: {
                 icon: props.appendIcon
               }
             }
-          }, {
-            default: () => [vue.createVNode("span", {
-              "class": "v-btn__append"
-            }, [slots.append?.() ?? vue.createVNode(VIcon, null, null)])]
-          }), !!props.loading && vue.createVNode("span", {
+          }, slots.append)]), !!props.loading && vue.createVNode("span", {
             "key": "loader",
             "class": "v-btn__loader"
           }, [slots.loader?.() ?? vue.createVNode(VProgressCircular, {
@@ -5054,10 +5067,12 @@
       })
     },
     emits: {
+      'click:close': e => true,
       'update:modelValue': value => true
     },
     setup(props, _ref) {
       let {
+        emit,
         slots
       } = _ref;
       const isActive = useProxiedModel(props, 'modelValue');
@@ -5107,6 +5122,7 @@
         'aria-label': t(props.closeLabel),
         onClick(e) {
           isActive.value = false;
+          emit('click:close', e);
         }
       }));
       return () => {
@@ -5128,8 +5144,17 @@
             "key": "border",
             "class": ['v-alert__border', textColorClasses.value],
             "style": textColorStyles.value
-          }, null), hasPrepend && vue.createVNode(VDefaultsProvider, {
+          }, null), hasPrepend && vue.createVNode("div", {
             "key": "prepend",
+            "class": "v-alert__prepend"
+          }, [!slots.prepend ? vue.createVNode(VIcon, {
+            "key": "prepend-icon",
+            "density": props.density,
+            "icon": icon.value,
+            "size": props.prominent ? 44 : 28
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "prepend-defaults",
+            "disabled": !icon.value,
             "defaults": {
               VIcon: {
                 density: props.density,
@@ -5137,21 +5162,25 @@
                 size: props.prominent ? 44 : 28
               }
             }
-          }, {
-            default: () => [vue.createVNode("div", {
-              "class": "v-alert__prepend"
-            }, [slots.prepend ? slots.prepend() : icon.value && vue.createVNode(VIcon, null, null)])]
-          }), vue.createVNode("div", {
+          }, slots.prepend)]), vue.createVNode("div", {
             "class": "v-alert__content"
           }, [hasTitle && vue.createVNode(VAlertTitle, {
             "key": "title"
           }, {
-            default: () => [slots.title ? slots.title() : props.title]
-          }), hasText && (slots.text ? slots.text() : props.text), slots.default?.()]), slots.append && vue.createVNode("div", {
+            default: () => [slots.title?.() ?? props.title]
+          }), hasText && (slots.text?.() ?? props.text), slots.default?.()]), slots.append && vue.createVNode("div", {
             "key": "append",
             "class": "v-alert__append"
-          }, [slots.append()]), hasClose && vue.createVNode(VDefaultsProvider, {
+          }, [slots.append()]), hasClose && vue.createVNode("div", {
             "key": "close",
+            "class": "v-alert__close"
+          }, [!slots.close ? vue.createVNode(VBtn, vue.mergeProps({
+            "key": "close-btn",
+            "icon": props.closeIcon,
+            "size": "x-small",
+            "variant": "text"
+          }, closeProps.value), null) : vue.createVNode(VDefaultsProvider, {
+            "key": "close-defaults",
             "defaults": {
               VBtn: {
                 icon: props.closeIcon,
@@ -5160,12 +5189,10 @@
               }
             }
           }, {
-            default: () => [vue.createVNode("div", {
-              "class": "v-alert__close"
-            }, [slots.close?.({
+            default: () => [slots.close?.({
               props: closeProps.value
-            }) ?? vue.createVNode(VBtn, closeProps.value, null)])]
-          })]
+            })]
+          })])]
         });
       };
     }
@@ -6175,6 +6202,7 @@
               "id": id.value,
               "active": isActive.value || isDirty.value,
               "dirty": isDirty.value || props.dirty,
+              "disabled": isDisabled.value,
               "focused": isFocused.value,
               "error": isValid.value === false
             }), {
@@ -6829,10 +6857,13 @@
       const link = useLink(props, attrs);
       const isLink = vue.computed(() => props.link !== false && link.isLink.value);
       const isClickable = vue.computed(() => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value));
-      function onCloseClick(e) {
-        isActive.value = false;
-        emit('click:close', e);
-      }
+      const closeProps = vue.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;
@@ -6847,10 +6878,12 @@
       }
       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 && vue.withDirectives(vue.createVNode(Tag, {
           "class": ['v-chip', {
@@ -6868,77 +6901,94 @@
           "onClick": onClick,
           "onKeydown": isClickable.value && !isLink.value && onKeyDown
         }, {
-          default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && vue.createVNode(VDefaultsProvider, {
-            "key": "filter",
-            "defaults": {
-              VIcon: {
-                icon: props.filterIcon
-              }
-            }
+          default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && vue.createVNode(VExpandXTransition, {
+            "key": "filter"
           }, {
-            default: () => [vue.createVNode(VExpandXTransition, null, {
-              default: () => [vue.withDirectives(vue.createVNode("div", {
-                "class": "v-chip__filter"
-              }, [slots.filter ? slots.filter() : vue.createVNode(VIcon, null, null)]), [[vue.vShow, group.isSelected.value]])]
-            })]
-          }), hasPrepend && vue.createVNode(VDefaultsProvider, {
+            default: () => [vue.withDirectives(vue.createVNode("div", {
+              "class": "v-chip__filter"
+            }, [!slots.filter ? vue.createVNode(VIcon, {
+              "key": "filter-icon",
+              "icon": props.filterIcon
+            }, null) : vue.withDirectives(vue.createVNode(VDefaultsProvider, {
+              "key": "filter-defaults",
+              "disabled": !props.filterIcon,
+              "defaults": {
+                VIcon: {
+                  icon: props.filterIcon
+                }
+              }
+            }, null), [[vue.resolveDirective("slot"), slots.filter, "default"]])]), [[vue.vShow, group.isSelected.value]])]
+          }), hasPrepend && vue.createVNode("div", {
             "key": "prepend",
+            "class": "v-chip__prepend"
+          }, [!slots.prepend ? vue.createVNode(vue.Fragment, null, [props.prependIcon && vue.createVNode(VIcon, {
+            "key": "prepend-icon",
+            "icon": props.prependIcon,
+            "start": true
+          }, null), props.prependAvatar && vue.createVNode(VAvatar, {
+            "key": "prepend-avatar",
+            "image": props.prependAvatar,
+            "start": true
+          }, null)]) : vue.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 ? vue.createVNode("div", {
-              "class": "v-chip__prepend"
-            }, [slots.prepend()]) : props.prependAvatar ? vue.createVNode(VAvatar, {
-              "start": true
-            }, null) : props.prependIcon ? vue.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 && vue.createVNode(VDefaultsProvider, {
+          }) ?? props.text, hasAppend && vue.createVNode("div", {
             "key": "append",
+            "class": "v-chip__append"
+          }, [!slots.append ? vue.createVNode(vue.Fragment, null, [props.appendIcon && vue.createVNode(VIcon, {
+            "key": "append-icon",
+            "end": true,
+            "icon": props.appendIcon
+          }, null), props.appendAvatar && vue.createVNode(VAvatar, {
+            "key": "append-avatar",
+            "end": true,
+            "image": props.appendAvatar
+          }, null)]) : vue.createVNode(VDefaultsProvider, {
+            "key": "append-defaults",
+            "disabled": !hasAppendMedia,
             "defaults": {
               VAvatar: {
+                end: true,
                 image: props.appendAvatar
               },
               VIcon: {
+                end: true,
                 icon: props.appendIcon
               }
             }
-          }, {
-            default: () => [slots.append ? vue.createVNode("div", {
-              "class": "v-chip__append"
-            }, [slots.append()]) : props.appendAvatar ? vue.createVNode(VAvatar, {
-              "end": true
-            }, null) : props.appendIcon ? vue.createVNode(VIcon, {
-              "end": true
-            }, null) : undefined]
-          }), hasClose && vue.createVNode(VDefaultsProvider, {
+          }, slots.append)]), hasClose && vue.createVNode("div", vue.mergeProps({
             "key": "close",
+            "class": "v-chip__close"
+          }, closeProps.value), [!slots.close ? vue.createVNode(VIcon, {
+            "key": "close-icon",
+            "icon": props.closeIcon,
+            "size": "x-small"
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "close-defaults",
             "defaults": {
               VIcon: {
                 icon: props.closeIcon,
                 size: 'x-small'
               }
             }
-          }, {
-            default: () => [vue.createVNode("div", {
-              "class": "v-chip__close",
-              "aria-label": t(props.closeLabel),
-              "onClick": onCloseClick
-            }, [slots.close ? slots.close() : vue.createVNode(VIcon, null, null)])]
-          })]
+          }, slots.close)])]
         }), [[vue.resolveDirective("ripple"), isClickable.value && props.ripple, null]]);
       };
     }
@@ -7688,8 +7738,10 @@
         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 vue.withDirectives(vue.createVNode(Tag, {
           "class": ['v-list-item', {
@@ -7709,7 +7761,7 @@
           default: () => [genOverlays(isClickable.value || isActive.value, 'v-list-item'), hasPrepend && vue.createVNode("div", {
             "key": "prepend",
             "class": "v-list-item__prepend"
-          }, [props.prependAvatar && vue.createVNode(VAvatar, {
+          }, [!slots.prepend ? vue.createVNode(vue.Fragment, null, [props.prependAvatar && vue.createVNode(VAvatar, {
             "key": "prepend-avatar",
             "density": props.density,
             "image": props.prependAvatar
@@ -7717,8 +7769,9 @@
             "key": "prepend-icon",
             "density": props.density,
             "icon": props.prependIcon
-          }, null), slots.prepend && vue.createVNode(VDefaultsProvider, {
-            "key": "prepend",
+          }, null)]) : vue.createVNode(VDefaultsProvider, {
+            "key": "prepend-defaults",
+            "disabled": !hasPrependMedia,
             "defaults": {
               VAvatar: {
                 density: props.density,
@@ -7733,7 +7786,7 @@
               }
             }
           }, {
-            default: () => [slots.prepend(slotProps.value)]
+            default: () => [slots.prepend?.(slotProps.value)]
           })]), vue.createVNode("div", {
             "class": "v-list-item__content",
             "data-no-activator": ""
@@ -7752,8 +7805,17 @@
           }), slots.default?.(slotProps.value)]), hasAppend && vue.createVNode("div", {
             "key": "append",
             "class": "v-list-item__append"
-          }, [slots.append && vue.createVNode(VDefaultsProvider, {
-            "key": "append",
+          }, [!slots.append ? vue.createVNode(vue.Fragment, null, [props.appendIcon && vue.createVNode(VIcon, {
+            "key": "append-icon",
+            "density": props.density,
+            "icon": props.appendIcon
+          }, null), props.appendAvatar && vue.createVNode(VAvatar, {
+            "key": "append-avatar",
+            "density": props.density,
+            "image": props.appendAvatar
+          }, null)]) : vue.createVNode(VDefaultsProvider, {
+            "key": "append-defaults",
+            "disabled": !hasAppendMedia,
             "defaults": {
               VAvatar: {
                 density: props.density,
@@ -7768,16 +7830,8 @@
               }
             }
           }, {
-            default: () => [slots.append(slotProps.value)]
-          }), props.appendIcon && vue.createVNode(VIcon, {
-            "key": "append-icon",
-            "density": props.density,
-            "icon": props.appendIcon
-          }, null), props.appendAvatar && vue.createVNode(VAvatar, {
-            "key": "append-avatar",
-            "density": props.density,
-            "image": props.appendAvatar
-          }, null)])]
+            default: () => [slots.append?.(slotProps.value)]
+          })])]
         }), [[vue.resolveDirective("ripple"), isClickable.value && props.ripple]]);
       });
       return {};
@@ -9123,8 +9177,8 @@
   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));
     }
@@ -9139,7 +9193,6 @@
     const win = match(/win/i);
     const mac = match(/mac/i);
     const linux = match(/linux/i);
-    const ssr = match(/ssr/i);
     return {
       android,
       ios,
@@ -9153,7 +9206,7 @@
       mac,
       linux,
       touch: SUPPORTS_TOUCH,
-      ssr
+      ssr: userAgent === 'ssr'
     };
   }
   function createDisplay(options, ssr) {
@@ -9162,13 +9215,17 @@
       mobileBreakpoint
     } = parseDisplayOptions(options);
     const height = vue.ref(getClientHeight(ssr));
-    const platform = getPlatform();
+    const platform = vue.shallowRef(getPlatform(ssr));
     const state = vue.reactive({});
     const width = vue.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
     vue.watchEffect(() => {
@@ -9180,7 +9237,7 @@
       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;
@@ -9200,11 +9257,11 @@
       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
       });
     }
@@ -9983,7 +10040,13 @@
             return vue.createVNode("div", {
               "key": item.value,
               "class": "v-select__selection"
-            }, [hasChips ? vue.createVNode(VDefaultsProvider, {
+            }, [hasChips ? !slots.chip ? vue.createVNode(VChip, vue.mergeProps({
+              "key": "chip",
+              "closable": props.closableChips,
+              "size": "small",
+              "text": item.title
+            }, slotProps), null) : vue.createVNode(VDefaultsProvider, {
+              "key": "chip-defaults",
               "defaults": {
                 VChip: {
                   closable: props.closableChips,
@@ -9992,15 +10055,15 @@
                 }
               }
             }, {
-              default: () => [slots.chip ? slots.chip({
+              default: () => [slots.chip?.({
                 item,
                 index,
                 props: slotProps
-              }) : vue.createVNode(VChip, slotProps, null)]
-            }) : slots.selection ? slots.selection({
+              })]
+            }) : slots.selection?.({
               item,
               index
-            }) : vue.createVNode("span", {
+            }) ?? vue.createVNode("span", {
               "class": "v-select__selection-text"
             }, [item.title, props.multiple && index < selections.value.length - 1 && vue.createVNode("span", {
               "class": "v-select__selection-comma"
@@ -10372,7 +10435,13 @@
             return vue.createVNode("div", {
               "key": item.value,
               "class": "v-autocomplete__selection"
-            }, [hasChips ? vue.createVNode(VDefaultsProvider, {
+            }, [hasChips ? !slots.chip ? vue.createVNode(VChip, vue.mergeProps({
+              "key": "chip",
+              "closable": props.closableChips,
+              "size": "small",
+              "text": item.title
+            }, slotProps), null) : vue.createVNode(VDefaultsProvider, {
+              "key": "chip-defaults",
               "defaults": {
                 VChip: {
                   closable: props.closableChips,
@@ -10381,15 +10450,15 @@
                 }
               }
             }, {
-              default: () => [slots.chip ? slots.chip({
+              default: () => [slots.chip?.({
                 item,
                 index,
                 props: slotProps
-              }) : vue.createVNode(VChip, slotProps, null)]
-            }) : slots.selection ? slots.selection({
+              })]
+            }) : slots.selection?.({
               item,
               index
-            }) : vue.createVNode("span", {
+            }) ?? vue.createVNode("span", {
               "class": "v-autocomplete__selection-text"
             }, [item.title, props.multiple && index < selections.value.length - 1 && vue.createVNode("span", {
               "class": "v-autocomplete__selection-comma"
@@ -10590,7 +10659,8 @@
       });
       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 vue.createVNode(props.tag, {
           "class": ['v-banner', {
             'v-banner--stacked': props.stacked || mobile.value,
@@ -10600,8 +10670,18 @@
           "style": [dimensionStyles.value, locationStyles.value],
           "role": "banner"
         }, {
-          default: () => [hasPrepend && vue.createVNode(VDefaultsProvider, {
+          default: () => [hasPrepend && vue.createVNode("div", {
             "key": "prepend",
+            "class": "v-banner__prepend"
+          }, [!slots.prepend ? vue.createVNode(VAvatar, {
+            "key": "prepend-avatar",
+            "color": color.value,
+            "density": density.value,
+            "icon": props.icon,
+            "image": props.avatar
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "prepend-defaults",
+            "disabled": !hasPrependMedia,
             "defaults": {
               VAvatar: {
                 color: color.value,
@@ -10610,19 +10690,15 @@
                 image: props.avatar
               }
             }
-          }, {
-            default: () => [vue.createVNode("div", {
-              "class": "v-banner__prepend"
-            }, [slots.prepend ? slots.prepend() : (props.avatar || props.icon) && vue.createVNode(VAvatar, null, null)])]
-          }), vue.createVNode("div", {
+          }, slots.prepend)]), vue.createVNode("div", {
             "class": "v-banner__content"
           }, [hasText && vue.createVNode(VBannerText, {
             "key": "text"
           }, {
-            default: () => [slots.text ? slots.text() : props.text]
-          }), slots.default?.()]), slots.actions && vue.createVNode(VBannerActions, null, {
-            default: () => [slots.actions()]
-          })]
+            default: () => [slots.text?.() ?? props.text]
+          }), slots.default?.()]), slots.actions && vue.createVNode(VBannerActions, {
+            "key": "actions"
+          }, slots.actions)]
         });
       });
     }
@@ -10855,19 +10931,23 @@
           "class": ['v-breadcrumbs', backgroundColorClasses.value, densityClasses.value, roundedClasses.value],
           "style": backgroundColorStyles.value
         }, {
-          default: () => [hasPrepend && vue.createVNode(VDefaultsProvider, {
+          default: () => [hasPrepend && vue.createVNode("div", {
             "key": "prepend",
+            "class": "v-breadcrumbs__prepend"
+          }, [!slots.prepend ? vue.createVNode(VIcon, {
+            "key": "prepend-icon",
+            "start": true,
+            "icon": props.icon
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "prepend-defaults",
+            "disabled": !props.icon,
             "defaults": {
               VIcon: {
                 icon: props.icon,
                 start: true
               }
             }
-          }, {
-            default: () => [vue.createVNode("div", {
-              "class": "v-breadcrumbs__prepend"
-            }, [slots.prepend ? slots.prepend() : props.icon && vue.createVNode(VIcon, null, null)])]
-          }), props.items.map((item, index, array) => vue.createVNode(vue.Fragment, null, [vue.createVNode(VBreadcrumbsItem, vue.mergeProps({
+          }, slots.prepend)]), props.items.map((item, index, array) => vue.createVNode(vue.Fragment, null, [vue.createVNode(VBreadcrumbsItem, vue.mergeProps({
             "key": index,
             "disabled": index >= array.length - 1
           }, typeof item === 'string' ? {
@@ -10931,30 +11011,33 @@
         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 vue.createVNode("div", {
           "class": "v-card-item"
-        }, [hasPrepend && vue.createVNode(VDefaultsProvider, {
+        }, [hasPrepend && vue.createVNode("div", {
           "key": "prepend",
+          "class": "v-card-item__prepend"
+        }, [!slots.prepend ? hasPrependMedia && vue.createVNode(VAvatar, {
+          "key": "prepend-avatar",
+          "density": props.density,
+          "icon": props.prependIcon,
+          "image": props.prependAvatar
+        }, null) : vue.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: () => [vue.createVNode("div", {
-            "class": "v-card-item__prepend"
-          }, [slots.prepend?.() ?? vue.createVNode(VAvatar, null, null)])]
-        }), vue.createVNode("div", {
+        }, slots.prepend)]), vue.createVNode("div", {
           "class": "v-card-item__content"
         }, [hasTitle && vue.createVNode(VCardTitle, {
           "key": "title"
@@ -10964,24 +11047,25 @@
           "key": "subtitle"
         }, {
           default: () => [slots.subtitle?.() ?? props.subtitle]
-        }), slots.default?.()]), hasAppend && vue.createVNode(VDefaultsProvider, {
+        }), slots.default?.()]), hasAppend && vue.createVNode("div", {
           "key": "append",
+          "class": "v-card-item__append"
+        }, [!slots.append ? hasAppendMedia && vue.createVNode(VAvatar, {
+          "key": "append-avatar",
+          "density": props.density,
+          "icon": props.appendIcon,
+          "image": props.appendAvatar
+        }, null) : vue.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: () => [vue.createVNode("div", {
-            "class": "v-card-item__append"
-          }, [slots.append?.() ?? vue.createVNode(VAvatar, null, null)])]
-        })]);
+        }, slots.append)])]);
       });
       return {};
     }
@@ -11093,19 +11177,23 @@
           "onClick": isClickable.value && link.navigate,
           "tabindex": props.disabled ? -1 : undefined
         }, {
-          default: () => [hasImage && vue.createVNode(VDefaultsProvider, {
+          default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
+            "class": "v-card__image"
+          }, [!slots.image ? vue.createVNode(VImg, {
+            "key": "image-img",
+            "cover": true,
+            "src": props.image
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "image-defaults",
+            "disabled": !props.image,
             "defaults": {
               VImg: {
                 cover: true,
                 src: props.image
               }
             }
-          }, {
-            default: () => [vue.createVNode("div", {
-              "class": "v-card__image"
-            }, [slots.image?.() ?? vue.createVNode(VImg, null, null)])]
-          }), vue.createVNode(LoaderSlot, {
+          }, slots.image)]), vue.createVNode(LoaderSlot, {
             "name": "v-card",
             "active": !!props.loading,
             "color": typeof props.loading === 'boolean' ? undefined : props.loading
@@ -12309,7 +12397,9 @@
       const percentage = (val - min.value) / (max.value - min.value) * 100;
       return clamp(isNaN(percentage) ? 0 : percentage, 0, 100);
     };
+    const showTicks = vue.toRef(props, 'showTicks');
     const parsedTicks = vue.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;
@@ -12358,7 +12448,7 @@
       readonly: vue.toRef(props, 'readonly'),
       rounded: vue.toRef(props, 'rounded'),
       roundValue,
-      showTicks: vue.toRef(props, 'showTicks'),
+      showTicks,
       startOffset,
       step,
       thumbSize,
@@ -12580,6 +12670,7 @@
         };
       });
       const computedTicks = vue.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';
@@ -13699,7 +13790,13 @@
               "key": item.value,
               "class": ['v-combobox__selection', index === selectionIndex.value && ['v-combobox__selection--selected', textColorClasses.value]],
               "style": index === selectionIndex.value ? textColorStyles.value : {}
-            }, [hasChips ? vue.createVNode(VDefaultsProvider, {
+            }, [hasChips ? !slots.chip ? vue.createVNode(VChip, vue.mergeProps({
+              "key": "chip",
+              "closable": props.closableChips,
+              "size": "small",
+              "text": item.title
+            }, slotProps), null) : vue.createVNode(VDefaultsProvider, {
+              "key": "chip-defaults",
               "defaults": {
                 VChip: {
                   closable: props.closableChips,
@@ -13708,15 +13805,15 @@
                 }
               }
             }, {
-              default: () => [slots.chip ? slots.chip({
+              default: () => [slots.chip?.({
                 item,
                 index,
                 props: slotProps
-              }) : vue.createVNode(VChip, slotProps, null)]
-            }) : slots.selection ? slots.selection({
+              })]
+            }) : slots.selection?.({
               item,
               index
-            }) : vue.createVNode("span", {
+            }) ?? vue.createVNode("span", {
               "class": "v-combobox__selection-text"
             }, [item.title, props.multiple && index < selections.value.length - 1 && vue.createVNode("span", {
               "class": "v-combobox__selection-comma"
@@ -14217,6 +14314,7 @@
               "id": id.value,
               "active": isDirty.value || isFocused.value,
               "dirty": isDirty.value,
+              "disabled": isDisabled.value,
               "focused": isFocused.value,
               "error": isValid.value === false
             }), {
@@ -16853,19 +16951,18 @@
           "modelValue": isActive.value,
           "onUpdate:modelValue": $event => isActive.value = $event,
           "contentProps": vue.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: () => [vue.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 && vue.createVNode("div", {
+          default: () => [genOverlays(false, 'v-snackbar'), slots.default && vue.createVNode("div", {
             "class": "v-snackbar__content",
             "role": "status",
             "aria-live": "polite"
@@ -16880,7 +16977,7 @@
             default: () => [vue.createVNode("div", {
               "class": "v-snackbar__actions"
             }, [slots.actions()])]
-          })])],
+          })],
           activator: slots.activator
         });
       });
@@ -17229,16 +17326,6 @@
         backgroundColorClasses,
         backgroundColorStyles
       } = useBackgroundColor(vue.toRef(props, 'bgColor'));
-      provideDefaults({
-        VTab: {
-          color: vue.toRef(props, 'color'),
-          direction: vue.toRef(props, 'direction'),
-          stacked: vue.toRef(props, 'stacked'),
-          fixed: vue.toRef(props, 'fixedTabs'),
-          sliderColor: vue.toRef(props, 'sliderColor'),
-          hideSlider: vue.toRef(props, 'hideSlider')
-        }
-      });
       useRender(() => vue.createVNode(VSlideGroup, {
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
@@ -17255,9 +17342,27 @@
         "mandatory": props.mandatory,
         "direction": props.direction
       }, {
-        default: () => [slots.default ? slots.default() : parsedItems.value.map(item => vue.createVNode(VTab, vue.mergeProps(item, {
-          "key": item.title
-        }), null))]
+        default: () => [!slots.default ? parsedItems.value.map(item => vue.createVNode(VTab, vue.mergeProps({
+          "key": item.title,
+          "color": props.color,
+          "direction": props.direction,
+          "fixed": props.fixedTabs,
+          "hideSlider": props.hideSlider,
+          "sliderColor": props.sliderColor,
+          "stacked": props.stacked
+        }, item), null)) : vue.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 {};
     }
@@ -17482,6 +17587,7 @@
             }, fieldProps, {
               "active": isActive.value || isDirty.value,
               "dirty": isDirty.value || props.dirty,
+              "disabled": isDisabled.value,
               "focused": isFocused.value,
               "error": isValid.value === false
             }), {
@@ -17684,13 +17790,6 @@
         backgroundColorClasses: lineColorClasses,
         backgroundColorStyles: lineColorStyles
       } = useBackgroundColor(vue.toRef(props, 'lineColor'));
-      provideDefaults({
-        VIcon: {
-          color: vue.toRef(props, 'iconColor'),
-          icon: vue.toRef(props, 'icon'),
-          size: vue.toRef(props, 'size')
-        }
-      });
       useRender(() => vue.createVNode("div", {
         "class": ['v-timeline-divider', {
           'v-timeline-divider--fill-dot': props.fillDot
@@ -17705,7 +17804,22 @@
       }, [vue.createVNode("div", {
         "class": ['v-timeline-divider__inner-dot', backgroundColorClasses.value, roundedClasses.value],
         "style": backgroundColorStyles.value
-      }, [slots.default?.() ?? (props.icon ? vue.createVNode(VIcon, null, null) : undefined)])]), vue.createVNode("div", {
+      }, [!slots.default ? vue.createVNode(VIcon, {
+        "key": "icon",
+        "color": props.iconColor,
+        "icon": props.icon,
+        "size": props.size
+      }, null) : vue.createVNode(VDefaultsProvider, {
+        "key": "icon-defaults",
+        "disabled": !props.icon,
+        "defaults": {
+          VIcon: {
+            color: props.iconColor,
+            icon: props.icon,
+            size: props.size
+          }
+        }
+      }, slots.default)])]), vue.createVNode("div", {
         "class": ['v-timeline-divider__after', lineColorClasses.value],
         "style": lineColorStyles.value
       }, null)]));
@@ -18222,7 +18336,7 @@
       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
@@ -18242,7 +18356,7 @@
       ...options
     });
   };
-  const version = "3.1.7";
+  const version = "3.1.9";
   createVuetify.version = version;
 
   exports.components = components;