vuetify 3.3.4 → 3.3.6

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.4
+* Vuetify v3.3.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1290,6 +1290,7 @@
       // TS doesn't allow symbol as index type
       return provides[key];
     }
+    return undefined;
   }
 
   function isFixedPosition(el) {
@@ -3640,16 +3641,18 @@
         const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
         return height + extensionHeight;
       });
-      vue.watchEffect(() => {
-        if (scrollBehavior.value.hide) {
-          if (scrollBehavior.value.inverted) {
-            isActive.value = currentScroll.value > scrollThreshold.value;
+      useToggleScope(vue.computed(() => !!props.scrollBehavior), () => {
+        vue.watchEffect(() => {
+          if (scrollBehavior.value.hide) {
+            if (scrollBehavior.value.inverted) {
+              isActive.value = currentScroll.value > scrollThreshold.value;
+            } else {
+              isActive.value = isScrollingUp.value || currentScroll.value < scrollThreshold.value;
+            }
           } else {
-            isActive.value = isScrollingUp.value || currentScroll.value < scrollThreshold.value;
+            isActive.value = true;
           }
-        } else {
-          isActive.value = true;
-        }
+        });
       });
       const {
         ssrBootStyles
@@ -6281,12 +6284,12 @@
         const handler = typeof rule === 'function' ? rule : () => rule;
         const result = await handler(validationModel.value);
         if (result === true) continue;
-        if (typeof result !== 'string') {
+        if (result !== false && typeof result !== 'string') {
           // eslint-disable-next-line no-console
           console.warn(`${result} is not a valid value. Rule functions must return boolean true or a string.`);
           continue;
         }
-        results.push(result);
+        results.push(result || '');
       }
       internalErrorMessages.value = results;
       isValidating.value = false;
@@ -9421,7 +9424,7 @@
     modelValue: Boolean,
     persistent: Boolean,
     scrim: {
-      type: [String, Boolean],
+      type: [Boolean, String],
       default: true
     },
     zIndex: {
@@ -10355,12 +10358,10 @@
                 }]]);
                 return vue.createVNode(vue.Fragment, null, [props.prefix && vue.createVNode("span", {
                   "class": "v-text-field__prefix"
-                }, [props.prefix]), slots.default ? vue.createVNode("div", {
+                }, [props.prefix]), vue.createVNode("div", {
                   "class": fieldClass,
                   "data-no-activator": ""
-                }, [slots.default(), inputNode]) : vue.cloneVNode(inputNode, {
-                  class: fieldClass
-                }), props.suffix && vue.createVNode("span", {
+                }, [slots.default ? vue.createVNode(vue.Fragment, null, [slots.default(), inputNode]) : vue.cloneVNode(inputNode)]), props.suffix && vue.createVNode("span", {
                   "class": "v-text-field__suffix"
                 }, [props.suffix])]);
               }
@@ -11596,20 +11597,21 @@
         textColorStyles
       } = useTextColor(color);
       useRender(() => {
-        const Tag = link.isLink.value ? 'a' : props.tag;
-        return vue.createVNode(Tag, {
+        return vue.createVNode(props.tag, {
           "class": ['v-breadcrumbs-item', {
             'v-breadcrumbs-item--active': isActive.value,
             'v-breadcrumbs-item--disabled': props.disabled,
-            'v-breadcrumbs-item--link': link.isLink.value,
             [`${props.activeClass}`]: isActive.value && props.activeClass
           }, textColorClasses.value, props.class],
           "style": [textColorStyles.value, props.style],
-          "href": link.href.value,
-          "aria-current": isActive.value ? 'page' : undefined,
-          "onClick": link.navigate
+          "aria-current": isActive.value ? 'page' : undefined
         }, {
-          default: () => [slots.default?.() ?? props.title]
+          default: () => [!link.isLink.value ? slots.default?.() ?? props.title : vue.createVNode("a", {
+            "class": "v-breadcrumbs-item--link",
+            "href": link.href.value,
+            "aria-current": isActive.value ? 'page' : undefined,
+            "onClick": link.navigate
+          }, [slots.default?.() ?? props.title])]
         });
       });
       return {};
@@ -11685,7 +11687,7 @@
           "class": ['v-breadcrumbs', backgroundColorClasses.value, densityClasses.value, roundedClasses.value, props.class],
           "style": [backgroundColorStyles.value, props.style]
         }, {
-          default: () => [hasPrepend && vue.createVNode("div", {
+          default: () => [hasPrepend && vue.createVNode("li", {
             "key": "prepend",
             "class": "v-breadcrumbs__prepend"
           }, [!slots.prepend ? vue.createVNode(VIcon, {
@@ -13297,6 +13299,9 @@
         emit
       } = _ref;
       const slider = vue.inject(VSliderSymbol);
+      const {
+        rtlClasses
+      } = useRtl();
       if (!slider) throw new Error('[Vuetify] v-slider-thumb must be used inside v-slider or v-range-slider');
       const {
         thumbColor,
@@ -13364,7 +13369,7 @@
           "class": ['v-slider-thumb', {
             'v-slider-thumb--focused': props.focused,
             'v-slider-thumb--pressed': props.focused && mousePressed.value
-          }, props.class],
+          }, props.class, rtlClasses.value],
           "style": [{
             '--v-slider-thumb-position': positionPercentage,
             '--v-slider-thumb-size': convertToUnit(thumbSize.value)
@@ -15347,7 +15352,9 @@
       useRender(() => vue.createVNode(props.tag, {
         "ref": resizeRef,
         "class": ['v-footer', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-        "style": [backgroundColorStyles.value, props.app ? layoutItemStyles.value : undefined, props.style]
+        "style": [backgroundColorStyles.value, props.app ? layoutItemStyles.value : {
+          height: convertToUnit(props.height)
+        }, props.style]
       }, slots));
       return {};
     }
@@ -16310,7 +16317,7 @@
       default: 56
     },
     scrim: {
-      type: [String, Boolean],
+      type: [Boolean, String],
       default: true
     },
     image: String,
@@ -19104,12 +19111,14 @@
       const direction = scrollTop < lastScrollTop ? UP : DOWN;
       const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
       const buffer = Math.round(visibleItems.value / 3);
-      if (direction === UP && midPointIndex <= first.value + buffer * 2 - 1) {
-        first.value = clamp(midPointIndex - buffer, 0, items.value.length);
-      } else if (direction === DOWN && midPointIndex >= first.value + buffer * 2 - 1) {
-        first.value = clamp(midPointIndex - buffer, 0, items.value.length - visibleItems.value);
+      const firstIndex = midPointIndex - buffer;
+      const lastIndex = first.value + buffer * 2 - 1;
+      if (direction === UP && midPointIndex <= lastIndex) {
+        first.value = clamp(firstIndex, 0, items.value.length);
+      } else if (direction === DOWN && midPointIndex >= lastIndex) {
+        first.value = clamp(firstIndex, 0, items.value.length - visibleItems.value);
       }
-      lastScrollTop = containerRef.value.scrollTop;
+      lastScrollTop = scrollTop;
     }
     function scrollToIndex(index) {
       if (!containerRef.value) return;
@@ -20008,7 +20017,7 @@
       date
     };
   }
-  const version$1 = "3.3.4";
+  const version$1 = "3.3.6";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20033,7 +20042,7 @@
       ...options
     });
   };
-  const version = "3.3.4";
+  const version = "3.3.6";
   createVuetify.version = version;
 
   exports.components = components;